Skip to content

My three.js learning journey following Bruno Simon course

Notifications You must be signed in to change notification settings

jeheecheon/threejs-journey

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My three.js journey

My three.js journey following Bruno Simon course

Toy Projects

Practice 01 - 3D Text

Practice 01 - 3D Text

Click here to explore the project!

  • Used helvetica font in typeface format to generate a simple 3d text.
  • Utilized built-in controlers (Orbit) to move around the space.
  • Created a hundred donut-like objects around the text to make it just look better...

It's my first ever 3D project I made during the course


Practice 02 - Haunted House

Practice 02 - Haunted House

Click here to explore the project!

  • Applied shadow mapping to improve performance
  • Converted texture images into webp format

It's a to-be-continued project!. I am going to add more to this project later when I have learned more.


Practice 03 - Galaxy

Practice 03 - Galaxy

Click here to explore the project!

  • Used simple Trigonometry to generate a galaxy
  • Used vertex&fragment shaders to animate(spin) the galaxy

Practice 04 - Portal

Practice 04 - Portal

Click here to explore the project!

  • Create the whole scene except fireflies with Blender.
  • Animate the fireflies with shaders.
  • Optimize through joining all the meshes into one to reduce draw calls.

Practoce 05 - Laptop

Practice 05 - Laptop

Click here to explore the project!

  • Used a free 3D GLTF model and attached my blog HTML to its screen.
  • Placed 3D text on the right side of the laptop.
  • Added a point light above the laptop to slightly illuminate it with an orange light.

Practoce 06 - Marble Race

Practice 06 - Marble Race

Click here to explore the project!

  • Game: Marble Race
  • Used react-three-rapier for realistic physics like collisions and gravity