Tutorial to voice control HTML GIF animation with mobile phone using MaxMSP and Nodejs

A demo and tutorial to voice control HTML GIF animation with mobile phone using OSC + MaxMSP + Nodejs + SocketIO. Source code: https://gum.co/whmyz https://www.patreon.com/posts/35323161 The data flow: OSC controller —- MaxMSP —- Node for Max —- Animation (HTML Web GIF) OSC controller: BugOSC, an OSC controller I developed based of Wechat mini program (微信小程序). You should install wechat firstly and then search “BugOSC” in it. Or you can use

How to use phone dial tone as an interaction controller, and decode DTMF signals

The first article in 2020, accidentally picked an Old School topic. There was a section in 名探偵コナン 戦慄の楽譜フルスコア(Detective Conan:Full Score of Fear), released ten years ago. Konan was standing in the middle of the water. First, a world wave shot down the phone receiver on the shore, then closed his eyes and shouted loudly. 110 alarm calls were broadcast remotely. This time I will talk about how to use sound

CROSSING – Creative Web App for the film[2019]

“过春天 The Crossing” is an awards-winning movie, directed by Bai Xue.The film has a poster created by an artist Lu Zhengyuan.We built a creative Web App for the poster and film. “The Crossing” (painting) hopes to express the resonance of the film by creating a sense of time and space overlap and an imminent shift in behavior. First draw the running Peipei, the color picture, the speed of the strokes

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.

SCIENTIFIC – website [2017]

“SCIENTIFIC LAB“, just another cool company with cool product.We build website for them. Yidan:Logo, icon and web design.Sketch, Photoshop. Contra:Website development and server operation.Drupal.