Compare commits

..

No commits in common. "e43675b98979cb70ed49ec3fde0f9f294ad4616a" and "e498459afacba592a99d3ac025f1f57eb5ff40c3" have entirely different histories.

19
app.js
View File

@ -206,7 +206,8 @@ class NextQueue extends THREE.Group {
} }
} }
NextQueue.prototype.positions = [P(0, 0), P(0, -3), P(0, -6), P(0, -9), P(0, -12), P(0, -16)] NextQueue.prototype.positions = [P(0, 0), P(0, 3), P(0, 6), P(0, 9), P(0, 12)]
const GRAVITY = -20 const GRAVITY = -20
@ -763,7 +764,7 @@ manager.onProgress = function (url, itemsLoaded, itemsTotal) {
manager.onLoad = function () { manager.onLoad = function () {
restart() restart()
messagesSpan.innerHTML = "" messagesSpan.innerHTML = ""
renderer.setAnimationLoop(animate) animate()
} }
manager.onError = function (url) { manager.onError = function (url) {
messagesSpan.innerHTML = 'Erreur de chargement' messagesSpan.innerHTML = 'Erreur de chargement'
@ -778,11 +779,11 @@ const renderer = new THREE.WebGLRenderer({
}) })
renderer.setSize(window.innerWidth, window.innerHeight) renderer.setSize(window.innerWidth, window.innerHeight)
renderer.setClearColor(0x000000, 10) renderer.setClearColor(0x000000, 10)
renderer.setAnimationLoop(animate)
document.body.appendChild(renderer.domElement) document.body.appendChild(renderer.domElement)
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000) const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000)
camera.position.set(5, 0, 16) camera.position.set(5, 1, 16)
window.camera = camera
const controls = new OrbitControls(camera, renderer.domElement) const controls = new OrbitControls(camera, renderer.domElement)
controls.autoRotate controls.autoRotate
@ -794,7 +795,7 @@ controls.minPolarAngle = 0.9
controls.maxPolarAngle = 2.14 controls.maxPolarAngle = 2.14
controls.minAzimuthAngle = 0.9 - Math.PI / 2 controls.minAzimuthAngle = 0.9 - Math.PI / 2
controls.maxAzimuthAngle = 2.14 - Math.PI / 2 controls.maxAzimuthAngle = 2.14 - Math.PI / 2
controls.target = P(5, 9) controls.target = P(5, 10)
controls.update() controls.update()
controls.addEventListener("start", () => renderer.domElement.style.cursor = "grabbing") controls.addEventListener("start", () => renderer.domElement.style.cursor = "grabbing")
@ -809,11 +810,11 @@ const GLOBAL_ROTATION = 0.0025
const darkTextureRotation = 0.0006 const darkTextureRotation = 0.0006
const darkMoveForward = -0.0007 const darkMoveForward = -0.0007
const darkOpacity = 0.2 const darkOpacity = 0.3
const colorFullTextureRotation = 0.0006 const colorFullTextureRotation = 0.0006
const colorFullMoveForward = -0.0012 const colorFullMoveForward = -0.0012
const colorFullOpacity = 0.2 const colorFullOpacity = 0.3
const commonCylinderGeometry = new THREE.CylinderGeometry(25, 25, 500, 12, 1, true) const commonCylinderGeometry = new THREE.CylinderGeometry(25, 25, 500, 12, 1, true)
@ -889,12 +890,12 @@ const edge = new THREE.Mesh(
scene.add(edge) scene.add(edge)
const holdQueue = new THREE.Group() const holdQueue = new THREE.Group()
holdQueue.position.set(-4, SKYLINE - 2) holdQueue.position.set(-4, SKYLINE)
scene.add(holdQueue) scene.add(holdQueue)
const matrix = new Matrix() const matrix = new Matrix()
scene.add(matrix) scene.add(matrix)
const nextQueue = new NextQueue() const nextQueue = new NextQueue()
nextQueue.position.set(13, SKYLINE - 2) nextQueue.position.set(4, SKYLINE + 3)
scene.add(nextQueue) scene.add(nextQueue)
let ghost = new Ghost() let ghost = new Ghost()