P5.JS:Interaktive Uhr

Hallo 👋! In diesem Beitrag möchte ich ein altes Projekt von mir teilen, das ich auf GitHub archiviert und beschlossen habe, es noch einmal zu machen:Fleeing Points Clock!

Eine interaktive Uhr aus kleinen Quadraten, die eigentlich Fahrzeuge steuern sind , das heißt Entitäten, die einen bestimmten Wunsch ausprobieren an einen bestimmten Ort zu fahren, und als Folge dieses Verlangens erfährt das Fahrzeug eine Kraft, die es zu seinem Ziel zieht. Es ist ein sehr interessantes Konzept, das ich gelernt habe, als ich mir Daniel Shiffmans Coding Challenge:Steering Behaviors angesehen habe.

So sieht die Uhr aus, sie wurde mit P5.js erstellt :

Wie Sie sehen können, erzeugt das Bewegen der Maus über die Zahlen eine entgegengesetzte Kraft, die die Fahrzeuge abstößt, aber sobald der Cursor weggeht, ordnen sich die Quadrate neu an.

Sie können auch die Farben der Quadrate ändern, indem Sie "ENTER" drücken:

Wenn Sie es selbst ausprobieren möchten, können Sie die Seite hier besuchen.

Danke fürs Lesen! Und wenn Sie neugierig auf den Code sind, sehen Sie sich bitte das Repo an (und hinterlassen Sie einen Stern, wenn Sie möchten):