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.

• Platonic Cells
  This demo illustrates new capabilities of the WebGL mode in the next major upcoming version of p5.quadrille.js, currently under development. It showcases how Platonic solids can …
• Image convolution visualizer
  In the field of image processing, the application of convolution matrices to images stands as a cornerstone technique. This post focuses on illustrating this process through an …
• Chess Pattern Recognition
  Harnessing the art of chess pattern recognition—emphasized by experts, among them Grandmaster Jonathan Rowson in “The Seven Deadly Chess Sins”—the demonstration below …
• Game of Life Texturing
  Before diving into development, thoroughly reading the Quadrille API documentation is key to efficient coding, preventing mistakes, and ensuring optimal performance. By …
• GPU-based Photomosaic
  This demo visualization shows a photomosaic (& videomosaic) implemented in hardware: (press r to randomly pick another painting)
• Streamlining Minesweeper
  In object-oriented programming (OOP), maximizing API use streamlines development, leading to simpler and more concise code. This clarity not only improves readability but also …

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.