https://github.com/yonet/zerotoherobabylonjs

30 Days of BabylonJS Tutorials to get you started.
https://github.com/yonet/zerotoherobabylonjs

babylonjs tutorials webxr

Last synced: about 2 months ago
JSON representation

30 Days of BabylonJS Tutorials to get you started.

• Host: GitHub
• URL: https://github.com/yonet/zerotoherobabylonjs
• Owner: Yonet
• Created: 2020-05-09T04:39:33.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2020-12-04T04:33:00.000Z (about 4 years ago)
• Last Synced: 2024-11-02T01:23:26.852Z (3 months ago)
• Topics: babylonjs, tutorials, webxr
• Homepage: https://bit.ly/30DaysOfBabylonJS
• Size: 10.7 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ZerovTo Hero: BabylonJS

Learn BabylonJS for creating 3D on the web and Immersive experiences with WebXR APIs. 

Follow the journey and code examples in this repo. Leave a comment in the issues for the tutorials you would like to see.

## Basics

### Day 1

Learn about the new features of BabylonJS 4.2.0 from the team members. Watch the WebXR Hand Input demos as well as the new node editors.

[![XR Tea Party: BabylonJS 4.2.0](http://img.youtube.com/vi/Lg4B_H-t8fY/0.jpg)](https://www.youtube.com/watch?v=Lg4B_H-t8fY&t=2004s)

### Day 2

Create your first scene with light, camera and a 3D object. Compare BabylonJS basic scene with ThreeJS basic Scene. 

- [![Getting started with 3D on the Web: BabylonJS vs ThreeJS](http://img.youtube.com/vi/1BbxT9_SFVw/0.jpg)](https://www.youtube.com/watch?v=1BbxT9_SFVw)

- [Twitch](https://www.twitch.tv/videos/802240009)

- [Basic Scene Curriculum](https://yonet.gitbook.io/mixed-reality-docs/-MHmDWJS71Z0_jhk69k4/webxr-lessons/3d-on-the-web/project/how-to-create-a-basic-3d-scene)

### Day 3

Parametric Shapes 101: https://doc.babylonjs.com/babylon101/parametric_shapes

### Day 4

Position, Rotation and Scaling: https://doc.babylonjs.com/babylon101/position

### Day 5 

Materials

### Day 6

Camera's: https://doc.babylonjs.com/babylon101/cameras

### Day 7 

Lights: https://doc.babylonjs.com/babylon101/lights

### Day 8

Animations: https://doc.babylonjs.com/babylon101/animations

### Day 9

Camera's, Mesh Collision and Gravity: https://doc.babylonjs.com/babylon101/cameras,_mesh_collisions_and_gravity

### Day 10

Intersect Collisions - mesh: https://doc.babylonjs.com/babylon101/intersect_collisions_-_mesh

### Day 11 

Picking Collisions: https://doc.babylonjs.com/babylon101/picking_collisions

### Day 12 

Raycasts: https://doc.babylonjs.com/babylon101/raycasts

### Day 13

Sprites: https://doc.babylonjs.com/babylon101/sprites

### Day 14

Particles: https://doc.babylonjs.com/babylon101/particles

### Day 15 

Environment: https://doc.babylonjs.com/babylon101/environment

### Day 16

Height Map: https://doc.babylonjs.com/babylon101/environment

### Day 17

Shadows: https://doc.babylonjs.com/babylon101/shadows

## Project

### Day 18

How to load 3D objects.

### Day 19

How to add spatial audio.

### Day 20

How to add interactions and information panels.

### Day 21

### Day 22

### Day 23

### Day 24

### Day 25

### Day 26

### Day 27

### Day 28

### Day 29

### Day 30

## Where to go from here?

Congrats!