Tag: featured
-
Drawing anything with Fourier Series using Blender and Python
Recently, in the Fourier Series chapter of “Coding Druid”, I practiced the visualization of Fourier Series and demonstrated the periodic square wave curve, which can be decomposed into a series of sine wave curves: Above is Python (Blender) version. There are JavaScript (React) version, and Unity version. “Coding Druid” series is my horizontal programming practice notes, each part around a topic like mathematical, physics, electronic, graphics, sound,…
-
Using Blender to run Python and visualizing the Fourier Series
“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: Fourier SeriesSection: Python (in Blender) In this Chapter, I have visualized Fourier Series separately using JavaScript (React): and Unity: This section is Python again. Playground options In the note Sine function visualization using Python I…
-
Fourier Series Visualization Using Unity
“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: Fourier SeriesSection: Unity In the previous Chapter, I visualized Trigonometric function (Sine and Unit Circle) separately using MaxMSP, JavaScript (React), Python, and Unity: This chapter I implement Fourier Series curve visualization.And Unity this section.When it comes to…
-
Fourier Series 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: Fourier SeriesSection: Javascript (React) In the previous Chapter, I visualized Trigonometric function (Sine and unit circle) separately using MaxMSP, JavaScript (React), Python, and Unity: This chapter I implement Fourier Series curve visualization.And start with JavaScript and…
-
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…
-
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,…