From 2013.igem.org
(Difference between revisions)
|
|
| Line 1: |
Line 1: |
| - | <!-- start of the document -->
| |
| - | <html>
| |
| | | | |
| - | <!-- The header. Information here doesn't make up elements of the webpage. We'll define all the javascript stuff at the end, so we just put the title here. -->
| |
| - | <head>
| |
| - | <title>My Processing Program</title> <!-- Title to be displayed in browser -->
| |
| - | </head>
| |
| - |
| |
| - | <!-- The body of the webpage, where all visible stuff lies. -->
| |
| - | <body>
| |
| - | <canvas id="mycanvas"></canvas> qh
| |
| - | </body>
| |
| - |
| |
| - |
| |
| - | <!-- run all the javascript stuff -->
| |
| - | <script src="http://fablabo.net/mediawiki/extensions/processingjs/processing-1.3.6.min.js"></script> <!-- Include the processing.js commands -->
| |
| - | <script >
| |
| - | var sketchProc=function(processingInstance){ with (processingInstance){
| |
| - | size(600, 1050);
| |
| - | frameRate(20);
| |
| - | background(10, 100, 150);
| |
| - | var draw = function(){
| |
| - |
| |
| - | background(248, 0, 253);
| |
| - | };
| |
| - | }
| |
| - | };
| |
| - |
| |
| - | </script> <!-- The actual source code for your program -->
| |
| - | <script type="application/javascript">
| |
| - | var canvas = document.getElementById("mycanvas"); //get the canvas that processingjs will use
| |
| - | var processingInstance = new Processing(canvas, sketchProc); //pass the function sketchProc (defined in myCode.js) to Processing's constructor.
| |
| - | </script>
| |
| - |
| |
| - | </html>
| |
Latest revision as of 20:03, 27 September 2013
"
