Author: Contra

  • Sine function visualization using Python

    “Coding Druid” series is my horizontal programming practice notes, each part around a topic like mathematical, physics, electronic, graphics, sound, etc., implemented in several programming languages. Coding DruidPart: MathChapter: Trigonometric FunctionSection: Python In the previous two sections, I visualized Trigonometric function (Sine and unit circle) by MaxMSP and JavaScript (React): Trigonometric Function Visualization Using MaxMSP Sine Function Visualization…

  • Sine function visualization using React Hooks

    “Coding Druid” series is my horizontal programming practice notes, each part around a topic like mathematical, physics, electronic, graphics, sound, etc., implemented in several programming languages. Coding DruidPart: MathChapter: Trigonometric FunctionSection: Javascript (React) In the previous section, I visualized Trigonometric function (Sine and unit circle) by MaxMSP: Trigonometric Function Visualization Using MaxMSP — “Coding Druid” This time I use javascript…

  • Trigonometric function visualization using MaxMSP — “Coding Druid”

    “Coding Druid” series is my horizontal programming practice notes, each part around a topic like mathematical, physics, electronic, graphics, sound, etc., implemented in several programming languages. Mathematics In the principle of not digging holes for yourself, I start from a (maybe) simple theory, the trigonometric function of junior high school mathematics. Trigonometric function In mathematics, the trigonometric functions…

  • 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…

  • 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…

  • 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…

  • 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.”https://www.youtube.com/watch?v=PmyPdmujYQQhttps://www.youtube.com/watch?v=qSZH6fjOcXE 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:https://www.patreon.com/posts/24123843

  • 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…

  • SOS – interactive wall [2018]

    “SOS” is an interactive LED wall in a night club in Shanghai, China. If someone walks along the wall, some halo will follow him. The background stripe color will reacts to the live music tempo. The project used one HOKUYO URG-10LX Scanning Laser Rangefinders for tracking people’s position. About software, the visual content created in…

  • AI笔记之 —— MacBook Pro + 外置显卡 + Ubuntu 安装

    最近在年老体强的 2011 MacBook Pro 上,成功搭建了 Ubuntu 下的 TensorFlow 环境,本文先记录 MacBook Pro + 外置显卡 + Ubuntu 的安装。 安装环境 硬件环境: 2011 early MacBook Pro  更换了 SSD 硬盘 更换了 16G DDR3 内存 自带雷电 Thunderbolt 1 接口 外置显卡盒子 AKiTiO Node -Thunderbolt 3 GeForce GTX 1050Ti 4G 雷电 1/2 -> 雷电 3 转接头 U盘 软件环境: Ubuntu 17.10.1 Desktop AMD 64…