example-student-7-9 [Renick Bell]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Example Student, 7th Grade to 9th Grade Progression ======

===== 7th grade, 2nd Semester =====

<HTML>
<iframe src="https://editor.p5js.org/renick/present/4Ms7Uqxek" width=99% height=799px></iframe>
</HTML>

===== 8th grade, 1st Semester =====

<HTML>
<iframe src="https://editor.p5js.org/renick/full/VjmbBX1R6" width=100% height=844px></iframe>
</HTML>

===== 8th grade, 2nd Semester =====

<HTML>
<iframe width="100%" height="1800" src="//jsfiddle.net/linzoey/e6nzvkph/191/embedded/result,js/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
</HTML>

===== 9th grade, 1st Semester =====

====Exciting Electricity: Balance====
<HTML> 
<iframe width="100%" height="500" src="//jsfiddle.net/linzoey/aos3jnkq/202/embedded/result,js/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
</HTML>

====sketches of destressing images(forest)====
<HTML>
<iframe width="100%" height="500" src="//jsfiddle.net/linzoey/safq672h/67/embedded/result,js,css/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
</HTML>

====sketches of destressing images(fish)====
<HTML>
<iframe width="100%" height="500" src="//jsfiddle.net/linzoey/7sbqzge2/58/embedded/result,js,css/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
</HTML>

====sketches of destressing images(flowers)====
<HTML>
<iframe width="100%" height="500" src="//jsfiddle.net/linzoey/rL9uf8zt/29/embedded/result,js,css/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
</HTML>

====hydra sketch 1====
**Try to move your mouse**

<code>
voronoi(1000,1,1)
  .mult(osc(50,-0.1,8).kaleid(4))
  .modulate(o0, () => mouse.x * 0.0003)
  .out(o0)
</code>

<HTML>
<iframe
src = "https://hydra.ojack.xyz/?code=dm9yb25vaSgxMDAwJTJDMSUyQzEpJTBBJTIwJTIwLm11bHQob3NjKDUwJTJDLTAuMSUyQzgpLmthbGVpZCg0KSklMEElMjAlMjAubW9kdWxhdGUobzAlMkMlMjAoKSUyMCUzRCUzRSUyMG1vdXNlLnglMjAqJTIwMC4wMDAzKSUwQSUyMCUyMC5vdXQobzAp" width = "100%" height = "600">
</iframe>
</HTML>

====hydra sketch 2====

<code>
osc(50, -0.1, 10)
	.kaleid(100)
	.repeat(8, 5)
	.out()
</code>

<HTML>
<iframe
src = "https://hydra.ojack.xyz/?code=b3NjKDUwJTJDJTIwLTAuMSUyQyUyMDEwKSUwQSUwOS5rYWxlaWQoMTAwKSUwQSUwOS5yZXBlYXQoOCUyQyUyMDUpJTBBJTA5Lm91dCgp" width = "100%" height = "600">
</iframe>
</HTML>

====hydra sketch 3====

<code>
noise(10, 1) 
  .modulateScrollY(osc(50),0.1,0)
  .rotate( () => time%10 )
  .out(o0)
</code>

<HTML>
<iframe
src = "https://hydra.ojack.xyz/?code=bm9pc2UoMTAlMkMlMjAxKSUyMCUwQSUyMCUyMC5tb2R1bGF0ZVNjcm9sbFkob3NjKDUwKSUyQzAuMSUyQzApJTBBJTIwJTIwLnJvdGF0ZSglMjAoKSUyMCUzRCUzRSUyMHRpbWUlMjUxMCUyMCklMEElMjAlMjAub3V0KG8wKQ%3D%3D" width = "100%" height = "600">
</iframe>
</HTML>

====hydra sketch 4====
**just move your mouse**

<code>
osc(5,1,25).color(1,0.5,1).rotate(0, 0.9).kaleid().repeat()
  .scroll(
  () => -mouse.x / width,
  () => -mouse.y / height)
  .out(o0)
</code>

<HTML>
<iframe
src = "https://hydra.ojack.xyz/?code=b3NjKDUlMkMxJTJDMjUpLmNvbG9yKDElMkMwLjUlMkMxKS5yb3RhdGUoMCUyQyUyMDAuOSkua2FsZWlkKCkucmVwZWF0KCklMEElMjAlMjAuc2Nyb2xsKCUwQSUyMCUyMCgpJTIwJTNEJTNFJTIwLW1vdXNlLnglMjAlMkYlMjB3aWR0aCUyQyUwQSUyMCUyMCgpJTIwJTNEJTNFJTIwLW1vdXNlLnklMjAlMkYlMjBoZWlnaHQpJTBBJTIwJTIwLm91dChvMCk%3D" width = "100%" height = "600">
</iframe>
</HTML>

====hydra sketch 5====
**just move your mouse**

<code>
noise([400,200,100,50,25,10].fast(10))
  .color(2,0.7,2)
  .invert([0,1])
  .out(o0)
</code>

<HTML>
<iframe
src = "https://hydra.ojack.xyz/?code=bm9pc2UoJTVCNDAwJTJDMjAwJTJDMTAwJTJDNTAlMkMyNSUyQzEwJTVELmZhc3QoMTApKSUwQSUyMCUyMC5jb2xvcigyJTJDMC43JTJDMiklMEElMjAlMjAuaW52ZXJ0KCU1QjAlMkMxJTVEKSUwQSUyMCUyMC5vdXQobzApJTBB" width = "100%" height = "600">
</iframe>
</HTML>

<html><iframe width="560" height="315" src="https://www.youtube.com/embed/foooDiK4X80" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></html>

====Arduino Circuits====
{{:zoey-test_arduino.jpg?400|}}

<HTML><iframe width="560" height="315" src="https://www.youtube.com/embed/DTBFIZS_JsU?start=5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></HTML>

===== 9th grade, 2nd Semester =====

<HTML>
<iframe width="100%" height="1000" src="//jsfiddle.net/linzoey/2swpkbmz/65/embedded/result,js,css/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
</HTML>

<html><iframe width="840" height="472.5" src="https://www.youtube.com/embed/ppoelyC-y-g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></html>
====photo manipulation with code====
{{zoey-jimp-14.jpg?400}} {{zoey-jimp-15.jpg?400}} {{zoey-jimp-16.jpg?400}} {{zoey-jimp-17.jpg?400}} {{zoey-jimp-18.jpg?400}} {{zoey-jimp-19.jpg?400}} {{zoey-jimp-20.jpg?400}} {{zoey-jimp-21.jpg?400}} {{zoey-jimp-22.jpg?400}} {{zoey-jimp-23.jpg?400}} {{zoey-jimp-24.jpg?400}} {{zoey-jimp-25.jpg?400}} {{zoey-jimp-26.jpg?400}} {{zoey-jimp-27.jpg?400}} {{zoey-jimp-28.jpg?400}}

====bar chart assignment====
===Number of people who made a purchase that day===
<HTML>
<iframe width="100%" height="500" src="//jsfiddle.net/linzoey/mw0ugnq5/14/embedded/result,js,html/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
</HTML>

===Total amount of spending of the class in one day===
<HTML>
<iframe width="100%" height="500" src="//jsfiddle.net/linzoey/b043sLct/9/embedded/result,js,html/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
</HTML>

===Average amount of spending per person in a day===
<HTML>
<iframe width="100%" height="500" src="//jsfiddle.net/linzoey/29yq0xvm/6/embedded/result,js,html/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
</HTML>