AlexRFarnes/Threejs-Portal-Scene

A scene of a portal in the woods built with three.js and blender.

Portal Scene

A scene of a portal in the woods built with three.js and blender.

Table of contents

• Portal Scene
  • Table of contents
  • General info
  • Setup
  • Screenshots
  • Technologies
  • Features
  • Status
  • Inspiration
  • Contact

General info

A scene of a portal in the middle of the woods. All the modeling, texturing, uv unwrapping, and baking was made on Blender. The model was optimized for better performances. The model was then exported to Three.js where it was tweaked with custom shaders for the portal and particles.

Setup

Download Node.js. Run this followed commands:

# Install dependencies (only the first time)
npm install

# Run the local server at localhost:8080
npm run dev

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

Screenshots

Demo

Technologies

• JavaScript
• Threejs
• WebGL
• Webpack
• Blender

Features

List of features ready and TODOs for future development

Status

Project is: finished.

Inspiration

• Project based on three.js journey by Bruno Simon.

Contact

• GitHub @AlexRFarnes
• Twitter @AlexRFarnes
• Linkedin @AlexRFarnes