No edit summary |
|||
| (37 intermediate revisions by 3 users not shown) | |||
| Line 2: | Line 2: | ||
== Codepen Homework Week 3.1== | == Codepen Homework Week 3.1== | ||
[https://codepen.io/esdem/pen/VPqReQ]<br> | [https://codepen.io/esdem/pen/VPqReQ Random distribution ] | ||
[[Image: | 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> | |||
<br style="clear:both;"> | <br style="clear:both;"> | ||
<br> | <br> | ||
| Line 10: | 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 16: | 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 22: | 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 28: | 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 34: | 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 40: | 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: | [[Image:homework10.png|400px|thumb|left]]<br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
<br> | <br> | ||
== Codepen Homework Week 11-12== | == Codepen Homework Week 11-12== | ||
[ | [https://codepen.io/esdem/pen/JEeNxr Sound Visualization] Visualization with three function drawLevel, drawWaveform and drawFFT <br> | ||
[[Image: | [[Image:homework1112.png|400px|thumb|left]]<br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
<br> | <br> | ||
== 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 58: | 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> | |||
== 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: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)
