Get In Touch
Contact
,

Work Inquiries
Contact
,

openSketch

Collaborative sketching application for animation

Task

Build a lightweight, open source, multiuser, browser-based application for quick sketches and animations

  • Strategy

    Tool Building

  • Design

    UI/UX + Motion

  • Client

    Open Source

  • Methods

    Javascript

Challenge

Collaborative vector sketches in the browser

openSketch is an open source framework for building multiuser, web based drawing and animation applications. It is built with JavaScript using node.js, server.js, p5.js, and socket.io. It is hosted through Glitch.com. Try it out in the window below.

openSketch © 2022 by Mark Franz is licensed under CC BY-NC-SA 4.0

Approaches

Modular Design

openSketch provides modules that users can use to create, adapt, and refine collaborative browser-based applications. It includes a basic user interface for for adjusting parameters and executing functions such as downloading an .svg file. Using web sockets, it allows for bidirectional, low-latency communication with a simple web server. The opensketch framework can be used for a wide range of functional or  creative coding applications such as art installations, animation, texting, drawing, social media, or games.

Explore

Read more about some of the tools used for this project

Let’s collaborate

Send me an email to
discuss a new project.

Looking forward to solving more design problems through research, iteration, and user centered approaches.

Back

We use cookies to give you the best experience. Cookie Policy