Lijn puzzel spel

december 2013

Een ochtend in december dacht ik aan een lijnspelletje, waarbij je alle punten zo moet plaatsen dat alle lijnen los van elkaar staan. Ik kon het spel zelf nergens vinden op internet, dus besloot ik het zelf te maken.

Met Processing in Java heb ik een eenvoudige opzet kunnen maken voor dit spelletje. Ik heb simpele 2D lijn-lijn intersectie formules gebruikt om te controleren of de lijnen overlappen.

Onverwacht resultaat: Ik had voor de lijnen de kleuren rood en groen gekozen, zodat er te zien was of ze overlappen (rood) of niet (groen). Hierbij werd het tegendeel bewezen, toen een kleurenblinde collega raar opkeek toen ik vertelde “alle lijnen moeten groen zijn”. Ik heb meteen de lijnen veranderd naar dun grijs en dik zwart. Misschien dat het zelfs een duidelijker resultaat oplevert, als de diktes andersom gebruikt worden (zie resultaat).

Resultaat:

lijnpuzzel2lijnpuzzel3

Curlyplant

2012

Op de weg naar huis zat ik een half uur in de trein. In deze tijd heb ik een klein programma geschreven wat een plantje tekent, die zijn weg omhoog groeit.

Dit heb ik geschreven in Processing in Java. Dit heb ik geheel OO geschreven.

curlplant

7VlLb+IwEP41kXYPVHlAWo4EyvZSaaWu9nE0iROsOnbWGAr99WvHDokTCKGlLazaQ2vP2OPP43mmljdO198YyOb3NILYcu1obXkTy3VvbFv8loRNjZAwFCmSowlLFMGFQeKUYo4ykxhSQmDIDVpMsSksAwlsEB5CgJvUXyjicw3O9Uv6HUTJvDjG8YeKs+CbQkYEY7DEvJeTXMVe24qnV2/0dDAs5BLj/GdKU4PA4AI9mxhjpEFoxc0oiyAzSBiRx6qSvFvLGzNKuRql6zHE8lUKjatt0z3crW4YJLzLBn33FcBLDd1yfSy2BpmhMf/vUkIKUsASJBQxElw7E5YSiIEi9jjNFKNfMDhc8x7AKNE7QoFK3j8oBYpRov/mxy44oyQpqAEDJJwXPHENk11hZHXanFny7tM6/fh7YRhz82JN8HL5Wi2KMQW8DdnbIdh8OIIIMeHgiJKOSN73lXyQChMNyGyRVU1Ouvau42YgfEwYXZKoF1JMmRJvuV6c/6jjY0p4LwYpwlr7PyGLAAGWOxaTEUMAq+EdxCvIUag5C0AWvQVkqCpHRRApxbFb9bzMIsDhl69q8YoKf644SX6hNhephcMVZBIYHilXneSeHGjHnSjNBlSsEu/5JCgxEkHECyTkBxXzHFfPp1oTk/K64pV5iuUiHWzEaXC9N2CVYVAkJkhTyNlGeVfOvRno+Kzmvo6jT2UqcIo8NTfSgCYCHW2TregyPIqBjpC7o6V33tHyHiByFhHztXfb6aanhSyRKeAV+HWU2vKPcsIO2C/Y+4a24X2eN2i433CH992cwPn65+18D8vZxVQr7+FgL60gWjPbf+FEnj/4MCca7HCimiYhiUaM5UqaYRo+issLUqEkX02nufomtpytEf8tx1cDPfuTK0qMI9G4acEQz+jTbUkIcoJgFA+ncMgt7WoVWOmShdDoX7iwMcgrSXp/BPNM5TuD/UrVQr5TJBB0lqDg6U1upfWqyXGH7XLUnRpy8hfe3qvTo/vv+uhE4Kqw5PRPsetDDKL/aRA1g7g+yiBoBolpD26e/QDjxZIIgZSS6MdcRn/FKtb2C0LVeip2QBmf04QSgA1j0PblVKxLGtSLbML7tInDNnHTsAn76oo07CL/ygVm+dRuZtjdaRiDGcTBtpseq2Z6Uu2kq4lY5zn9tVAfZm0/mR1IvtetT9vbfq3DgKOVaUevyazDhv6czspjKsmfv/beSnkF6PMr7i/ls5Ds/T+7/jOEfLl9ilPv9XXZcKBNuW5Jlp3jwa5m/8wqlJOUq4WOOzQwHYqPY6sLx6+1lKcrJ5xmp3mh9YTTXiu+WUHhNNu2i6woDujvROoT0/K/pspey39qe7f/AA==

 

