Adding in the Aesthetics
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
Winter Wonderland! - Student Project
Student project making a simple Christmas game in Three.js
Status | In development |
Category | Other |
Author | Anniecooke |
Tags | 3D, Simple, Singleplayer, threejs, winter, wonderland |
More posts
- Final DevlogDec 06, 2018
- HTML ElementsDec 03, 2018
- Avatar movements and Flying objectsDec 03, 2018
- Shadows, Fog and MaterialsDec 03, 2018
- Getting started with Three.jsDec 03, 2018