Archive for the ‘Programmeren’ Category

Fractal : H Boom

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 […]

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 […]