1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135 | import { PerspectiveCamera, Scene, WebGLRenderer, Vector3 } from 'three'
import UI from './UI'
import Player from './Player'
import Environment from './Environment'
import RAPIER, { World, EventQueue } from '@dimforge/rapier3d-compat'
import RapierDebugRenderer from './RapierDebugRenderer'
import { GUI } from 'three/addons/libs/lil-gui.module.min.js'
import Start from './Start'
import Platform from './Platform'
import Finish from './Finish'
import Spinner from './Spinner'
import Pendulum from './Pendulum'
export default class Game {
scene: Scene
camera: PerspectiveCamera
renderer: WebGLRenderer
ui: UI
player?: Player
world?: World
rapierDebugRenderer?: RapierDebugRenderer
eventQueue?: EventQueue
finish?: Finish
spinners: Spinner[] = []
pendulums: Pendulum[] = []
constructor(scene: Scene, camera: PerspectiveCamera, renderer: WebGLRenderer) {
this.scene = scene
this.camera = camera
this.renderer = renderer
this.ui = new UI(this.renderer)
}
async init() {
await RAPIER.init() // This line is only needed if using the compat version
const gravity = new Vector3(0.0, -9.81, 0.0)
this.world = new World(gravity)
this.eventQueue = new EventQueue(true)
this.rapierDebugRenderer = new RapierDebugRenderer(this.scene, this.world)
this.rapierDebugRenderer.enabled = false
const gui = new GUI()
gui.add(this.rapierDebugRenderer, 'enabled').name('Rapier Degug Renderer')
new Start(this.scene, this.world, [0, -0.5, 0])
// new Platform(this.scene, this.world, [1, 0.1, 2], [0, 0, 6])
// new Platform(this.scene, this.world, [2.5, 0.1, 1], [3, 0.25, 6])
// new Platform(this.scene, this.world, [2, 0.1, 1], [6, 1, 6])
// new Platform(this.scene, this.world, [0.25, 0.1, 4.5], [6, 2, 2.25])
// new Platform(this.scene, this.world, [4, 0.1, 5], [6, 2, -3])
// this.spinners.push(new Spinner(this.scene, this.world, [6, 2.8, -3]))
// new Platform(this.scene, this.world, [1, 0.1, 2], [6.25, 2.5, -7.5])
// new Platform(this.scene, this.world, [4, 0.1, 4], [2.5, 3, -8])
// this.spinners.push(new Spinner(this.scene, this.world, [2.5, 3.8, -8]))
// new Platform(this.scene, this.world, [1, 0.1, 2.75], [1.5, 3.75, -3.25], [-Math.PI / 8, 0, 0])
// new Platform(this.scene, this.world, [6, 0.1, 1], [-1, 4.5, -1])
// this.pendulums.push(new Pendulum(this.scene, this.world, [0, 8, -1]))
// this.pendulums.push(new Pendulum(this.scene, this.world, [-2, 8, -1]))
// new Platform(this.scene, this.world, [1.5, 0.1, 8], [-5.5, 4.5, 4.5], [0, 0, -Math.PI / 8])
// this.pendulums.push(new Pendulum(this.scene, this.world, [-5, 8, 2.5], Math.PI / 2))
// this.pendulums.push(new Pendulum(this.scene, this.world, [-5, 8, 5], Math.PI / 2))
// this.finish = new Finish(this.scene, this.world, [0, 4.0, 10])
this.player = new Player(this.scene, this.camera, this.renderer, this.world, [0, 0.1, 0], this.ui)
await this.player.init()
const environment = new Environment(this.scene)
await environment.init()
environment.light.target = this.player.followTarget
this.ui.show()
}
update(delta: number) {
this.spinners.forEach((s) => {
s.update(delta)
})
;(this.world as World).timestep = Math.min(delta, 0.1)
this.world?.step(this.eventQueue)
this.eventQueue?.drainCollisionEvents((handle1, handle2, started) => {
if (started) {
// if we land on the finish platform
if ([handle1, handle2].includes(this.finish?.handle as number)) {
this.ui.showLevelCompleted()
}
}
// exclude spinner collisions from player grounded check
let hitSpinner = false
this.spinners.forEach((s) => {
// each spinner tracks a handle for one body only
if ([handle1, handle2].includes(s.handle)) {
hitSpinner = true
}
})
// exclude pendulums collisions from player grounded check
let hitPendulum = false
this.pendulums.forEach((p) => {
// each pendulum tracks the handles of the two lowest ball bodies
if (p.handles.some((h) => [handle1, handle2].includes(h))) {
hitPendulum = true
}
})
if (!hitSpinner && !hitPendulum) {
this.player?.setGrounded(started)
}
})
this.player?.update(delta)
this.finish?.update(delta)
this.pendulums.forEach((p) => {
p.update()
})
this.rapierDebugRenderer?.update()
}
}
|
