Recent colors
Cybersprawl is an online digital 3D space for creation and collaboration between users. Each user may have their personal world, using colored cubes to create and fill that world.
This is an continuously evolving space, entirely user created. You can explore other worlds, add your contributions to those worlds, or just focus on your creations!
This project explores the theme of escapism inside the digital medium, and reflects the personal space each person has to create, customize, live in and see it become increasingly altered. It is the result of a Communication's Design dissertation, culminating in Cybersprawl.
A big thank you for all the usability testers and everyone who supported the conception of Cybersprawl. I also appreciate all the participants and I'm eager to see all your creations.
Version Release 1.2 | September 2025
Design and developed by Pedro Serra Pereira
Coded in HTML/CSS, JavaScript, ThreeJs (with GSAP) and GLSL.
Color Picker: iro.js
Font: Inter
Controls and information.
The hub shows all the worlds created
Drag the camera
Rotate the camera
Tap and drag to move the camera
Left click to add a cube
Use the scroll wheel or pinch the touch pad to zoom
Right click to rotate the camera
Tap on the grid or on a cube to create a cube
Pinch in or out to zoom
Tap and drag ouside the grid area to rotate the camera
When entering another world, you may place up to 10 cubes. You can try to "complete" or change up the other user's world!
