Ethan’s Crazed Emoji  •  Original Sketch  •  09/15/2026
TNT Styl’n — p5.js Creative Coding Showcase

Ethan’s Crazed Emoji

Spinning spiral eyes, wild asymmetric eyebrows, and a tongue that will not stay still.
Original p5.js sketch — animated, original, and gloriously unhinged.

🤪  Original Sketch

The Sketch as Written

This is Ethan’s original p5.js sketch — an animated emoji face built entirely from p5.js drawing primitives. The left eye spins clockwise; the right eye spins counterclockwise at 1.9× the speed. The tongue oscillates using independent sine and cosine functions, producing a non-repeating wobble. All of this comes from one key value: frameCount.

p5.js techniques at work: push()/pop() for isolated transforms • rotate() driven by frameCount for animation • translate() for feature positioning • sin()/cos() for the tongue oscillation • beginShape()/vertex()/endShape() for the Archimedean spiral inside each eye

    Live Animation

    Both eyes spin, tongue oscillates — this is p5.js draw() looping
    ~60 times per second. Every frame increments frameCount.

    By Ethan •  p5.js Sketch •  ~75 lines Original code preserved exactly as written

    How This Page Was Built

    The S.P.A.R.K. Chat Log documents the design decisions behind this showcase: why a live canvas was chosen over a static image, how p5.js instance mode places the canvas in a specific column without touching Ethan’s original code, and what the greenbar technique teaches beyond CSS aesthetics.

    S.P.A.R.K. Chat Log