Categorieën
programmeren visueel ontwerp

Beethovenposter in P5

In P5 is hier de bekende Beethovenposter van Josef Müller-Brockmann nagemaakt, met variabelen voor de grafische onderdelen. Links het origineel en rechts in P5. Het geeft dus oneindig veel variaties. Om het beter te zien, klik hier. Naast het origineel staat daar de javascript versie.

de Beethovenposter links, van Muller-Bruckman met variaties nagermaakt in P5 rechts
Categorieën
boeken geschiedenis

David Graeber twijfelt terecht

Mogen we eigenlijk aannemen dat “democratie” een westers idee is met wortels in het Antieke Griekenland? Hoewel het een algemeen geaccepteerd uitgangspunt is, lijkt het antwoord me, na het lezen van dit essay van David Graeber eenvoudig nee. Lees ook dit boeiende essay! Of bekijk de samenvattende video van Marcus Rediker.

Categorieën
programmeren

boter, kaas en eieren..

Vorig jaar tijdens een werkweek heb ik dit spelletje tussendoor gemaakt in P5.  Als oefening, niets meer dan dat. Het werkt redelijk, alleen zijn de tegenzetten van ’t kruisje nog niet heel sterk in het begin van een spelletje. Dat moet nog eens verbeterd worden…

Om te spelen (tegen de “computer”) klik hier.

Uitdaging

Probeer drie rondjes op een rij te krijgen én een volledig gevuld raster. Dat is niet zo moeilijk omdat de tegenzetten vaak niet zo sterk zijn.

Categorieën
visueel ontwerp

Grote vormen en contouren

Deze video is opgenomen in 2020 voor de opleiding CMD ’s Hertogenbosch. Onlangs vond ik dit bestand weer en nu is deze video hier nog eens te bekijken. Hieronder kun je de tekst van de video lezen.

Categorieën
programmeren visueel ontwerp wiskunde

Verdeel en heers

Met een eenvoudige vraag kun je toch nog even bezig zijn. Hoe kun je elementen gelijk verdelen en daarna concentreren rond een kern? In zijn meest elementaire uitwerking zou dat deze (schetsmatige) resultaten moeten opleveren:

Het eerste en laatste blokje moeten blijven staan. We gaan het in javascript (met P5) maken. Hieronder zie je het eindresultaat wat jij vast op een andere manier ook kunt realiseren. Jouw cursor of vinger bepaalt hoeveel blokjes (bovenaan minder, vanonder meer) en de concentratiefactor (links niets, rechts hoog). Voor de mobiele versie klik hier!

Categorieën
boeken programmeren wiskunde

Worteltrekken, leuk?

Heb je geen fijne herinneringen aan wiskunde op de middelbare school? Lees dan eens het boek Algebra, van algoritmes tot vectoren van Michael Willers. Ik vond het voor minder van 10 euro in een boekwinkel in Rotterdam en was direct geboeid. Korte hoofdstukken over getallenreeksen maar ook over bijv. Egyptenaren. Zij gebruikten een tientallig getallenstelsel (met symbolen voor 1 t/m 1.000.000) !

En met de Babylonische methode (of Herons methode) om vierkantswortels te berekenen gaan we hier aan de slag. We testen het met behulp van een kort javascript.

Categorieën
muziek

Afscheid van CMD

Dinsdag 19 nov ’24 nam ik afscheid van collega’s en studenten bij CMD, Avans ’s Hertogenbosch. Ik heb er met veel plezier ruim 14 jaar gewerkt.

Categorieën
tentoonstelling visueel ontwerp

Tentoonstelling in Jeu de Paume, Parijs

Groot affiche in Parijs over de tentoonstelling van Johan van der Keuken

Van 16 juni tot 17 september kun je de overzichtstentoonstelling van Johan van der Keuken in Parijs bezoeken. Weinig heb ik daarover in de Nederlandse pers gelezen, wel in de Standaard (B). Johan van der Keuken is een grote naam in Frankrijk maar totaal onbekend bij bijv. mijn ex-collega’s. Een voorbeeld van je hoofd boven het maaiveld uitsteken? Boeiend werk van een fotograaf die ook films maakte.

Categorieën
visueel ontwerp

Uitleg met een schetsboek

Deze keynote-video uit ± 2011 van Bill Verplank blijft boeiend, om na jaren nog eens terug te zien. Geweldig om zijn schetsen te zien ontstaan als ondersteuning en representatie van wat hij benoemt en samenvoegt ivm de interactie mens – machine, maar ook over de mogelijke rol van een ontwerper. Welke vragen stellen wij aan de ander, aan elkaar?

Categorieën
programmeren

Van schets naar recht

Een eenvoudige uitdaging: kan ik een slordige lijn tekenen op een canvas in html die daarna vanzelf een rechte lijn wordt? Hieronder staat een eerste versie met behulp van de P5-bibliotheek. Voor mobiele devices (jouw telefoon dus): klik hier.

De broncode voor deze eerste versie vind je hier. Er volgt nog een uitbreiding naar het herkennen van gebogen curves en, hopelijk, een vereenvoudiging naar bijv. een rechthoek.