3/15/2023 0 Comments Maze screensaver game![]() Smiley face missing due to unfinished level loading and ending code + not being sure how random placement would work in the maze. Start logo missing due to collision offset bugs, Sometimes you may spawn out of the map due to how spawn placement works, Now I have become a skilled JavaScript programmer, I have been learning the language for about 1 year now and I know how to create a lot of things with it. This project was mainly started a learning experience for JavaScript and Three.js, I began working on it at a point where my JavaScript skills were still flourishing. Making a web game is another part of it, something everybody can play, I doubt this will ever get much attention but it's still fun to work on. I think JavaScript is an excellent language when used correctly, and added onto that it is the language of the web. Randomly generated mazes with fully implemented collision and player movement. Try larger or smaller mazes with the slider in the top right. Feel free to look at the maze from the outside, but to solve the maze you must start from the entrance. The compass (top left) points towards the exit. I have yet to implement various objects around the maze such as the rat or the OpenGL logo. Try adding this game to your phone's home screen Move: Left side of screen Look: Right side of screen Find the exit of the maze. Texture loading from PNGs to Three.js compatible textures happens here. This method doesn't work sometimes however and sometimes you may spawn outside of the maze itself. On game initialization, the player is moved on the x axis until wall collision is no longer detected to prevent spawning in a wall. Mazesrc/player_controller.js mazesrc/surface.jsĬollision is checked on player move, player movement and looking around is managed by a function which takes in a type that runs through a switch statement that determines to move around or rotate. The collision engine only works with box geometries and does not use collision cells thus making it a little unoptimized, however due to the size of the maze this isn't much of a problem. Maze generationĪ maze generator algorithm determines where and where not to generate walls and once it finishes it pushes every wall to the collision mesh. I am attempting to make some engine of sorts that is supposed to capture the energy of early-mid 90s games and eventually I want to expand player movement and abilities with the collision engine as well to create something resembling idTech. You can play the game here How it works Engine I am recreating it with my own little JS game engine called MazeSrc, built on top of Three.js. This is a port / authentic remake of the non interactive classic Windows 95 3D Maze screensaver originally implemented in OpenGL made into an interactive web game experience.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |