Metaverse Beginnings

Learning ThreeJS

Let's see what we can build in 3D with JavaScript

Potential Phases

Phase 1

Initial Load

• Loading animation while the models load to the scene and start animating
• Welcome scene/layout

Phase 2

Interaction and movement

• Secondary scene/layout
• Smooth animation between the Welcome scene/layout and the secondary scene/layout

Phase 3

Advanced Interaction

• Main Menu to switch which models are visible
• Hide and show with visibility without loading and removing objects constantly

Todo List

1. Z-index system for specific layers, 2D menus, Dialogs, World Scene, etc
2. Environment controller to manage dynamic effects