Speckle Hackathon - Gamify Design

Demo Site

A 3D multi-player web based game using Speckle Stream, THREE.js nodejs and Socket.IO

Load Speckle Stream in THREEjs application for custom web-based game
Easily Exchange Contents with urls from Speckle server
Socket.io to handle chat function
Use joystick to move players around
Turn on and off chat mode with button, or press hotkey F2
Works on mobile

Team

Web Developer: Chloe Sun
Content Designer: Patryk Wozniczka

Game Content Design

Generated with Grasshopper Plugin Wave Function Collapse to explore procedural content generation
Speckle Stream

Tech Stack

Run on your local machine

cd backend
# install dependencies
yarn
node app.js

Open browser at localhost:2002 to test the app