WallPuzzle: Unveiled

Hello, Haven dwellers. Over the past weeks I've been searching for a chill puzzle game where you can upload your own images. I found a few options online, but they all felt like they missed something. So I thought, why not make it myself? So, step by step, I built something. I think it ended up pretty cool. It's a puzzle mode where you add pieces to what is available on the board. One cool feature is that you can choose a local folder and it will pick a random wallpaper from that folder, so you don't even know what you're building, you discover it piece by piece. It has several difficulty levels, a Hardcore mode and most importantly 10 Themes with ASMR sounds (and subtle graphics) that you can choose from. Oh, and it also has a special secret mode that you can toggle on, which is quite a bit harder. You can activate that by doing something in the main menu, just like easter eggs from goldies from the past. Please note that I am not a programmer by profession. So I couldn't figure out how to make the game automatically load local files. Therefore, you have to manually load the audio assets in the main menu. Just download the whole folder in the link, start the game (the html file), and load the assets (if you want, the game has some base, crude sounds active by default if you don't) depending on the chosed theme and the file name (you'll see, it's pretty intuitive). Oh, and be sure to toggle off "Ghost Image" in the main menu, it's way too easy with it. If you have any suggestions or advice on how to improve it I'd like to hear them. Enjoy!

https://mega.nz/folder/ywwSRLJJ#4-_ZDfMg_tuiBnK3jvRWhg

That's a pretty cool game! I like the fact that each new piece is always connected to one of the already existing pieces so you don't have cases where you need to place a piece in the middle of nowhere. The sound effects are also pretty good. Love it. Suggestion: You could add a "main menu" button at the end of each game as well, so you don't have to refresh the whole tab every time you want to start a new game.

That's really good and a lot for not being a regular developer. I played around with a way to have audio loaded by default. It seems to work fine with just using audio tags, and then for the sound, just run the audio in the tags. https://www.w3schools.com/html/html5_audio.asp

For example, in the in the callLiftSfx(), you could do this if you have the audio tags (see below) document.getElementById(currentSkin + '-pickup-audio').play();

The audio tags could look something like this. They can reference the same files in the folder. <div class="makeMeHidden"> <audio id="sand-pickup-audio"> <!-- there's probably away to make the src url dynamic, or you could just make one for every single sound in the folder, which is what I implied in this example --> <source src="./Sand_pickup.mp3" type="audio/mpeg"> </audio> <audio id="sand-hold-audio"> <source src="./Sand_hold.mp3" type="audio/mpeg"> </audio> <audio id="sand-drop-audio"> <source src="./Sand_drop.mp3" type="audio/mpeg"> </audio> <!-- be dynamic, or Just do a bunch of lazy copy-pasting with every theme and sound which is what I would probably do -->

<audio id="electric-pickup-audio"> <source src="./Electric_pickup.mp3" type="audio/mpeg"> </audio> <audio id="electric-hold-audio"> <source src="./Electric_hold.mp3" type="audio/mpeg"> </audio> <audio id="electric-drop-audio"> <source src="./Electric_drop.mp3" type="audio/mpeg"> </audio> <!-- etc --> </div>