Project Type: Creative Coding, Game Design
Tools Used: p5.js, p5.play, JavaScript, Makey Makey, Physical Prototyping
Keywords: collaborative rhythm game, Makey Makey interaction, physical computing, p5.js project, two-player game, creative coding, music game, interaction design
Overview
Klappklapp is a collaborative two-player rhythm game that blends physical interaction with playful musical timing. Players clap together in specific patterns, synchronized to visual icons and music on screen. The game is designed for local multiplayer using Makey Makey and custom-made conductive rings, creating a hands-on, social gaming experience.
Concept & Inspiration
The project started with inspiration from Taiko no Tatsujin and classic rhythm games, but quickly evolved into something more unique. We wanted to explore collaborative interaction, not competition, and were inspired by traditional Swedish clapping games. By combining rhythmic input with physical contact between players, the game encourages real-world cooperation.
Development Process
We built a custom input system using Makey Makey, steel wire rings, and isolation techniques to register hand claps without false triggers. We also developed the game logic in p5.js with clear visual and audio feedback, including combo effects, score tracking, and a local high score list. Visual design choices were based on clarity, simplicity, and fun interaction.
Challenges & Solutions
Key challenges included creating reliable physical input and solving connection issues with conductive materials. We tested different setups, including gloves and shared conductive surfaces. Iterative prototyping helped us refine both the technical and visual aspects. We also balanced complexity with playability to ensure a smooth user experience within the project timeline.
Lo-Fi Prototype
Hi-Fi Prototype
