Viewing Program

Program Data

Title	Processing.JS inside Webpages: Template
ID	5157014494511104
Created	Unknown
Updated	7 years ago, 1530120245339
Code	<!DOCTYPE html> <html> <head> <title>Processing.JS inside Webpages: Template</title> </head> <body> <!--This draws the canvas on the webpage --> <canvas id="mycanvas"></canvas> </body> <!-- Include the processing.js library --> <!-- See https://khanacademy.zendesk.com/hc/en-us/articles/202260404-What-parts-of-ProcessingJS-does-Khan-Academy-support- for differences --> <script src="https://cdn.jsdelivr.net/processing.js/1.4.8/processing.min.js"></script> <script> var programCode = function(processingInstance) { with (processingInstance) { size(400, 400); frameRate(30); // Paste code from Khan Academy here: fill(255, 255, 0); ellipse(200, 200, 200, 200); noFill(); stroke(0, 0, 0); strokeWeight(2); arc(200, 200, 150, 100, 0, PI); fill(0, 0, 0); ellipse(250, 200, 10, 10); ellipse(153, 200, 10, 10); }}; // Get the canvas that ProcessingJS will use var canvas = document.getElementById("mycanvas"); // Pass the function to ProcessingJS constructor var processingInstance = new Processing(canvas, programCode); </script> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLCI8MiUCQw
Votes	1004
Spin-Offs	1451
Type
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	pamela ❤
Author Name	pamela
Author ID	kaid_481802608512872365097525
Author Profile Access	PUBLIC