Viewing Program

Program Data

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

Title	Sphere rotating with user interaction
ID	6178929153474560
Created	9 years ago, 1483823709716
Updated	8 years ago, 1484336547977
Code	var backgroundColour = color(255, 255, 255); var nodeColour = color(40, 168, 107); var edgeColour = color(34, 68, 204); var nodeSize = 5; var nodes = []; var edges = []; var generateSphere = function(radius, slices) { slices = slices * 2; var numberOfNodes = slices * (slices - 2) / 2 + 2; // the top node nodes.push([0, 0, radius]); // looping from top to bottom for (var p = 1; p < slices / 2; p++) { var phi = 180 / slices * 2 * p; // looping from left to right around the sphere for (var t = 0; t < slices; t++) { // Adding a node var theta = 360 / slices * t; var x = radius * sin(phi) * cos(theta); var y = radius * sin(phi) * sin(theta); var z = radius * cos(phi); nodes.push([x, y, z]); // Adding a horizontal edge var nh0 = t + 1; var nh1 = nh0 + 1; if (nh1 > slices) { nh1 = 1; } nh0 += slices * (p - 1); nh1 += slices * (p - 1); edges.push([nh0, nh1]); // adding a vertical edge var nv0 = t + slices * (p - 1); var nv1 = max(nv0 - slices, 0); edges.push([nv0, nv1]); // adding another vertical edge at the bottom if (p === slices / 2 - 1) { edges.push([nv0, numberOfNodes - 1]); } } } // the bottom node nodes.push([0, 0, -radius]); }; generateSphere(100, 12); // Rotate shape around the z-axis var rotateZ3D = function(theta) { var sinTheta = sin(theta); var cosTheta = cos(theta); for (var n=0; n<nodes.length; n++) { var node = nodes[n]; var x = node[0]; var y = node[1]; node[0] = x * cosTheta - y * sinTheta; node[1] = y * cosTheta + x * sinTheta; } }; var rotateY3D = function(theta) { var sinTheta = sin(theta); var cosTheta = cos(theta); for (var n=0; n<nodes.length; n++) { var node = nodes[n]; var x = node[0]; var z = node[2]; node[0] = x * cosTheta - z * sinTheta; node[2] = z * cosTheta + x * sinTheta; } }; var rotateX3D = function(theta) { var sinTheta = sin(theta); var cosTheta = cos(theta); for (var n=0; n<nodes.length; n++) { var node = nodes[n]; var y = node[1]; var z = node[2]; node[1] = y * cosTheta - z * sinTheta; node[2] = z * cosTheta + y * sinTheta; } }; rotateZ3D(30); rotateY3D(30); rotateX3D(30); draw = function() { background(backgroundColour); // Draw edges stroke(edgeColour); for (var e=0; e<edges.length; e++) { var n0 = edges[e][0]; var n1 = edges[e][1]; var node0 = nodes[n0]; var node1 = nodes[n1]; line(node0[0], node0[1], node1[0], node1[1]); } // Draw nodes fill(nodeColour); noStroke(); for (var n=0; n<nodes.length; n++) { var node = nodes[n]; ellipse(node[0], node[1], nodeSize, nodeSize); } }; mouseDragged = function() { rotateY3D(mouseX - pmouseX); rotateX3D(mouseY - pmouseY); }; var leftPad = function(str, space) { return (Array(space + 1).join(" ") + str).slice(-space); }; mouseClicked = function() { // print out all nodes and edges for debugging. println("n = [\n" + nodes.map(function(node) { return " [" + node.map(function(e) { return leftPad(nfs(e, 1, 2), 7); }).join(", ") + "],"; }).join("\n") + "\n];"); println(""); println("e = [\n" + edges.map(function(edge) { return " [" + edge.map(function(e) { return leftPad(e.toString(), 2); }).join(", ") + "],"; }).join("\n") + "\n];"); }; translate(200, 200);
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKTqwPb8Cgw
Votes	188
Spin-Offs	25
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"5953495622746112","title":"Cube rotating with user interaction","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Dalendrion
Author Name	Dalendrion
Author ID	kaid_635504323514339937071278
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739454355152
Updated	10 months ago, 1739454359997
Source Deleted	unknown