The Art of Eight Limbs gaat over drie vechtkunsten uit Zuidoost-Azië: Muay Thai, Muay Boran en Lethwei. Je scrolt door acht geschilderde scènes, van een bergkam in Noord-Thailand bij zonsopkomst tot een heuvel met lampionnen bij schemer.
Tussen de disciplines staat steeds een overgang. Op een donkere achtergrond wordt de naam in het eigen schrift in goud geschreven terwijl je scrolt, contour voor contour: มวยไทย (Muay Thai), มวยโบราณ (Muay Boran) en လက်ဝှေ့ (Lethwei). Daarna drukt het logo zich in als een zegel. Die logo's zijn gouden ornamenten met de naam in het midden. Wie op een logo klikt, draait het om: op de achterkant staat een tatoeagemotief.
Op de bergkam doet Malee de wai khru ram muay, de groet aan de leraar; achter haar loopt een olifant over het gras. In een trainingskamp in een Thais dorp slaat en trapt ze op de pads van haar trainer, Kru Daeng: dertien technieken en tien combinaties. Bij een tempelruïne traint Sak met handen in hennepkoord, terwijl een makaak op de stenen zit. Op een tempelfeest bij nacht vecht hij tegen Boon in een houten ring, tussen lampionnen, publiek en muzikanten: vóór er stadions waren, werd er op tempelfeesten gevochten.
Lethwei uit Myanmar wordt vaak de kunst van de negen ledematen genoemd: de acht van Muay Thai, en het hoofd. Op een houten platform in de regen oefent Thida kopstoten op het schild van haar trainer, Ko Min, met een groene pauw op de oever erachter. In een vol Lethwei-stadion staat ze tegenover Nandar. Een apart deel gaat over heilige tatoeages: de sak yant van Thaise vechters en de htoe kwin, de dijtatoeages van Lethwei-vechters in Myanmar. De motieven zijn bewust zonder schrift getekend, want het schrift in een echte yant is heilig.
De animatie werkt zoals getekende animatie: per beweging een paar tekeningen die worden vastgehouden en gewisseld, met een stap, een kort bevriezen bij het raken, een nabeeld, een lichtflits en stof bij de voeten. De afstand tot de pads of de tegenstander wordt per slag uit de tekeningen zelf berekend. De dieren lopen, vliegen of zitten volgens een eigen route door de schilderijen.
De schilderijen, de tekeningen van vechters, trainers en dieren, de gouden ornamenten en de tatoeagemotieven zijn eenmalig gemaakt met het beeldmodel van OpenAI. Een script haalt de groene achtergrond weg en knipt de tekeningen los. Het Thaise en Birmese schrift is niet gegenereerd: dat wordt gezet uit de Noto-lettertypes en opgebouwd met HarfBuzz, omdat een beeldmodel die schriften verzint. De pagina roept zelf geen AI-dienst aan. Muziek en geluid worden live gesynthetiseerd met de Web Audio API.
Bij de geschiedenis en de tatoeages staat bij elke regel of het gedocumenteerd is, een overlevering, of moderne regelgeving. Gebouwd met TypeScript en Vite, zonder framework. Tests in Vitest controleren onder meer het knippen van de vellen, de routes van de dieren en het opbouwen van het schrift; end-to-end-tests draaien in Chromium, Firefox, WebKit en op een telefoonformaat.
Tussen de disciplines staat steeds een overgang. Op een donkere achtergrond wordt de naam in het eigen schrift in goud geschreven terwijl je scrolt, contour voor contour: มวยไทย (Muay Thai), มวยโบราณ (Muay Boran) en လက်ဝှေ့ (Lethwei). Daarna drukt het logo zich in als een zegel. Die logo's zijn gouden ornamenten met de naam in het midden. Wie op een logo klikt, draait het om: op de achterkant staat een tatoeagemotief.
Op de bergkam doet Malee de wai khru ram muay, de groet aan de leraar; achter haar loopt een olifant over het gras. In een trainingskamp in een Thais dorp slaat en trapt ze op de pads van haar trainer, Kru Daeng: dertien technieken en tien combinaties. Bij een tempelruïne traint Sak met handen in hennepkoord, terwijl een makaak op de stenen zit. Op een tempelfeest bij nacht vecht hij tegen Boon in een houten ring, tussen lampionnen, publiek en muzikanten: vóór er stadions waren, werd er op tempelfeesten gevochten.
Lethwei uit Myanmar wordt vaak de kunst van de negen ledematen genoemd: de acht van Muay Thai, en het hoofd. Op een houten platform in de regen oefent Thida kopstoten op het schild van haar trainer, Ko Min, met een groene pauw op de oever erachter. In een vol Lethwei-stadion staat ze tegenover Nandar. Een apart deel gaat over heilige tatoeages: de sak yant van Thaise vechters en de htoe kwin, de dijtatoeages van Lethwei-vechters in Myanmar. De motieven zijn bewust zonder schrift getekend, want het schrift in een echte yant is heilig.
De animatie werkt zoals getekende animatie: per beweging een paar tekeningen die worden vastgehouden en gewisseld, met een stap, een kort bevriezen bij het raken, een nabeeld, een lichtflits en stof bij de voeten. De afstand tot de pads of de tegenstander wordt per slag uit de tekeningen zelf berekend. De dieren lopen, vliegen of zitten volgens een eigen route door de schilderijen.
De schilderijen, de tekeningen van vechters, trainers en dieren, de gouden ornamenten en de tatoeagemotieven zijn eenmalig gemaakt met het beeldmodel van OpenAI. Een script haalt de groene achtergrond weg en knipt de tekeningen los. Het Thaise en Birmese schrift is niet gegenereerd: dat wordt gezet uit de Noto-lettertypes en opgebouwd met HarfBuzz, omdat een beeldmodel die schriften verzint. De pagina roept zelf geen AI-dienst aan. Muziek en geluid worden live gesynthetiseerd met de Web Audio API.
Bij de geschiedenis en de tatoeages staat bij elke regel of het gedocumenteerd is, een overlevering, of moderne regelgeving. Gebouwd met TypeScript en Vite, zonder framework. Tests in Vitest controleren onder meer het knippen van de vellen, de routes van de dieren en het opbouwen van het schrift; end-to-end-tests draaien in Chromium, Firefox, WebKit en op een telefoonformaat.
Meer werk

ERIK — de oorspronkelijke kubusanimatie
De 3D-animatie die tot oktober 2026 bovenaan mijn homepage stond: 50 kubussen in three.js vormen ERIK, met een foto en video's op de vlakken.

Operation Iron Thunder
Een WO2-tankgame in de browser: een Sherman met vijf bemanningsleden in Normandië, juli 1944. Uitstappen, vechten, rusten in de kerk. three.js.
![TEN[10] — de draaiende laptop](/uploads/portfolio/thumbnails/2026/10/ten-rotating-laptop-hero.jpg)
TEN[10] — de draaiende laptop
Een portfolio in een 3D-laptop die om zijn as draait. Elke keer dat het scherm terugkomt, staat er een andere pagina op, in echte HTML. three.js en CSS3D.
