Transmitting OSC data via WebSocket

Sometimes I meet situations where I need OSC but cannot use UDP.  Such as sending OSC message from browser-based p5js to Processing / MaxMSP / Unity.And I’m developing a OSC controller called BugOSC. It is a WeChat Mini Program, which also does not support UDP. However, although the web guys usually don’t support UDP, they support WebSocket – another network transmission protocol. So I built some examples about transmitting OSC data through

p5.we – develop WeChat Mini Game using p5.js

p5.js is a wonderful JavaScript library that starts with the original goal of the also wonderful Processing. p5.we is a boilerplate to develop Wechat Mini Game (微信小游戏) using p5.js. What is WeChat: WeChat is more than a messaging and social media app – it is a lifestyle for one billion users across the world. What is WeChat Mini Game: The Mini Game is a brand new game application developed on

Max QRCode Generator

“Node for Max” is a new future of Max8. Official introduction and tutorial:“With support for the vast NPM library, Node for Max connects your patches to thousands of possibilities.” Easy to use:In Max: use [node script] object.In js: I made a QRCode generator using Node for Max: Max patch and NodeJS source code download:

BSQ – interactive wall [2018]

“BSQ” is an interactive LED wall in a clubhouse near “West Lake” of Hangzhou, China.  In the video, “Qiantang River” was crossing the city. The modern building will transform to ancient architecture when touched by people. If someone walks along the wall, some wave will follow him. The background sound also reacts to people’s interaction. The project used two HOKUYO URG-10LX Scanning Laser Rangefinders, one for multi-touch, and another for tracking people’s position.  About

DD – data visualization [2017]

“DD” is a smart taxi distribution system like Uber.  Its data has complicated multiple dimensions, such as TPH, Deal Rate, Distance, Guided or Unguided Rate, Requests/Drivers Rate, Coordinate, Time, etc.We designed and developed the data visualization. The map area is setup at Shanghai China. Yidan:Data analysis, data visualization design, UI.Sketch, Cinema 4D. Contra:Raw data parser, data visualization development.React, WebGL, D3js, mapbox, python.