Kayos clone


Debug mode with slow motion and collision cage visualization

Create a game like Kayos , with three js, in a few basic steps. There is one core game mechanic to recreate, avoid collision. Therefore we need a strong collision detection and proper player movement. Both are easy to implement with three js.
First, we set up a basic three js scene with a point-light and a white colored ground plane. After that we load a 3d model which was created in Blender and exported to a json format. Now we set up the level, which are 20 randomly placed cubes on the ground plane. Each of these cubes has a box collider attached to it, which will be used for a first basic collision detection. Once a collision occurs on this box collider a second more precise ray caster collision detection will detect any further collision. Finally each of these cubes is moved towards the player while on each frame a collision detection occurs.