p5.quadrille.js: P5.js quadrille library

Abstract

This paper introduces p5.quadrille.js, an open-source p5.js library and game-based learning tool for creative coding. It enables board game design, creative code applications like photo and video mosaics, and visualizing complex concepts like image convolution. The design of the library ensures students engage with essential skills in functional and object-oriented programming, set and logical operations, geometric transformations, and game design. Illustrative examples demonstrate its main functionalities, and a preliminary evaluation highlights the potential for future quantitative research to assess its impact on learning outcomes.

Keywords

• Game-based learning
• Creative-coding
• p5.js library