Tiny Escape

A tiny robot has to face hard challenges and go through struggles. His prizes are not only an antidote but also funny experiences.

Tiny Escape is our computer graphics course project, created using JavaScript and HTML. The game's inspiration comes from Grounded - a 3D sandbox survival game.

Objectives

• Create and load both static and animated 3D models into scene
• Perform basic transformations in computer graphics
• Study and apply material properties, texture, animations, lighting techniques, and camera settings
• ...

Built with

• 
• 

Status

Even though we've completed the course, our project is ongoing. We plan to update it in the future

Libraries and Tools

• Threejs scene
• Cannonjs physics
• Blender 3d models
• Others: Sketchfab, Mixamo character animations

Sample Results

• Video demo: Link

Usage

• Set up:

  git clone https://github.com/Kieeran/Tiny-Escape.git
  

• Install:

  # three.js
  npm install --save three
  npm install --save-dev vite
  

• Executed:

  npx vite
  

• Control:
  • W, A, S, D: forward, left, backward, right
  • Space: jump
  • 1, 2, 3, 4, 5, 6: animation of character.

Credits

Special thanks to:

• Tran Thi Thanh Dung for your SUPER BIG collaboration and support

And thanks to many more who have helped with suggestions and feedback!