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

• three.js
• node.js
• socket.io
• speckle

Run on your local machine

cd backend
# install dependencies
yarn
node app.js

Open browser at localhost:2002 to test the app