Recent colors

Go to your world
Your contributions: 0/10
Your contributions: 0/10
Are you sure?
After clicking save, all additions are permanent and cannot be deleted
+1
Save!
Go to the hub
Cube delete Mode
You may remove cubes not yet permanently added
World Saved!
help
cybersprawl Logo

Cybersprawl is a digital tridimensional hub for creation and collaboration between users. Each user may have a personal world, where they can create using colored cubes.

Each user may also add up to 10 contributions to other worlds, creating a sense of collaboration and.

This is an continuously evolving space, entirely user created. you can explore other worlds, add your contributions, or just focus on your creation!

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 increasingly become altered.

It is the result of a communication design dissertation investigation, culminating in cybersprawl. You can access the dissertation here.

Thank you for all the usability testers.

Version Beta 0.9

Credits

Design and developed by Pedro Serra Pereira

Coded in JavaScript, ThreeJs and GLSL

Color Picker: iro.js

Font: Inter

Controls and information.

In the Hub

The hub shows all the worlds created

Desktop

Drag the camera

Tutorial for panning the camera inside the hub

Rotate the camera

Tutorial for rotating the camera inside the hub

Mobile

Tap and drag to move the camera

Tutorial for panning the camera inside the hub

In a World

Desktop

Left click to add a cube

Tutorial for adding a cube inside a world

Use the scroll wheel or pinch the touch pad to zoom

Tutorial for zooming the camera inside a world

Right click to rotate the camera

Tutorial for panning the camera inside a world

Mobile

Tap on the grid or on a cube to create a cube

Tutorial for creating cubes, with mobile

Pinch in or out to zoom

Tutorial for zooming the camera inside a world, with mobile

Tap and drag ouside the grid area to rotate the camera

Tutorial for rotating the camera inside a world, with mobile

Collaboration and contributions

When entering another world, you may place up to 10 cubes, instead of the much larger amount on your personal world. You can try to "complete" or change up the other user's world!

Tutorial for panning the camera inside the hub
Tutorial for rotating the camera inside the hub
Tutorial for panning the camera inside the hub
Tutorial for creating cubes inside the world
Tutorial for zooming the camera inside a world
Tutorial for rotating the camera inside a world
Tutorial for creating cubes inside the world
Tutorial for rotating the camera inside the hub