Sourcecode of tutorial to control HTML GIF animation with cell phone using MaxMSP and Nodejs
A demo and tutorial to control HTML GIF animation with mobile phone using OSC + MaxMSP + Nodejs + SocketIO.
Tutorial video:
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 any other OSC controller like TouchOSC.
BugOSC now (v0.4) supports speech/voice recognition!
- MaxMSP:
Receive data from OSC controller using [udpreceive].
- Node for Max:
It is part of MaxMSP for connecting Max and Nodejs.
https://cycling74.com/articles/node-for-max-intro-%E2%80%93-let%E2%80%99s-get-started
- Animation (HTML Web GIF):
A static HTML Web page served by Nodejs.
And a GIF animation.
- SocketIO and Express
Serve the static Web page, and make Node sending data to Web page directly.
You will get the MaxMSP patch, Nodejs and HTML source code.
How to start with Node for Max?
https://cycling74.com/articles/node-for-max-intro-%E2%80%93-let%E2%80%99s-get-started
GIF author: Great Kang!
Find more works/projects/code/tutorials:
Website: https://floatbug.com
YouTube: https://youtube.com/avantcontra
Patreon: https://patreon.com/avantcontra
MaxMSP patch, Nodejs and HTML source code.