Draw

Hi! This is a playground for remote controlling different types of web content.

It's written in TypeScript and Vue.js/Nuxt, and uses peer-to-peer connections via WebSockets for controlling the input. It runs on DigitalOcean, proxied by an nginx webserver.

The renderers linked below use various libraries for client side rendering, e.g. Three.js, p5.js or simple SVG + CSS.

For setting the input values, you can either change them directly in the browser, or connect your mobile device via the shown QR code. It's possible to control the input by specific MIDI devices (Web MIDI API) and audio input (Web Audio API) as well, even though it looks best for only some of them (like "Remote Sky", "Object" and "Wave").

As most of the 3D rendering logic is not performance optimized, this is considered desktop only right now.

Ink

Digital text thrasher.
  • SVG
  • CSS

Remote Sky

Create your own planet.
  • p5.js

Beton

Build your own Plattenbau.
  • Three.js

Object

Shiny pyramid stuff.
  • Three.js

Wave

Many lines form a wave.
  • Three.js

GitHub

Check out the repo on GitHub.