From 2013.igem.org
(Difference between revisions)
|
|
(2 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | [[Link title]]<!-- 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>
| |
- | </body>
| |
- | <script src="http://fablabo.net/mediawiki/extensions/processingjs/processing-1.3.6.min.js"</script>
| |
- | <script>var sketchProc=function(processingInstance){ with (processingInstance){
| |
- |
| |
- | size(600, 1050);
| |
- | frameRate(20);
| |
- | 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