itch.io is community of indie game creators and players

Devlogs

Adding in the Aesthetics

Winter Wonderland! - Student Project
A browser Student Project made in HTML5

This week I’m beginning to think about the aesthetics/visuals and style of my game. The theme of the game is Christmas. So, I changed the colour of the plane to white (easy snow look). I already had the objects flying in a straight line towards the player, but the game still felt too loose with no direction. I liked the idea of the player passing through a forest of trees. I created grouped meshes in class extensions of a parent entity class and pushed them into arrays (one for the left and one for the right) I had them generate between random x positions and z positions. A useful page for implementing this is: https://developer.mozilla.org/enUS/docs/Web/JavaScript/Reference/Global_Objects... 

Despite the trees on either side, the game just lacked direction and it felt a bit plain. I had this idea of creating a path for the game to follow so I added a new plane and used a slightly transparent blue that I had used at the beginning of development to create this icy/river road pat. I constrained my player so that he can only move to the edge of the path. This will enhance the Game play, restricting the space that allows you to avoid obstacles.
A final addition was adding snowflakes. When researching snowflakes, I discovered that you could do this my creating particle systems. Something like this seemed a bit unnecessary for a low poly, simple game. I also didn’t want to slow my whole game down. I found a way around this by following this tutorial I found online which is basically a way of implement CSS snowflakes on your html page: 
https://www.kirupa.com/html5/the_falling_snow_effect.htm