dyna3/src/dyna3.litcoffee

28 lines
796 B
Plaintext
Raw Normal View History

## A Brief Tour of dyna3
When you load dyna3, you should initially see a three-dimensional coordinate system with labeled axes.
```javascript
import {threeLoaded, three as J3} from './externals.js'
2019-12-11 17:07:43 +00:00
main = ->
renderer = new J3.WebGLRenderer()
rwd = window.innerWidth
rht = window.innerHeight
2019-12-11 17:07:43 +00:00
renderer.setSize rwd, rht
document.body.appendChild renderer.domElement
scene = new J3.Scene()
2019-12-11 17:07:43 +00:00
geometry = new J3.SphereBufferGeometry 1,5,5
2019-12-09 17:08:05 +00:00
material = new J3.MeshBasicMaterial {color: 0xff00ff}
2019-12-11 17:07:43 +00:00
ball = new J3.Mesh geometry, material
scene.add ball
2019-12-11 17:07:43 +00:00
camera = new J3.PerspectiveCamera 75, rwd/rht, 0.1, 1000
camera.position.z = 5
2019-12-11 17:07:43 +00:00
renderer.render scene, camera
2019-12-11 17:07:43 +00:00
threeLoaded.then main
```