EsraDemirel: Difference between revisions

From Medien Wiki
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>


== Codepen Homework Week 3.1==  
== Semester Project~ PARTICLE==  
[https://codepen.io/esdem/pen/VPqReQ Random distribution function with P5.js ]<br>
[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: image55.png|400px|thumb|left]]<br>
[[Image:image010203.png|400px|thumb|left]]<br>
 
<br style="clear:both;">
<br style="clear:both;">
<br>
<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