HTML_ProccesingJS_Template/ProccesingJSTemplate.html at main · cheezyT08/HTML_ProccesingJS_Template · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<!-- This is based on Khan Academy's Template -->
<html>
    <head>
        <title>HTML ProccesingJS Template</title>
        </head>
            <body>
                <p align="center">
                <canvas id="mycanvas"></canvas>
                </p>
            </body>

            <script src="https://cdn.jsdelivr.net/processing.js/1.4.8/processing.min.js"></script>

            <script>
                var sketchProc = function(processingInstance) {
                with (processingInstance) {
                size(400, 400);
                frameRate(30);

                /////////////////////////////////////////////////
                ////ProgramCodeGoesRightBelowThisBlockComment////
                /////////////////////////////////////////////////

                }};

                var canvas = document.getElementById("mycanvas");
                var processingInstance = new Processing(canvas, sketchProc);
            </script>

</html>