MDDN342 Assignment 2: Randomised Collections

PS2 MDDN 342 2019

In-class example of:

how to add the "focus" parameter to focusedRandom (in arrangement.js)
how one random variable (in this case earSize in arrangement.js) can depend on another random variable (faceColor)
how to add more sliders to the editor (editor.html and editor.js)

</head>
<body style="background-color:white">
    <div class="outer">
        <div class="inner">
            <div id="canvasContainer"></div>
<a href="index.html">arrangement</a>
(<a href="arrangement.js">arrangement code</a>, 
<a href="face_code.js">face code</a>)<br>
<a href="editor.html">editor</a>
(<a href="editor.js">editor code</a>, 
<a href="face_code.js">face code</a>)<br>
<a href="sketch.html">sketch</a>
        </div>
        <div class="inner" id="controls" height="500px">
            <table>
                <tr>
                    <td></td>
                    <td id="slider1Container"></td>
                </tr>
                <tr>
                    <td></td>
                    <td id="slider2Container"></td>
                </tr>
                <tr>
                    <td></td>
                    <td id="slider3Container"></td>
                </tr>
                <tr>
                    <td></td>
                    <td id="slider4Container"></td>
                </tr>
                <tr>
                    <td></td>
                    <td id="slider5Container"></td>
                </tr>
                <tr>
                    <td></td>
                    <td id="selector1Container"></td>
                </tr>
            </table>
        </div>
    </div>
</table>
</body>

https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.js

https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/addons/p5.dom.js

https://cdnjs.cloudflare.com/ajax/libs/seedrandom/2.4.3/seedrandom.min.js

https://d3js.org/d3-random.v1.min.js