Interactive World

This repo was developed for an interactive 3D world development showcase on a website like the interactive design on the Github homepage.

• View Demo here!!

  Signals in the demo were generated randomly

Background Knowledge

• HTML and CSS
• Typescript
• Threejs library
• Computer graphic rendering
• Mathematics for computer graphic
• OpenGL Shader

Installation

1. Download Node.js and install Node.js.
2. Run the command below in your terminal.

   # Install dependencies
   npm install
   
   # init and update submodules
   git submodule update --init --recursive

Development

1. Open terminal and the command below for runing the local server at localhost:8080

   npm run dev

2. Open new terminal and run the command below for update typescript automatically

   npx tsc -w

Build

• Build
  Run the command below in your terminal

  # Build for production in the dist/ directory
  npm run build

Credits

Thanks to:

• Bruno Simon - For three.js Journey course
• GreenSock (Gsap) - For JavaScript animation
• Github - Interactive design for development showcase.