top of page

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.


Project type: puzzle, game

Tools: p5js Library


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


  • Facebook
  • Twitter
  • LinkedIn

©2020 by Kimeka's Blog. Proudly created with Wix.com

bottom of page