No edit summary |
No edit summary |
||
| (16 intermediate revisions by one other user not shown) | |||
| Line 12: | Line 12: | ||
== Codepen Homework Week 3.2== | == Codepen Homework Week 3.2== | ||
[https://codepen.io/esdem/pen/LxMWwp | [https://codepen.io/esdem/pen/LxMWwp Source of randomness] <br> | ||
Source of randomness | |||
[[Image:homework32.png|400px|thumb|left]]<br> | [[Image:homework32.png|400px|thumb|left]]<br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 19: | Line 18: | ||
== Codepen Homework Week 4== | == Codepen Homework Week 4== | ||
[https://codepen.io/esdem/pen/xgmLNK]<br> | [https://codepen.io/esdem/pen/xgmLNK Turtle Walk] These turtle walk creates a pattern.<br> | ||
[[Image:homework4.png|400px|thumb|left]]<br> | [[Image:homework4.png|400px|thumb|left]]<br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 25: | Line 24: | ||
== Codepen Homework Week 5.1== | == Codepen Homework Week 5.1== | ||
[https://codepen.io/esdem/pen/oYopXq]<br> | [https://codepen.io/esdem/pen/oYopXq Fractal] it is kind of Koch snowflake fractal model and controlled by mouse.<br> | ||
[[Image:homework51.png|400px|thumb|left]]<br> | [[Image:homework51.png|400px|thumb|left]]<br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 31: | Line 30: | ||
== Codepen Homework Week 5.2== | == Codepen Homework Week 5.2== | ||
[https://codepen.io/esdem/pen/rWJYNq]<br> | [https://codepen.io/esdem/pen/rWJYNq Recursive Fractal ] L system Koch Curve<br> | ||
[[Image:image1.png|400px|thumb|left]]<br> | [[Image:image1.png|400px|thumb|left]]<br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 37: | Line 36: | ||
== Codepen Homework Week 6-7 == | == Codepen Homework Week 6-7 == | ||
[https://codepen.io/esdem/pen/rjQdzG]<br> | [https://codepen.io/esdem/pen/rjQdzG Braitenberg Vehicles] With image load function it has image and Braitenberg Vehicles<br> | ||
[[Image:homework67.png|400px|thumb|left]]<br> | [[Image:homework67.png|400px|thumb|left]]<br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 43: | Line 42: | ||
== Codepen Homework Week 10== | == Codepen Homework Week 10== | ||
[https://codepen.io/esdem/pen/RKEjjE]<br> | [https://codepen.io/esdem/pen/RKEjjE Magnetic field] This magnetic field is disappears with mouse interaction!<br> | ||
[[Image:homework10.png|400px|thumb|left]]<br> | [[Image:homework10.png|400px|thumb|left]]<br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 49: | Line 48: | ||
== Codepen Homework Week 11-12== | == Codepen Homework Week 11-12== | ||
[https://codepen.io/esdem/pen/JEeNxr]<br> | [https://codepen.io/esdem/pen/JEeNxr Sound Visualization] Visualization with three function drawLevel, drawWaveform and drawFFT <br> | ||
[[Image:homework1112.png|400px|thumb|left]]<br> | [[Image:homework1112.png|400px|thumb|left]]<br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 55: | Line 54: | ||
== Codepen parabola example== | == Codepen parabola example== | ||
[http://codepen.io/esdem/pen/QdzPLK]<br> | [http://codepen.io/esdem/pen/QdzPLK Parabola example] One of the lecture we did and it creates parabolas<br> | ||
[[Image:image13.png|400px|thumb|left]]<br> | [[Image:image13.png|400px|thumb|left]]<br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 61: | Line 60: | ||
== Codepen ball parabola example== | == Codepen ball parabola example== | ||
[http://codepen.io/esdem/pen/wgRZWG]<br> | [http://codepen.io/esdem/pen/wgRZWG Parabola spiral Ball] Sound is implemented inside the parabola ball code<br> | ||
[[Image:image14.png|400px|thumb|left]]<br> | [[Image:image14.png|400px|thumb|left]]<br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
<br> | <br> | ||
== | == Semester Project~ PARTICLE== | ||
[ | [http://codepen.io/esdem/full/JWdjKJ/ Particle] Creating magnetic field with particles. In addition to these accordingly particles producing sound oscillator affect with amplitude and fft. (Work in progress) <br> | ||
[[Image: | [[Image:image010203.png|400px|thumb|left]]<br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
<br> | <br> | ||
Latest revision as of 15:24, 27 February 2017
Codepen Homework Week 3.1
Random distribution
Random distribution function with P5.js in these example you can control (by mouse) curves with randomness.
Codepen Homework Week 3.2
Codepen Homework Week 4
Turtle Walk These turtle walk creates a pattern.
Codepen Homework Week 5.1
Fractal it is kind of Koch snowflake fractal model and controlled by mouse.
Codepen Homework Week 5.2
Recursive Fractal L system Koch Curve
Codepen Homework Week 6-7
Braitenberg Vehicles With image load function it has image and Braitenberg Vehicles
Codepen Homework Week 10
Magnetic field This magnetic field is disappears with mouse interaction!
Codepen Homework Week 11-12
Sound Visualization Visualization with three function drawLevel, drawWaveform and drawFFT
Codepen parabola example
Parabola example One of the lecture we did and it creates parabolas
Codepen ball parabola example
Parabola spiral Ball Sound is implemented inside the parabola ball code
Semester Project~ PARTICLE
Particle Creating magnetic field with particles. In addition to these accordingly particles producing sound oscillator affect with amplitude and fft. (Work in progress)
