Demos

This chapter showcases a variety of demos built using p5.js and the Quadrille API, spanning applications from creative coding to interactive games. These examples highlight the power of OOP and functional programming, demonstrating how these paradigms can be combined to create dynamic, engaging projects. Each demo serves as a practical exploration of key programming concepts, encouraging experimentation and hands-on learning.

1. Minesweeper: A partial implementation of the classic Minesweeper game, showcasing how to use APIs for efficient board management and interactivity.
2. Chess Pattern Recognition: Analyze chessboard configurations and identify tactical patterns using FEN notation and powerful pattern-matching techniques.
3. Celtic Handpan: A dynamic musical instrument simulation, combining sound and visuals with an elegant object hierarchy for modularity.
4. Platonic Cells: Explore Platonic solids in an interactive quadrille, with examples of both retained and immediate rendering for flexible 3D visualization.
5. Game of Life: A 3D take on Conway’s Game of Life, illustrating how cellular automata rules can be applied and visualized on interactive 3D surfaces.
6. GPU-based Photomosaic: Generate photomosaics with GPU acceleration and GLSL shaders, using the quadrille sort method and framebuffers to organize and sample tiles by luminance for seamless matching.
7. Image Convolution Visualizer: A detailed, interactive look at how convolution kernels affect images, offering an intuitive way to understand image processing fundamentals.

These demos provide a blend of creativity and technical learning, encouraging you to experiment, modify, and expand upon the examples to deepen your understanding of programming and interactive development.