Viewing Program

Program Data

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

Title	3D Pinapple [INTERACTIVE]
ID	6413017850871808
Created	6 years ago, 1524023033411
Updated	5 years ago, 1565368686804
Code	//Credit to Legolas Greenleaf for colors and idea :) //Not exactly a pinapple. I guess I should have clarified that earlier. //@author:jiggs //@quality:2 { angleMode = "degrees"; var scaler = 128; var rot = {//rotate x:-45,//x axis y:0,//y axis z:0//z axis }; var them = [ //types: tri-face, line, quad-face //only tri-face works /** Positioning Imagining Guidelines: * positive z positions are TOWARDS the viewer * positive x positions go RIGHT * positive y positions go DOWN * hope this helps! / /* Syntax: { type: "string", col: color(), properties: {}, //optional x1: , y1: , z1: , x2: , y2: , z2: , x3: , y3: , z3: , } / ]; var shade = function(col, p){ return color(red(col)p, green(col)p, blue(col)p); }; var sere = function(x, y, z, radius, colo, attributes){//can't be sphere, so sere! var layers, arounds; if (attributes===undefined){ layers = 15; arounds = 20; } else { layers = attributes.layers; arounds = attributes.arounds; } for(var i = -90; i<90; i+=180/layers){ for(var j = 0; j<360; j+=360/arounds){//j+=cos(i)PI2/10){ them.push({ type: "tri-face", col: color((i+90)/180red(colo), (i+90)/180green(colo), (i+90)/180blue(colo)), x1: x+sin(j)cos(i+180/layers)radius, y1: y+sin(i+180/layers)radius, z1: z+cos(j)cos(i+180/layers)radius, x2: x+sin(j)cos(i)radius, y2: y+sin(i)radius, z2: z+cos(j)cos(i)radius, x3: x+sin(j+360/arounds)cos(i)radius, y3: y+sin(i)radius, z3: z+cos(j+360/arounds)cos(i)radius, rad: radius, }); them.push({ type: "tri-face", col: color((i+90)/180red(colo), (i+90)/180green(colo), (i+90)/180blue(colo)), x1: x+sin(j)cos(i-180/layers)radius, y1: y+sin(i-180/layers)radius, z1: z+cos(j)cos(i-180/layers)radius, x2: x+sin(j)cos(i)radius, y2: y+sin(i)radius, z2: z+cos(j)cos(i)radius, x3: x+sin(j-360/arounds)cos(i)radius, y3: y+sin(i)radius, z3: z+cos(j-360/arounds)cos(i)radius, rad: radius, }); } } }; var pineapple = function(x, y, z, radius, colo, attributes){//can't be sphere, so sere! var layers, arounds, k = 1.4, p=0.42; if (attributes===undefined){ layers = 15; arounds = 20; } else { layers = attributes.layers; arounds = attributes.arounds; } /* fill(238, 177, 118); fill(227, 7, 34); fill(245, 140, 84); fill(207, 0, 38); / var i, j; for(var ii = -90; ii<90; ii+=180/layers){ for(var jj = 0; jj<360; jj+=360/arounds){//j+=cos(i)PI2/10){ i = ii; j = jj; them.push({ type: "tri-face", col: color(227, 7, 34), properties: {part:"body"}, x1: x+sin(j)cos(i+180/layersp)radius, y1: y+sin(i+180/layersp)radiusk, z1: z+cos(j)cos(i+180/layersp)radius, x2: x+sin(j)cos(i)radius, y2: y+sin(i)radiusk, z2: z+cos(j)cos(i)radius, x3: x+sin(j+360/aroundsp)cos(i)radius, y3: y+sin(i)radiusk, z3: z+cos(j+360/aroundsp)cos(i)radius, rad: radius, }); them.push({ type: "tri-face", col: color(238, 177, 118), properties: {part:"body"}, x1: x+sin(j)cos(i-180/layersp)radius, y1: y+sin(i-180/layersp)radiusk, z1: z+cos(j)cos(i-180/layersp)radius, x2: x+sin(j)cos(i)radius, y2: y+sin(i)radiusk, z2: z+cos(j)cos(i)radius, x3: x+sin(j+360/aroundsp)cos(i)radius, y3: y+sin(i)radiusk, z3: z+cos(j+360/aroundsp)cos(i)radius, rad: radius, }); them.push({ type: "tri-face", col: color(245, 140, 84), properties: {part:"body"}, x1: x+sin(j)cos(i+180/layersp)radius, y1: y+sin(i+180/layersp)radiusk, z1: z+cos(j)cos(i+180/layersp)radius, x2: x+sin(j)cos(i)radius, y2: y+sin(i)radiusk, z2: z+cos(j)cos(i)radius, x3: x+sin(j-360/aroundsp)cos(i)radius, y3: y+sin(i)radiusk, z3: z+cos(j-360/aroundsp)cos(i)radius, rad: radius, }); them.push({ type: "tri-face", col: color(207, 0, 38), properties: {part:"body"}, x1: x+sin(j)cos(i-180/layersp)radius, y1: y+sin(i-180/layersp)radiusk, z1: z+cos(j)cos(i-180/layersp)radius, x2: x+sin(j)cos(i)radius, y2: y+sin(i)radiusk, z2: z+cos(j)cos(i)radius, x3: x+sin(j-360/aroundsp)cos(i)radius, y3: y+sin(i)radiusk, z3: z+cos(j-360/aroundsp)cos(i)radius, rad: radius, }); i = ii+180/layers/2; j = jj+360/arounds/2; them.push({ type: "tri-face", col: color(227, 7, 34), properties: {part:"body"}, x1: x+sin(j)cos(i+180/layersp)radius, y1: y+sin(i+180/layersp)radiusk, z1: z+cos(j)cos(i+180/layersp)radius, x2: x+sin(j)cos(i)radius, y2: y+sin(i)radiusk, z2: z+cos(j)cos(i)radius, x3: x+sin(j+360/aroundsp)cos(i)radius, y3: y+sin(i)radiusk, z3: z+cos(j+360/aroundsp)cos(i)radius, rad: radius, }); them.push({ type: "tri-face", col: color(238, 177, 118), properties: {part:"body"}, x1: x+sin(j)cos(i-180/layersp)radius, y1: y+sin(i-180/layersp)radiusk, z1: z+cos(j)cos(i-180/layersp)radius, x2: x+sin(j)cos(i)radius, y2: y+sin(i)radiusk, z2: z+cos(j)cos(i)radius, x3: x+sin(j+360/aroundsp)cos(i)radius, y3: y+sin(i)radiusk, z3: z+cos(j+360/aroundsp)cos(i)radius, rad: radius, }); them.push({ type: "tri-face", col: color(245, 140, 84), properties: {part:"body"}, x1: x+sin(j)cos(i+180/layersp)radius, y1: y+sin(i+180/layersp)radiusk, z1: z+cos(j)cos(i+180/layersp)radius, x2: x+sin(j)cos(i)radius, y2: y+sin(i)radiusk, z2: z+cos(j)cos(i)radius, x3: x+sin(j-360/aroundsp)cos(i)radius, y3: y+sin(i)radiusk, z3: z+cos(j-360/aroundsp)cos(i)radius, rad: radius, }); them.push({ type: "tri-face", col: color(207, 0, 38), properties: {part:"body"}, x1: x+sin(j)cos(i-180/layersp)radius, y1: y+sin(i-180/layersp)radiusk, z1: z+cos(j)cos(i-180/layersp)radius, x2: x+sin(j)cos(i)radius, y2: y+sin(i)radiusk, z2: z+cos(j)cos(i)radius, x3: x+sin(j-360/aroundsp)cos(i)radius, y3: y+sin(i)radiusk, z3: z+cos(j-360/aroundsp)cos(i)radius, rad: radius, }); } } }; var spike = function(x, y, z, len, xa, ya){ / 70, 112, 126 160, 196, 178 / var w = len/2; var h = sqrt(3)w/2; var ym = sin(ya); var offx = sin(xa)cos(ya)w2.0;//sqrt(sq(ym)+sq(w)); var offz = cos(xa)cos(ya)w2.0;//sqrt(sq(ym)+sq(w)); them.push({ type: "tri-face", col: color(70, 112, 126), properties: {part:"spike"}, x1: x+h/2, y1: y, z1: z, x2: x-h/2, y2: y, z2: z+w/2, x3: x-h/2, y3: y, z3: z-w/2, }); them.push({ type: "tri-face", col: color(160, 196, 178), properties: {part:"spike"}, x1: x+offx, y1: y+lenym, z1: z+offz, x2: x+h/2, y2: y, z2: z, x3: x-h/2, y3: y, z3: z+w/2, }); them.push({ type: "tri-face", col: color(77, 168, 123), properties: {part:"spike"}, x1: x+offx, y1: y+lenym, z1: z+offz, x2: x+h/2, y2: y, z2: z, x3: x-h/2, y3: y, z3: z-w/2, }); them.push({ type: "tri-face", col: color(70, 112, 126), properties: {part:"spike"}, x1: x+offx, y1: y+lenym, z1: z+offz, x2: x-h/2, y2: y, z2: z+w/2, x3: x-h/2, y3: y, z3: z-w/2, }); }; var boox = function(x, y, z, w, h, d, colo){ //top them.push({ type: "tri-face", col: shade(colo, 0.9), x1: x, y1: y, z1: z, x2: x+w, y2: y, z2: z, x3: x+w, y3: y, z3: z+d, }); them.push({ type: "tri-face", col: shade(colo, 0.9), x1: x+w, y1: y, z1: z+d, x2: x, y2: y, z2: z+d, x3: x, y3: y, z3: z, }); //front them.push({ type: "tri-face", col: colo, x1: x, y1: y, z1: z, x2: x, y2: y+h, z2: z, x3: x, y3: y+h, z3: z+d, }); them.push({ type: "tri-face", col: colo, x1: x, y1: y+h, z1: z+d, x2: x, y2: y, z2: z+d, x3: x, y3: y, z3: z, }); //left them.push({ type: "tri-face", col: shade(colo, 0.7), x1: x, y1: y, z1: z+d, x2: x+w, y2: y, z2: z+d, x3: x, y3: y+h, z3: z+d, }); them.push({ type: "tri-face", col: shade(colo, 0.7), x1: x+w, y1: y, z1: z+d, x2: x+w, y2: y+h, z2: z+d, x3: x, y3: y+h, z3: z+d, }); //right them.push({ type: "tri-face", col: shade(colo, 0.8), x1: x, y1: y, z1: z, x2: x+w, y2: y, z2: z, x3: x, y3: y+h, z3: z, }); them.push({ type: "tri-face", col: shade(colo, 0.8), x1: x+w, y1: y, z1: z, x2: x+w, y2: y+h, z2: z, x3: x, y3: y+h, z3: z, }); //back them.push({ type: "tri-face", col: shade(colo, 0.3), x1: x+w, y1: y, z1: z, x2: x+w, y2: y+h, z2: z, x3: x+w, y3: y+h, z3: z+d, }); them.push({ type: "tri-face", col: shade(colo, 0.3), x1: x+w, y1: y+h, z1: z+d, x2: x+w, y2: y, z2: z+d, x3: x+w, y3: y, z3: z, }); //bottom them.push({ type: "tri-face", col: shade(colo, 0.5), x1: x, y1: y+h, z1: z, x2: x+w, y2: y+h, z2: z, x3: x+w, y3: y+h, z3: z+d, }); them.push({ type: "tri-face", col: shade(colo, 0.5), x1: x+w, y1: y+h, z1: z+d, x2: x, y2: y+h, z2: z+d, x3: x, y3: y+h, z3: z, }); }; var plane = function(fun, w, h, col1, col2){ var th = sqrt(3)/2; if (col1===undefined){ col1 = [0, 255, 0]; col2 = [255, 0, 255]; } else { col1 = [red(col1), green(col1), blue(col1)]; col2 = [red(col2), green(col2), blue(col2)]; } var diff = [ col2[0]-col1[0], col2[1]-col1[1], col2[2]-col1[2] ]; var shift; for(var ii = -w/2; ii<w/2; ii++){ for(var jj = -h/2; jj<h/2; jj++){ var j = jjth; shift = (jj%2)?0.5:0; var i = ii+shift; them.push({ type: "tri-face", col: color(fun(i, j)diff[0]+col1[0], fun(i, j)diff[1]+col1[1], fun(i, j)diff[2]+col1[2]), x1: i+0.5, y1: fun(i+0.5, j+th), z1: j+th, x2: i+1, y2: fun(i+1, j), z2: j, x3: i+1.5, y3: fun(i+1.5, j+th), z3: j+th, }); them.push({ type: "tri-face", col: color(fun(i-0.5, j)diff[0]+col1[0], fun(i-0.5, j)diff[1]+col1[1], fun(i-0.5, j)diff[2]+col1[2]), x1: i, y1: fun(i, j), z1: j, x2: i+1, y2: fun(i+1, j), z2: j, x3: i+0.5, y3: fun(i+0.5, j+th), z3: j+th, }); } } }; var translatePoints = function(offx, offy, offz){ for(var i = 0; i<them.length; i++){ them[i].x1 += offx; them[i].y1 += offy; them[i].z1 += offz; them[i].x2 += offx; them[i].y2 += offy; them[i].z2 += offz; them[i].x3 += offx; them[i].y3 += offy; them[i].z3 += offz; } }; var countParts = function(p){ var count = 0; for(var i = 0; i<them.length; i++){ if (them[i].properties.part==="body"){ count++; } } return count; }; var rotateY3D = function(theta, X, Y, Z){ return { x: Xcos(theta) - Zsin(theta), z: Zcos(theta) + Xsin(theta), }; }; var rotateX3D = function(theta, X, Y, Z){ return { y: Ycos(theta) - Zsin(theta), z: Zcos(theta) + Ysin(theta), }; }; var rotateZ3D = function(theta, X, Y, Z){ return { x: Xcos(theta) - Ysin(theta), y: Ycos(theta) + Xsin(theta), }; }; var orderTriangles = function(a, b){ return (a.z1+a.z2+a.z3)/3-(b.z1+b.z2+b.z3)/3; }; }//3D stuff var pines, needles; var draw3D = function(){ them.sort(orderTriangles);//sort by average z position so that the ones with the z position furthest away are drawn first pushMatrix(); translate(width/2, height/2); var pine = 0; for(var i = 0; i<them.length; i++){ if (them[i].type==="tri-face"){ if(them[i].properties.part==="body"){ if(pine>pines/2){ fill(red(them[i].col), green(them[i].col), blue(them[i].col)); stroke(red(them[i].col), green(them[i].col), blue(them[i].col)); triangle(them[i].x1scaler, them[i].y1scaler, them[i].x2scaler, them[i].y2scaler, them[i].x3scaler, them[i].y3scaler); } pine++; } if(them[i].properties.part==="spike"&&i>them.length/2){ fill(red(them[i].col), green(them[i].col), blue(them[i].col)); stroke(red(them[i].col), green(them[i].col), blue(them[i].col)); triangle(them[i].x1scaler, them[i].y1scaler, them[i].x2scaler, them[i].y2scaler, them[i].x3scaler, them[i].y3scaler); } var o = { x1: them[i].x1, y1: them[i].y1, z1: them[i].z1, x2: them[i].x2, y2: them[i].y2, z2: them[i].z2, x3: them[i].x3, y3: them[i].y3, z3: them[i].z3, }; //rotate around all axis for all 3 points each them[i].y1 = rotateX3D(rot.x, o.x1, o.y1, o.z1).y; them[i].z1 = rotateX3D(rot.x, o.x1, o.y1, o.z1).z; them[i].y2 = rotateX3D(rot.x, o.x2, o.y2, o.z2).y; them[i].z2 = rotateX3D(rot.x, o.x2, o.y2, o.z2).z; them[i].y3 = rotateX3D(rot.x, o.x3, o.y3, o.z3).y; them[i].z3 = rotateX3D(rot.x, o.x3, o.y3, o.z3).z; o = {x1: them[i].x1, y1: them[i].y1, z1: them[i].z1, x2: them[i].x2, y2: them[i].y2, z2: them[i].z2, x3: them[i].x3, y3: them[i].y3, z3: them[i].z3}; them[i].x1 = rotateY3D(rot.y, o.x1, o.y1, o.z1).x; them[i].z1 = rotateY3D(rot.y, o.x1, o.y1, o.z1).z; them[i].x2 = rotateY3D(rot.y, o.x2, o.y2, o.z2).x; them[i].z2 = rotateY3D(rot.y, o.x2, o.y2, o.z2).z; them[i].x3 = rotateY3D(rot.y, o.x3, o.y3, o.z3).x; them[i].z3 = rotateY3D(rot.y, o.x3, o.y3, o.z3).z; /o = {x1: them[i].x1, y1: them[i].y1, z1: them[i].z1, x2: them[i].x2, y2: them[i].y2, z2: them[i].z2, x3: them[i].x3, y3: them[i].y3, z3: them[i].z3}; them[i].y1 = rotateZ3D(rot.z, o.x1, o.y1, o.z1).y; them[i].x1 = rotateZ3D(rot.z, o.x1, o.y1, o.z1).x; them[i].y2 = rotateZ3D(rot.z, o.x2, o.y2, o.z2).y; them[i].x2 = rotateZ3D(rot.z, o.x2, o.y2, o.z2).x; them[i].y3 = rotateZ3D(rot.z, o.x3, o.y3, o.z3).y; them[i].x3 = rotateZ3D(rot.z, o.x3, o.y3, o.z3).x;/ } } popMatrix(); }; noStroke(); pineapple(0, 0, 0, 1, 0, {layers:9, arounds:12}); //spike(0, -11.4, 0, -1, 53, 25); var sl = 10; var sa = 10; for(var j = -1.5; j<sl; j++){ for(var i = 0; i<sa; i++){ spike(0, -1.4-(j+1.5)0.05, 0, -1, 360/sai+j90/sl, 50/sl*j); } } var pines = countParts("body"); var needles = countParts("spike"); var draw = function() { background(207, 253, 255); noStroke(); draw3D(); if(mouseIsPressed){ rot.y = pmouseX-mouseX; rot.x = pmouseY-mouseY; } else { rot.x = 0; rot.y = 0; } };
Folds	4,557,559,614
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMKXsZOyCww
Votes	127
Spin-Offs	5
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"6487775590252544","title":"Pineapple! [Pamela Week Day 6]","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Ness and Jiggs
Author Name	dinopappy
Author ID	kaid_568966039898183164390035
Author Profile Access	COACH

Archive Data

Added	1 months ago, 1731616618624
Updated	1 months ago, 1731616618624
Source Deleted	unknown