Processing.js

Processing.js er Java-interpretator skrevet i JavaScript. Det betyr at vi kan ta med oss våre opprinnelige skisser (.pde-filer), kople dem til et HTML-canvas, linke til interpretatoren og krysse fingrene. En minimalistisk HTML-side som gjør dette kan se slik ut:

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8"/>    
    <title>test</title>
    <script 
     src="https://borres.hiof.no/resources/processingjs/processing-1.4.1.min.js"> 
    </script>
</head>
<body> 
<h1>Test</h1>
<div>
<!-- her kopler vi til processing-koden med
        data-processing-sources -->
<canvas id="draw1" data-processing-sources="test.pde"> </canvas>
</div>
</body>
</html>

Processing.js har ikke kommet i ny versjon siden 2014. Dette lover ikke godt for prosjektets framtid. Når jeg har latt de følgende eksemplene ligger her er det dels fordi de kanskje kan gi litt innsikt i Processing og dels fordi vi kan bruke den interpretatoren som finnes ( versjon 1.4.1) til å lage noen kjappe illustrasjoner.

Referanser

Processing.js Processing.js JavaScript interpretator for Processing processingjs.org/ 01-04-2014