Drawing without HTML5-canvas with javascript generated div's and trigonometry

Wrapping text, text on an arc with javascript

Copyright: Kris Merckx - www.computerkit.be 2013
Download de nieuwe handleiding
Cellulaire automaten
UML met javascript
Vintage Screener
OCR met javascript
Sinusgolven tekenen (kan even duren...)
Online leren programmeren met SIRK
WOBBEL: oefenen met HTML, CSS en javascript

Gebruik best een webstandaard compatibele browser zoals Chrome, Safari, Firefox, Opera, Konqueror, Mobile Safari...

Met animatie...

De animatie is relatief belastend voor oudere/tragere computers. Ik voorzie hier in de toekomst een omschakeling van de intervalfunctie naar requestAnimationFrame (zie mijn boek webapplicaties).
NIEUW: Animatie zonnestelsel.

DRUK OP DE STARTKNOP ONDER DIT VLAK

Meerdere cirkels in elkaar

Genummerde lijsten of woorden splitsen per karakter. In het rechtervoorbeeld 2 cirkels met een andere X- en Y-positie. Je merkt dat tekens zowel in wijzerzin als in tegenwijzerzin kunnen weergegeven worden, vertrekkend vanuit 3 of 9 uur.

Afbeeldingen en tilt

Cirkels met achtergrondafbeelding. Bij de linker cirkel is de tilt-parameter verhoogd.

Animatie van parameters

Animatie van hoogte, aantal, X- en Y-positie, rotatie, straal, ellipsvervorming...

DRUK OP DE STARTKNOP ONDER DIT VLAK

Woorden, karakters, links, tilt, en startpositie

Je kan woorden automatisch laten splitsen in hun respectieve karakters, woorden afzonderlijk weergeven of links aanmaken.

Bij sommige elementen is de "tilt"-parameter en de startpositie aangepast

Ellips- en 3D-vervorming

Cirkels kunnen als een ellips worden weergegeven. Dit heeft ook een invloed op de rotatie van elk vlak.

Rotatie-vervorming

Vervorming in de rotatie van elk vlak.

Zonnestelsel

4 cirkels met telkens één element. Druk op de knop "start" om de animatie te laten beginnen

Klassieke intervalfunctie:

Met RAF (request animation frame):
Copyright: Kris Merckx - www.computerkit.be / www.ardeco.be