-
Notifications
You must be signed in to change notification settings - Fork 13
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Uncaught Reference Error #166
Comments
I think the highlighted text should be:
0, 255
instead of the rgb entries
Not sure if the way you have it is alright or not, hope you get it working!
…On Thu, Oct 4, 2018, 01:35 Haylie Peacock ***@***.***> wrote:
[image: capture]
<https://user-images.githubusercontent.com/42792278/46459323-ca10cd80-c775-11e8-994c-61f2e4720c11.JPG>
[image: capture2]
<https://user-images.githubusercontent.com/42792278/46459328-cf6e1800-c775-11e8-8a10-1886ed457c70.JPG>
—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
<#166 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/Ao1K1Vl2idof9QMiqJQSwCRoHZpVnUNhks5uhbpYgaJpZM4XHfKr>
.
|
I could be wrong, but I think you're thinking of using a color() object, not rgb(). afaik, rgb() is not defined. Nonetheless, I do not think you can use map() quite way; as @cassadys points out, map() is looking for single value to map to and from. Fortunately, you're only varying the red value, so you can just do this:
Would you mind explaining what this is?
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I am getting this error message in the console when I try to view my sketch on the browser:
sketch.js:4 Uncaught ReferenceError: ellipse is not defined
at sketch.js:4
(anonymous) @ sketch.js:4
sketch.js:32 Uncaught TypeError: Cannot set property 'locX' of undefined
at setup (sketch.js:32)
at e. (p5.min.js:7)
at e. (p5.min.js:7)
at new e (p5.min.js:7)
at e (p5.min.js:7)
Here is my code:
//defining giant circle
var constraint = {};
//assigning qualities to constraint
constraint.shape = ellipse( 0, 0, width/2, height/2);
//defining ring variable
//instantiating the variable as an object
var ring = {};
//assigning qualities to the object
ring.bigSize = 60;
ring.smallSize = 40;
ring.locX = 0;
ring.locY = 0;
ring.red = floor( random(256) );
ring.green = ('0');
ring.blue = floor( random(256) );
ring.greenSmall = floor( random(100) );
function setup() {
//createCanvas
createCanvas(windowWidth, windowHeight);
//set frame rate
frameRate(16);
//black background
background ( '0' );
}
function draw() {
//map function
var circleStroke = map( mouseX %3, 0, width, rgb(0, 255, 0), rgb(255, 255, 0) );
}
What my code is supposed to do is have a circle that fills the screen to touch each edge of the canvas, but that has no fill. The background is black, and the stroke of the giant circle is a color (green-yellow) that depends on where the mouseX position is. Inside is an algorithm that generates rings (two ellipses stacked on each other) with some opacity. The larger circles should have a random blue-purple color, and the smaller ones should have a random blue-green color. They should also be appearing randomly. Can anyone look at my code and see what I'm doing wrong? I haven't been able to figure out what those error messages are trying to get me to do.
Thanks!
The text was updated successfully, but these errors were encountered: