Slider Puzzle w/Sound
- Kimeka Reid
- Dec 22, 2020
- 1 min read
"Slider Puzzle w/Sound" is a simple slider puzzle. Your objective is to swipe the tiles so that the numbers 1-24 will appear consecutively. When each tile is clicked a sound effect is played. The player has 200 tries or 'moves' to get the correct sequence.
Link to Project: https://editor.p5js.org/kreid17/sketches/a8IeTrloX
Project type: puzzle, game
Tools: p5js Library
Assets: Art3.jpg, Sounddog Sound Effects
Brainstorming: My first thought was to create a recursive puzzle, a simpler version of this: https://jagracar.com/sketches/recursivePuzzle.php. I wanted to use an image of my own to create this puzzle with sound effects.
Concept Development: After some research, I settled on the idea of a sliding puzzle. This was simpler and easier for me to code as a beginner coder. I found a tutorial that helped me code

Limitations and User Feedback: Needed an image to create some more visual interest. Adding an image was difficult for me, maybe with more time and knowledge.
References: https://www.skillshare.com/classes/Sliding-Puzzle-Make-A-Classic-Game-using-Javascript-P5-js-Framework/1963537874/classroom/discussions
https://p5js.org/examples/sound-load-and-play-sound.html
Getting Started with P5.js: Making Interactive Graphics in JavaScript and Processing
https://p5js.org/reference/#/p5/loadImage
https://p5js.org/reference/#/p5.Image
Comments