149
edits
| No edit summary | |||
| (28 intermediate revisions by 2 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: | [[Image:homework4.png|400px|thumb|left]]<br> | ||
| <br style="clear:both;"> | <br style="clear:both;"> | ||
| <br> | <br> | ||
| == 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> | ||
edits