# coding-druid

**Repository Path**: davylw/coding-druid

## Basic Information

- **Project Name**: coding-druid
- **Description**: "Coding Druid" series is my horizontal programming practice notes, each part around a topic (mathematical physics electronic graphics sound...), implemented in several programming languages.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-02-17
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Intro
**"Coding Druid"** series is my **horizontal programming** practice notes, each part around a topic (mathematical physics electronic graphics sound...), implemented in several programming languages.

# Articles:

- English:
    - https://www.floatbug.com/experimental-programming/coding-druid/
    - https://medium.com/@contra

- 中文版/Chinese:
    - 微信公众号/知乎专栏：[实验编程](https://zhuanlan.zhihu.com/floatlab)

# Source code

## 01-Math-Trig-Function
Trigonometric function (Sine) visualization. 

**Click the text link** to see each language implemented.

- [MaxMSP](https://github.com/avantcontra/coding-druid/tree/master/01-Math-Trig-Function/maxmsp)

    <img src="http://floatcc.intplusplus.org/trig-max-visualization.gif" alt="trig-max-visualization" width="200">

- [JavaScript/React](https://github.com/avantcontra/coding-druid/tree/master/01-Math-Trig-Function/sine-js-react)

    <img src="http://floatcc.intplusplus.org/sine-visualization-reactjs.gif" alt="sine-visualization-reactjs" width="200">
     Forked one, refactoring using React Hooks

- [Python](https://github.com/avantcontra/coding-druid/tree/master/01-Math-Trig-Function/sine-python)

    <img src="http://floatcc.intplusplus.org/sine-py-effect-0.gif" alt="sine-visualization-reactjs" width="200">

- [Unity3D](https://github.com/avantcontra/coding-druid/tree/master/01-Math-Trig-Function/sine-unity)

    <img src="http://floatcc.intplusplus.org/sine-unity-optimize.gif" alt="sine-visualization-reactjs" width="200">
    
## 02-Math-Fourier-Series
Fourier Series visualization.
- [JavaScript/React](https://github.com/avantcontra/coding-druid/tree/master/02-Math-Fourier-Series/fourier-series-js-react)

    <img src="http://floatcc.intplusplus.org/fs-js-5.gif" alt="sine-visualization-reactjs" width="200">
    Fourier Series Visualization Using SVG and React Hooks.
    
- [Unity](https://github.com/avantcontra/coding-druid/tree/master/02-Math-Fourier-Series/fourier-series-unity)

    <img src="http://floatcc.intplusplus.org/fs-unity-4-short-2m.gif" alt="Fourier-Series-visualization-unity" width="200">
    Fourier Series Visualization Using Unity.
    
- [Blender + Python](https://github.com/avantcontra/coding-druid/tree/master/02-Math-Fourier-Series/fourier-series-python-blender)
 
    <img src="http://floatcc.intplusplus.org/fs-blender-short.gif" alt="Fourier-Series-visualization-blender-python" width="200">
    Fourier Series Visualization Using Blender + Python.
  
----


Cheers~

Contra

- patreon (**buy me a coffee** XD): [avantcontra](https://www.patreon.com/avantcontra)
- website: [floatbug.com](https://www.floatbug.com)
- facebook: [avantcontra](https://facebook.com/avantcontra)
- twitter: [avantcontra](https://twitter.com/avantcontra)
- 微信公众号/知乎专栏：[实验编程](https://zhuanlan.zhihu.com/floatlab)