TILT3D by TRAVIS LAMBERTE

You can play Tilt3d here: PLAY TILT3D

Tilt3d is a web browser puzzle game for 1 or 2 players. It includes a scoring system to make the game more challenging. Til3d is written in JavaScript, HTML and is built using Vite, npm, and node to manage packages and build the application. Tailwind is used for styling.

Game development in 3D with a physics engine. Tile3d uses the open source 3D renderer “threeJS” and “CannonES” for the physics engine. Some animation is done using the GSAP module. Most of the scoring functionality is written in JavaScript.

This project marks my first public git repositories on GitHub. As well as my first playable games on my website. Tilt3d is challenging, take that into consideration when you go to play it for the first time.

Why? I'm currenlty trying to get a job as a software engineer, I enjoy working on games and design. This game gives me the chance to show case web development skills using a game as the focus. Playing Tilt3d is as simple as typing in a web address, however the browser is a non uniform environment to develop. In the future I'll be developing games in python, & C++.

Getting Started

Navigate into a the directory you want to install the app and type:

git clone https://github.com/seattletravis/Tilt3DMultiPlayer.git

To open project in the default editor. Change into Titl3D directory, type:

cd Tilt3DMultiPlayer/

Then, type:

code . 

In your terminal type:

npm run dev

Vite will return a local web link in the terminal, hold down Ctrl + click link to view the page in developer mode

If you experience a resolve error for Three-JS then install three-js, type:

npm install three

To build for Vite optimized production, use:

npm run build

To view the Vite optimized production distrubution:

npm run preview

Vite will return a local web link in the terminal with the build, hold down Ctrl + click link to view the production build