Pixel & Pruts II: De Grote Klant

2026

Deel 2 van de strip: een multinational wil het luie AI-bureau Pixel & Pruts inhuren. Tien pagina's, met speeltjes in de tekeningen.

Pixel & Pruts II: De Grote Klant is het vervolg op de strip Kunstmatige Intelligentie, Natuurlijke Luiheid, ook tien pagina's, in het Nederlands. Drie weken na deel 1 krijgt Pixel & Pruts een bericht van Global Dynamics International, dat een miljoenenproject wil bespreken. De zeven collega's van de zolder aan de gracht gaan naar een glazen toren van achtendertig verdiepingen. Mo optimaliseert het toegangssysteem, waarna het team buiten staat. De presentatie blijft op 87 procent hangen, de lunch wordt 87 broodjes kroket, en bij het tegenbezoek blijkt de server in de kelder te staan, met een plakbriefje ‘NIET AANKOMEN’ als beveiligingsbeleid. Drie nieuwe personages komen erbij: CEO Van Houten, IT-directeur De Wit en financieel directeur Bakker.

Net als in deel 1 bestaat de AI alleen als tekst op schermen. In de tekeningen staat geen tekst: ballonnen, bordjes en schermen zijn HTML over de tekening heen. Nieuw zijn de speeltjes. Je kunt de assistent op Mo's scherm zelf een vraag stellen (hij delegeert alles), de broodrooster een workflow laten starten, Daans oude laptop steeds ander PHP laten tonen, een voortgangsbalk vooruitduwen die terugveert naar 87 procent, de cijfers op het dashboard laten stijgen (ook ‘Problemen’), en de printer proberen, die alleen print als niemand iets nodig heeft. Zonder JavaScript staan de speeltjes uit en lees je dezelfde strip. Een leesbalk toont op welke pagina je bent; de pijltjestoetsen en J/K slaan om, en er is een knop voor volledig scherm en een voor geluid, dat standaard uit staat.

De tekeningen zijn gemaakt met het beeldmodel gpt-image-2, naar drie eigen personagebladen. Voor scènes waarin veel mensen rond een tafel zitten is eerst een eenvoudige 3D-opzet gerenderd met dozen voor tafels, stoelen en personen. Die ging als compositie mee naar het beeldmodel, zodat iedereen op een eigen stoel zit en niemand door een tafel steekt. De beeldkosten zijn per aanroep bijgehouden in een kostenregister met een harde grens van 20 euro. De API-sleutel staat alleen in een lokaal .env-bestand, niet in de website en niet in Git.

Gebouwd met Vite en TypeScript, zonder framework, met Claude Code als programmeerassistent. Unit-tests controleren onder meer het aantal pagina's en vakken, de leesvolgorde van de ballonnen, dat elke tekening bestaat en dat de kosten onder de grens blijven. End-to-end-tests spelen met alle speeltjes en lezen de strip in Chromium, Firefox, WebKit en op een telefoon, ook zonder JavaScript.

Technologieën

Vite TypeScript SVG gpt-image-2 Web Audio Vitest Playwright

Meer van mijn werk

Bekijk het hele portfolio of lees het blog.

Meer werk