Alex-DG / vite-8thwall-three-websocket

Home Page:https://vite-8thwall-three-websocket.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ViteJS 8thwall ThreeJS Websocket

Description

  • Experimental project using 8thwall AR with ThreeJS and WebSocket
  • Live URL

How is it working?

  • on touch the cube mesh: send touch coordinates through websocket
  • websocket server code available on glitch
  • check vConsole on the client UI to see the communication

Demo

  • Prototype video: Left Screen is Client / Right Screen is Server
screen-capture.2.mp4

Setup

Run the following commands:

# Install dependencies (only the first time)
yarn

# Run the local server at localhost:8080
yarn dev

# Run the local server at your public IP address
yarn dev --host

# Build for production in the dist/ directory
yarn build

About

https://vite-8thwall-three-websocket.vercel.app/


Languages

Language:JavaScript 69.5%Language:SCSS 20.5%Language:HTML 5.9%Language:GLSL 4.1%