EsraDemirel: Difference between revisions

From Medien Wiki
No edit summary
 
(26 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: image01003.png|left]] <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>
 
<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:Image22.png|400px|thumb|left]]<br>
[[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:homework10.png|400px|thumb|left]]<br>
[[Image:homework10.png|400px|thumb|left]]<br>
<br style="clear:both;">
<br style="clear:both;">
Line 46: Line 48:


== Codepen Homework Week 11-12==  
== Codepen Homework Week 11-12==  
[http://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 52: 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 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.

Image22.png





Codepen Homework Week 3.2

Source of randomness

Homework32.png




Codepen Homework Week 4

Turtle Walk These turtle walk creates a pattern.

Homework4.png




Codepen Homework Week 5.1

Fractal it is kind of Koch snowflake fractal model and controlled by mouse.

Homework51.png




Codepen Homework Week 5.2

Recursive Fractal L system Koch Curve

Image1.png




Codepen Homework Week 6-7

Braitenberg Vehicles With image load function it has image and Braitenberg Vehicles

Homework67.png




Codepen Homework Week 10

Magnetic field This magnetic field is disappears with mouse interaction!

Homework10.png




Codepen Homework Week 11-12

Sound Visualization Visualization with three function drawLevel, drawWaveform and drawFFT

Homework1112.png




Codepen parabola example

Parabola example One of the lecture we did and it creates parabolas

Image13.png




Codepen ball parabola example

Parabola spiral Ball Sound is implemented inside the parabola ball code

Image14.png




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)

Image010203.png