🦖 T-Rex Run 3D

Play the game here: https://misheus.github.io/dino3d/low.html
Alt. version with best quality settings for high-end PCs: https://misheus.github.io/dino3d/

Description

T-Rex Run 3D is a ThreeJS WebGL game made as an experiment.
All the graphics was hand crafted with Magica Voxel software, so that the overall feel and look of the game will be the same as original 2D game.

The code has NOT been polished and is provided "as is". There are a lot of code that are redundant and there are tons of improvements that can be made.

Screenshot

ToDo

https://trello.com/b/Pt4FSqOi/t-rex-run-3d

Change history

• Update 1

  • New interface
  • Infinity jumping while holding jump button
  • Jumping buttons now is: Space, Arrow Up, W
  • Bend down buttons now is: Arrow Down, S, Ctrl
  • Restart on game end
  • Fixed bug when a player could switch active tab and collisions ingame was not working
  • Fixed bug with not fully loaded textures before game start
  • Fixed bug when high scores continued to count even after game end
  • Fixed hitbox
  • Fixed ability to jump from bend down position
  • Fixed disappearing ground textures
  • Other minor bug fixes

• Update 2

  • Voxel landscape added
  • Palm trees has been removed, instead there is scorpions, skulls, etc
  • UI is now fully in pixel art style
  • Load screen added
  • New dino reaction on collisions
  • W & S keys was removed
  • Nature Manager & Enemy Manager was fully rewritten for better performance and new feautures
  • "Black screens" bug fixed
  • High jumps bug fixed
  • Scores display fixed
  • Moving objects stuttering fixed (never use .splice() again :3)

Development

• Use some webserver to serve this. It wouldn't work if you just open index.html from your filesystem.
• First time run npm install to install dependencies.
• Now you can run npx gulp reload-js to build js once, npx gulp reload-css to build scss once, or npx gulp to do those things automatically when you save a file.

Credits

https://threejs.org/ - WebGL 3D Library
https://ephtracy.github.io/ - Free lightweight 8-bit voxel art editor
https://github.com/daishihmr/vox.js/ - MagicaVoxel *.vox file parser and Three.js mesh builder
https://github.com/goldfire/howler.js/ - Audio library
https://github.com/creativelifeform/three-nebula - WebGL based particle system engine for three.js
https://github.com/addyosmani/visibly.js/ - Page Visibility API shim

Author

(C) 2020 Abraham Tugalov. http://howdyho.net

Contributors

• Aidar Ayupov https://github.com/preposition17 & Vildan Safin https://github.com/Enigma228322 for inspiration about 3D models
• Rifat Fazlutdinov https://github.com/Rifat-Fazlutdinov for telegram bugreport bot
• Arnur Bekbolov https://vk.com/kurasaiiiii for skins ideas