#talkingfox

[korzagru]

A curious Melanistic fox's walk in a Spring gully @DenisKorza #fox #outdoors #journey The fox is so cunning that he hides his cunning in real time. The demonstration of a depressed look is always a manipulation. A couple of elegant steps in one direction lulls the vigilantes into a sharp dash in the opposite direction. Specific and non-peddling behavior is fundamental to survival. ‼️ The Silver Fox (aka Melanistic fox, or Black fox, or Silver-black fox, or Vulpes vulpes in Latin) is listed in the International Union for Conservation of Nature as an ENDANGERED species ‼️ In the wild, the Silver Foxes is very rare, as the melanistic population in relation to Red Foxes is only 10%. And this 10% is subject to extermination by non-civilized people who take the lives of animals for entertainment and profit. Please share this interesting information about rare foxes and it will help keep them alive! 📢 🦊 💚 Learn more about FOX colors 🦊 https://youtu.be/zUAstboD_QU Talking Fox playlist ▶️ https://youtube.com/playlist?list=PLFfYXAEfRVMNjmS6mCcmqGlcLz6a83gR6 The clean Silver Fox and the Abominable dirty Sphinx 🐾 https://youtu.be/jMU23NdGpFU Talking Silver fox opens Spring walking season 🌱 https://youtu.be/WDU2RqgAIDU Silver fox explores marmot habitat 🔍 https://youtu.be/XRTyPfw4Yy0 Pet fox asks biscuit 🍰 https://youtu.be/8uOXOw1KEHc A Silver fox buries the Marmots' burrows 🐿️ https://youtu.be/9raRgrM8Ok0 The Sweet Dreams of the Silver Fox ✨ https://youtu.be/z7ehQCWtww0 Melanistic fox met a russian badger 🦡 https://youtu.be/1eenTrn699g Silver fox in the mysterious fields 🌻 https://youtu.be/btlN5kEZmY4 Big Zoo Vlog 🌈 https://youtu.be/XaQwj7Trdcg Black fox in the fresh grass 🌾 https://youtu.be/M7z56eY6jtk Vullpes vuples is stuck on the border 🚧 https://youtu.be/neKZppprqSA 🖤 Subscribe please _ https://www.youtube.com/deniskorza 🔰 💜 Instagram _ https://www.instagram.com/korzagru 💙 Twitter _ https://twitter.com/korzagru 🤍 Meta _ https://www.facebook.com/korzagru

[falxix]

On Making a Snail Maze Clone

Putting things together

In Snail Maze, the core mechanic is maze traversal, so I set out to make that usable early on. Fortunately, Phaser has some pretty comprehensive examples of collision detection and input handling so I was able to iterate through ideas fairly quickly. My first thought was to have each tile in the maze define its edges as either a wall or an opening. Then if the snail were to move right, I would perform a check against the right side of the current tile to see if it were an opening, and a check against the next tile to see if it's left side were also an opening. This seemed fine conceptually, but it ended up being overly complicated in practice. Instead, I went with the simpler approach of making every pixel in the maze walls a collision object to be checked against the snail.

Concurrent with that experiment, I read up on map editing in Phaser and saw that it supports Tiled maps, so I made use of that for creating each of the mazes. Within Tiled, the mazes were composed of 1x1 pixel tiles with each tile being either a wall or background. I also marked a maze starting position and a maze end position, with a property on the end position to indicate which map to load for the next level. I worked like this through each of the 12 mazes until all the mazes were built and linked together.

Then, I began to focus on presentation. Things worked, but they were ugly, and you could only ever see the maze screen. People familiar with Snail Maze might remember the initial greeting screen before starting the game proper. For the complete experience, I wanted to add a screen like that of my very own. For that, I was able to start utilizing Phaser game states. With a game state, I now had a boot-state and a game-state. One for handling logic relating to my greeting screen, and one for managing the maze screen proper.

The second major issue with my game was that it was missing the sliding transition effect between levels. But now that I was using states, I was free to look into state transition solutions. That's when I found the state transition plugin by Christian Bote. After making some modifications to that, I set up my game so that when a maze completes, the game state transitions to a new version of itself complete with the transition animation. And with that, the addition of an animated snail asset, and some music, my game was complete.

What now?

Now, I have it up as the sole game on my webpage. I also have the source code available for anyone interested in that sort of thing. Overall, it was a fun experience refamiliarizing myself with Snail Maze, and one that taught me a lot about development.

Links

The game proper

My website

The source code

Christian Bote's Phaser State Transition Plugin

Phaser HTML5 Framework

Tiled Map Editor