XML Flash Gallery

In 2011 heb ik in opdracht van een vriendin een simpele Flash galerij gemaakt om een bepaald aantal foto’s mooi te presenteren op haar website. Dit heb ik gemaakt in Adobe Flash met Actionscript 3.0. In dit project zat totaal 15 uur aan werk.

Op de website moest ook een administratie pagina komen, zodat de foto’s geupload konden worden, een titel gegeven worden en verwijderd worden. Van deze software heb ik een pakket gemaakt wat gemakkelijk is te installeren door andere mensen.

Het resultaat is te zien op noradekoster.nl

De galerij
De galerij
De administratie pagina
De administratie pagina
Noradekoster.nl
Noradekoster.nl

 

Portfolio Website

Tussen 2011 en 2012 heb ik eigenhandig in html, php, javascript en css een portfolio website gemaakt waar mijn cv en projecten op te zien waren. Ik had voornamelijk Notepad++ gebruikt om de code te typen. In deze tijd heb ik veel geleerd over het ontwikkelen van webpagina’s.

Uiteindelijk was het niet flexibel om mee te werken. september 2013 heb ik ervoor gekozen om een WordPress pagina aan te maken voor mijn portfolio.

portfoliowebsite

Java Raytracer

Voor onderzoek naar render-technologie heb ik in 2010 zelf een raytracer gemaakt. Dit heb ik kunnen maken met de API Processing 1.0, wat gebaseerd is op Java. Ik heb een week over het onderzoek en programmeren gedaan.
Deze raytracer bevatte deze mogelijkheden:

  • Het renderen van bollen.
  • Het renderen van oneindige vlakken.
  • Het renderen met meerdere (oneindige) lichtbronnen.
  • Supersampling.
  • Difuse verlichting.
  • Schaduwen.
  • Reflecties.

Resultaten:

java_raytracer java_raytracer2

Bijna een jaar later ben ik, dankzij interesse en betreffende cursussen in mijn studie, verder gegaan met het programmeren van deze raytracer. Ik heb het project geïmporteerd in NetBeans en ben een duidelijkere structuur gaan bouwen. Ik heb de sourcecode voor het gemak hier op Google Code gezet. Dit waren de verbeteringen die ik er uiteindelijk in heb gezet:

  • Het renderen van polygonen en hun schaduwen.
  • Inladen van modellen met OBJ parser.
  • Texture mapping (UV mapping) op polygonen.
  • Normal mapping. Uiteindelijk niet realistisch gelukt.
  • Soft Shadows.

Resultaten:

java_raytracer4
Modellen inladen
java_raytracer5
Texture Mapping (UV mapping)
java_raytracer3
Normal mapping en soft shadows

 

Particle System

Ik had een particle system gemaakt gebaseerd op de tekening en beweging van een MovieClip. Het was de bedoeling om een systeem te maken dat zo klein mogelijk was. Ik heb dit weten te realiseren met twee actionscript bestanden die geïmporteerd of naast het doel flashdocument geplaatst en meteen gebruikt kon worden. Ik heb hier ruim twee weken aan gewerkt om het gewenste resultaat te krijgen. Dit heb ik gemaakt in Adobe Flash met Actionscript 3.0.

particlesystem