class Game extends backbone.View
constructor: ->
@scene = new THREE.Scene()
@camera = new THREE.PerspectiveCamera 75, window.innerWidth/window.innerHeight, 1, 100000
@camera.position.z = 300
@scene.add @camera
@imgText = imgText = THREE.ImageUtils.loadTexture "/images/health.png"
imgText.wrapT = imgText.wrapS = THREE.RepeatWrapping
sphereMat = new THREE.MeshBasicMaterial {map: imgText}
@mesh = new THREE.Mesh new THREE.CylinderGeometry(100, 100, 200, 64, 1, true), sphereMat
@mesh.doubleSided = @mesh.flipSided = true
@mesh.frustumCulled = false
@scene.add @mesh
pl = new THREE.PointLight 0xFFFFFF
[pl.position.x, pl.position.y, pl.position.z] = [10, 50, 130]
@scene.add pl
@el = $ "body"
render: ->
@renderer = new THREE.WebGLRenderer()
@renderer.setSize window.innerWidth, window.innerHeight
$(@el).append @renderer.domElement
$(@el).mousewheel (event, delta) =>
@camera.position.z += delta
step: (delta) ->
@mesh.rotation.y += 1*
@renderer?.render @scene, @camera
Experiencing some peculiar issues with the texture vanishing and reappearing intermittently. It seems like the entire object disappears momentarily and then suddenly reappears out of nowhere. I have included a link to a video demonstrating this odd behavior.