No edit summary |
|||
| (18 intermediate revisions by one other user not shown) | |||
| Line 3: | Line 3: | ||
== Codepen Homework Week 3.1== | == Codepen Homework Week 3.1== | ||
[https://codepen.io/esdem/pen/VPqReQ Random distribution ] | [https://codepen.io/esdem/pen/VPqReQ Random distribution ] | ||
Random distribution function with P5.js in these example you can control (by mouse) curves with randomness <br> | Random distribution function with P5.js in these example you can control (by mouse) curves with randomness. <br> | ||
[[Image: image22.png|400px|thumb|left]]<br> | [[Image: image22.png|400px|thumb|left]]<br> | ||
| Line 12: | Line 12: | ||
== Codepen Homework Week 3.2== | == Codepen Homework Week 3.2== | ||
[https://codepen.io/esdem/pen/LxMWwp]<br> | [https://codepen.io/esdem/pen/LxMWwp Source of randomness] <br> | ||
[[Image:homework32.png|400px|thumb|left]]<br> | [[Image:homework32.png|400px|thumb|left]]<br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 18: | 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 24: | 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 30: | 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 36: | 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 42: | 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 48: | 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 54: | 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 60: | 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)
