Omdat mijn naam nu eenmaal met een H begint en je daar ook een fractal mee kan maken. Klik hier voor een voorbeeld <HTML> <BODY> <br> <br> <!– H Boom Fractal –> <canvas id=”myCanvas” width=”1000″ height=”800″> </canvas> <SCRIPT> var TekenOppervlak = document.getElementById(“myCanvas”); var TekenVlak = TekenOppervlak.getContext(“2d”); var X = []; var Y = []; var […]
Archive for the ‘HTML – Canvas’ Category
Fractal : Bolspiraal


Met een 3d versie van de spiraal krijg je een bol en dat is natuurlijk ook een fractal. Klik hier voor een voorbeeld <HTML> <BODY> <br> <br> <!– Bolspiraal –> <canvas id=”myCanvas” width=”1000″ height=”800″> </canvas> <SCRIPT> var TekenOppervlak = document.getElementById(“myCanvas”); var TekenVlak = TekenOppervlak.getContext(“2d”); TekenVlak.fillStyle = ‘black’; TekenVlak.strokeStyle = ‘black’; var PI = Math.PI; var […]
Fractal : Spiraal van Archimedes


Dit is een bijzondere fractal die al door Archimedes in de oudheid is ontdekt. Een spiraal is een natuurlijke figuur en een fractal. Klik hier voor het voorbeeld <HTML> <BODY> <br> <br> <!– Archimedes –> <canvas id=”myCanvas” width=”1000″ height=”800″> </canvas> <SCRIPT> var TekenOppervlak = document.getElementById(“myCanvas”); var TekenVlak = TekenOppervlak.getContext(“2d”); var PI = Math.PI; var P […]
Vierkant Kunst


Je kunt met een aantal vierkanten ook een leuk kunstwerk maken. Klik hier voor het voorbeeld <HTML> <BODY> <!– Tekengebied met een vierkant met zwarte rand erin –> <canvas id=”myCanvas” width=”600″ height=”700″> </canvas> <SCRIPT> var TekenOppervlak = document.getElementById(“myCanvas”); var TekenVlak = TekenOppervlak.getContext(“2d”); var Xpos = 100 var Ypos = 200 var Breedte = 400 var […]
Mondriaan


Zelfts een kunstenaar als Mondriaan is niet veilig. Ook die is er nu als webpagina Klik hier voor een voorbeeld <html> <body> <br> <br> <canvas width=”1000″ height=”800″ id=”myCanvas”> </canvas> <script> var TekenOppervlak = document.getElementById(“myCanvas”); var TekenVlak = TekenOppervlak.getContext(“2d”); TekenVlak.fillStyle = ‘black’; TekenVlak.strokeStyle = ‘black’; var X = 0; var Y = 0; var P = […]
Moderne Kunst


Wie zegt dat je geen kunst met computers kan maken liegt. Het kan nu zelfs op een web pagina. Klik hier voor een voorbeeld <HTML> <BODY> <br> <br> <!– Tekengebied met een vierkant met zwarte rand erin –> <canvas id=”myCanvas” width=”1000″ height=”800″> </canvas> <SCRIPT> var TekenOppervlak = document.getElementById(“myCanvas”); var TekenVlak = TekenOppervlak.getContext(“2d”); var Xpos = […]
Sterrenhemel


Wat is er mooier dan een zwarte hemel met sterren. Dat kan nu ook in als Internet pagina. Klik hier voor een voorbeeld <HTML> <style type=”text/css”> body { background: #000000; } canvas { display: block; } </style> <BODY> <br> <br> <canvas id=”myCanvas” width=”1000″ height=”800″> </canvas> <SCRIPT> var TekenOppervlak = document.getElementById(“myCanvas”); var TekenVlak = TekenOppervlak.getContext(“2d”); TekenVlak.fillStyle […]