Scene 3
Test of WebGL and Three.js rendering,
HTML 5 canvas, JavaScript, JSON and AJAX.
Moving and camming similar to Second Life:
Key move avatar
- turn left: [a] or [←]
- turn right: [d] or [→]
- move forward: [w] or [↑]
- move backward: [s] or [↓]
- move left: S+[a] or S+[←]
- move right: S+[d] or S+[→]
- fly up: [e] or [PgUp]
- fly down: [c] or [PgDn]
- fly on/off: [f] or [Home]
- Legend
- S+: with [Shift] key down
- +[key]: keyboard letter or function
- double or triple click to increase speed
Key move camera
- reset: [Esc]
- follow avatar: A+[r] or A+[Home]
- release from avatar: A+[t] or A+[End]
- zoom in: A+[w] or A+[↑]
- zoom out: A+[s] or A+[↓]
- orbit clockwise: A+[a] or A+[←] or AC+[←]
- orbit counter-clockwise: A+[d] or A+[→] or AC+[→]
- orbit forward: A+[e] or A+[PgUp] or AC+[↑]
- orbit backward: A+[c] or A+[PgDn] or AC+[↓]
- pan left: ACS+[a] or ACS+[←]
- pan right: ACS+[d] or ACS+[→]
- pan up: ACS+[w] or ACS+[↑]
- pan down: ACS+[s] or ACS+[↓]
- Legend
- A+: with [Alt] key down
- C+: with [Ctrl] key down
- S+: with [Shift] key down
- +[key]: keyboard letter or function
- double or triple click to increase speed
Mouse move avatar
- focus: Btn+ on avatar
- turn left: Btn+←
- turn right: Btn+→
- orbit forward: Btn+↓
- orbit backward: Btn+↑
- Legend
- Btn+: with left mouse button down
- +mouse move direction: ↑ ↓ ← →
Mouse move camera
- focus: ABtn+ or ASBtn+ on object
- zoom in: ABtn+↑ or ASBtn+↑
- zoom out: ABtn+↓ or ASBtn+↓
- orbit clockwise: ABtn+← or ACBtn+←
- orbit counter-clockwise: ABtn+→ or ACBtn+→
- orbit forward: ACBtn+↓
- orbit backward: ACBtn+↑
- pan left: ACSBtn+→
- pan right: ACSBtn+←
- pan up: ACSBtn+↓
- pan down: ACSBtn+↑
- Legend
- A+: with [Alt] key down
- C+: with [Ctrl] key down
- S+: with [Shift] key down
- Btn+: with left mouse button down
- +mouse move direction: ↑ ↓ ← →
Mouse spin camera around origo
- spin locally clockwise: SBtn+→
- spin locally counter-clockwise: SBtn+←
- spin locally forward: SBtn+↑
- spin locally backward: SBtn+↓
- Legend
- S+: with [Shift] key down
- Btn+: with left mouse button down
- +[key]: keyboard letter or function
- +mouse move direction: ↑ ↓ ← →
Edit object
- edit: CBtn+ or CSBtn+
- focus and edit: ACBtn+ or ACSBtn+
- Legend
- A+: with [Alt] key down
- C+: with [Ctrl] key down
- S+: with [Shift] key down
- Btn+: with left mouse button down
Components
Links to component files, e.g. when reload is required.
- webgl.css
- scene3.js
- builder.js
- validator.js
- controller.js
- three.min.js
- Scene 3
- Avatar 1
- Box 1
- Circle 1
- Cone 1
- Cylinder 1
- Dedecahedron 1
- Edges 1
- Extrude 1
- Geometry 1
- Icosahedron 1
- Lathe 1
- Octahedron 1
- Parametric 1
- Plane 1
- Polyhedron 1
- Ring 1
- Shape 1
- Shape 2
- Test Shape 1
- Sphere 1
- Tetrahedron 1
- Text 1
- Torus 1
- TorusKnot 1
- Tube 1
- Wireframe 1
- Points 1
- Sprite 1
- Group 1
- CurvePath 1
- Orbit 1
- Orbit 2
- Orbit 3
- Orbit 4