Beumer
Interactive 3D demo of a conveyor system with parcels that you can rotate, zoom and click on, with BEUMER Group as the example.
- Role
- 3D and web development
- Tools
Three.js
Claude Code
- Technology
- WebGL / physics
- Format
- Interactive, runs live in the browser
About the demo
The demo shows a conveyor system for parcels in 3D. From an inclined feed belt, cardboard boxes drop onto a main belt, pass through a scanner gate and at the end drop into a collection bin. When a parcel passes the scanner, the laser changes from red to green. It is my own demo and a proof of concept in WebGL with BEUMER Group as the example. BEUMER Group did not commission it.
My role
The design and logic of the system are mine, and the code was made with Claude Code following my instructions. I decided how the system should look, from the feed belt via the scanner to the collection bin, and how it behaves: the parcels fall, the laser changes colour when a parcel is scanned, and the motor can be stopped and started. Afterwards I refined how the parcels fall and look until the system seemed believable.
Technology
The demo runs in the browser with WebGL and downloads about 0.5 MB. Three.js draws the scene, the physics engine cannon-es controls how the parcels fall, and tween.js handles the short animations. The demo loads no 3D models or external data. The system, the parcels and the textures on cardboard, tape, shipping labels and concrete floor are drawn in the code. You rotate the camera by dragging and zoom with the mouse wheel or with two fingers. A click or tap on a parcel lifts it briefly and gives it a red outline. One button stops and starts the motor, another lifts the parcels one at a time, and the demo can also be controlled with the keyboard. The texts are available in Danish and English.
How the physics works
Each parcel switches between two states. On the belts it is moved precisely by the code, so it follows the belt without sliding or shaking. When it runs over an edge, the physics engine cannon-es takes over, and the parcel keeps its speed and falls with gravity and friction onto the main belt or into the bin. After five seconds in the bin it fades out and is put back in the queue at the feed belt. The demo therefore runs with the same ten parcels and does not get heavier the longer it runs.