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.

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. Yidan:Prototype design, UI and visual design.Sketch. Contra:Development.React, Nodejs.