An attempt to implement the basic mechanics of Angry Birds in JavaScript using p5.js and the matter.js physics engine.
Challenges
Featured Challenge:
#188 — Voice Chatbot
In this coding challenge, I build a conversational voice chatbot entirely in the browser with p5.js. I combine three pieces: speech-to-text with OpenAI's Whisper model, text-to-speech with Kokoro TTS, and a "brain" for the bot. I also explore the transformers.js pipeline API and the Web Audio API. For the bot's brain, I start with a simple ELIZA-style therapist, then incorporate a RiveScript number-guessing game, and finally a local LLM.
Filter by Language
Pick a language to filter
Filter by Topic
physics engine
In this two part challenge, I cover beginShape(), endShape(), and texture(), TRIANGLE_STRIP, QUAD_STRIP, and more. I combine these geometry functions with the Toxiclibs physics library to simulate a waving flag (with a unikitty image texture!)
I love all things random and chance so why not make a Plink simulation with the matter.js physics engine and p5.js!
