Toyblocks Game

When I became aware of THREE.JS, I noticed that most of the examples you can find on the web are either vehicle games, or applications where you can move around in a scenery, or simply shooting games. That was the motivation for me to create a game where something can be built up. The classic building blocks came to mind. These are simple geometric bodies that can be used to create imaginative arrangements. And when round bodies such as cylinders and spheres are used, movement can come into play. There is plenty of scope for ideas.

What is done with the mouse: Move the virtual camera: keep the left mouse button pressed. Zoom: with the mouse wheel. Activate a toy: click on the desired toy with the mouse, the toy appears. Move a toy: move and place the toy with the left mouse button pressed - the shadow of the toy helps with placement.

What is done with keyboard keys: The toys can be rotated: with the keyboard keys Q - W - E the toys can be rotated in the axes X - Y - Z. Place the mouse cursor on the toy, keep W constantly pressed while moving the mouse over the toy, a red semicircular line appears, now the toy can be rotated in Y with the mouse.

The Toyblocks Game was created by Josef Rau with the wonderful support of all the amazing people on the world wide web sharing their knowledge.

Toyblocks Game

When I became aware of THREE.JS, I noticed that most of the examples you can find on the web are either vehicle games, or applications where you can move around in a scenery, or simply shooting games. That was the motivation for me to create a game where something can be built up. The classic building blocks came to mind. These are simple geometric bodies that can be used to create imaginative arrangements. And when round bodies such as cylinders and spheres are used, movement can come into play. There is plenty of scope for ideas.

The virtual camera can be rotated with one finger. Zoom with two fingers moving apart. Pan function with two fingers moving in parallel. Activate a toy with a tap on a toy. Move a toy and place the toy with one finger. The shadow helps with placement.

The narrow cylinder and the board can be rotated in the Y-axis. Activate the "Rotate" button, move your finger over the toy until a red semicircular line can be seen, now the toy can be rotated in Y with your finger. The rotation can be deactivated again.

The Toyblocks Game was created by Josef Rau with the wonderful support of all the amazing people on the world wide web sharing their knowledge. Special thanks to Sean Bradley, I learned the most from him.

You can rotate the toy in the X axis.
You can rotate the toy in the Y axis.
You can rotate the toy in the Z axis.