Three.js first webGL demo

# Three.js most basic demo rotates a Cube in x / y planes using webGL
# Library now has fully comprehensive .d.dts typescript definitons,
# but it is remains lousy typescript...
#
# @jorjun (Vvi ☉ v ☽ xi)


import
    dom,
    jsffi

var THREE {.importc, nodecl.}: JsObject
var document {.importc, nodecl.}: JsObject

let scene = jsNew THREE.Scene()
var camera = jsNew THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000)
camera.position.z = 4

var renderer = jsNew THREE.WebGLRenderer({ "antialias": true })
renderer.setClearColor("#000000")
renderer.setSize(window.innerWidth, window.innerHeight)

document.body.appendChild(renderer.domElement)

var geometry = jsNew THREE.BoxGeometry(1, 1, 1)
var material = jsNew THREE.MeshBasicMaterial({ "color": "#433F81" })
var cube = jsNew THREE.Mesh(geometry, material)

scene.add(cube)

proc render(time: float = 30.0) =
    cube.rotation.x += 0.01                <== problem A
    cube.rotation.y += 0.01
    renderer.render(scene, camera)
    requestAnimationFrame(window, render)  <== problem B
render()