Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Sunset Sea - Perlin Noise study
ID	6086560262455296
Created	8 years ago, 1486743597829
Updated	6 years ago, 1540283484894
Code	/** * Perlin Noise study * Slow systems draw only part of water per frame * Using functions and break loops if it takes over 100ms (10fps) * Thanks for your interest! * Jim E * / frameRate(25); // Draw Silhouette with transparent background and save to image var drawFrame = function() { background(255, 255, 255, 0); fill(0); ellipse(30,320,100,175); ellipse(width,300,120,160); for(var x=0;x<width;x++) { line(x,250+sin(map(x,0,width,0,180))100,x,height); } noFill(); strokeWeight(10); arc(100,250,100,200,180,270); arc(80,230,100,300,180,240); arc(width-80,230,100,300,280,360); strokeWeight(1); fill(0); var px=100; var py=150; triangle(px, py, px+20, py, px+50,py+30); triangle(px, py, px+10, py+30, px+50,py+50); triangle(px, py, px-10, py+30, px, py+40); triangle(px, py, px-20, py, px-50,py+30); triangle(px, py, px-20, py+30, px-50,py+50); triangle(px, py, px-10, py-20, px-50, py-5); px=50; py=100; triangle(px, py, px+20, py, px+50,py+30); triangle(px, py, px+10, py+30, px+50,py+50); triangle(px, py, px-10, py+30, px, py+40); triangle(px, py, px-20, py, px-50,py+30); triangle(px, py, px-20, py+30, px-50,py+50); triangle(px, py, px-10, py-20, px-50, py-5); px=width-80; py=80; triangle(px, py, px+20, py, px+50,py+30); triangle(px, py, px+10, py+30, px+50,py+50); triangle(px, py, px-10, py+30, px, py+70); triangle(px, py, px-20, py, px-60,py+50); triangle(px, py, px-30, py+30, px-50,py+80); triangle(px, py, px-10, py-10, px-50, py-5); return(get(0,0,width,height)); }; var silhouette = drawFrame(); // Draw Background picture that will be reflected, store to canvasImg; var initiateWater = function() { // Sky var c1=color(25, 18, 102); var c2=color(166, 87, 3); for(var y=0;y<250;y++) { stroke( lerpColor(c1,c2,y/250) ); line(0,y,width,y); } //sun fill(255, 170, 0); ellipse(width/2, height/2,108,100); //sea fill(11, 1, 59); rect(0,250,width,150); filter(BLUR,2); loadPixels(); return(pixels.toArray()); }; var canvasImg = initiateWater(); // Draw water reflections var drawWater = function(wX, wY, wWidth, wHeight, dx, dy, dt, startY) { var r, x, y; var time=millis(); for(y=wY+startY; y < wY+wHeight; y++) { for(x=wX; x < wX+wWidth; x++) { r = floor(map(noise(xdx, ydy, dt),0,1,0,height)); stroke(canvasImg[r*width+x]); point(x,y); } if(millis()-time>100) { return((wY+wHeight)-y); } } return(0); }; var d=0; var beginY=0; draw = function() { beginY = drawWater(63,250, 287, 98, 0.01, 0.08, d, beginY); image(silhouette, 0, 0); d+=0.1; };
Folds	11,51,55,76
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOTym_bnCgw
Votes	242
Spin-Offs	9
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Jim E
Author Name	jimmen73
Author ID	kaid_53730961920224703420722
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739453332397
Updated	6 months ago, 1739453339018
Source Deleted	unknown