Tag: Web
-
A green scanner effect with depth texture
I made a green scanner effect. Steps: Prepare a handsome photo. Calculate the depth value of the scene in the photo through machine learning, and get a depth texture. Write shader code to implement green scan line effect. Calculate photo scene depth Why do we need to calculate the scene depth of the photo? Because…
-
a Web+AR+AI Christmas Tree example
Last year today, I made a Christmas tree using Bender and Python: This time I tested a workflow: Export the model (Mesh) generated by the Sverchok plug-in or Python script from Blender, and then import it into the web page for rendering. By the way, the web version of machine learning face recognition is added,…
-
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 (微信小程序).…
-
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…
-
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…
-
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,…
-
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.
-
HW CEBIT – event live game [2016]
“HW CEBIT” is an interactive quiz game among live audiences in the Europe’s leading digital event: CEBIT (2016). It has three ends: – an iPad for host to control the game process.– three iPads for audiences who participated in the game.– a big screen wall for other live audience to watch the whole process and result.…
-
Wendu – H5 E-Mall [2016]
“Wendu” is an O2O shopping E-Mall, with store, club, order, shopping, event, meetup and more kinds of functions. Yidan:Prototype, UI, interactive design, visual design.Sketch, Modao. Contra:Web development.Reactjs, Nodejs, PHP, RESTful API.