Differences

This shows you the differences between two versions of the page.

--- zoey-lin-destressing-image [2022/12/28 02:02] – created zoey.lin
+++ zoey-lin-destressing-image [2023/01/22 04:04] (current) – zoey.lin
@@ Line 1: / Line 1: @@
-=====Destressing Images=====
+======Destressing Images======
 Made by: [[zoey-lin|Zoey]]
+**You can zoom in and zoom out with a mouse**
+<HTML><iframe width="560" height="315" src="https://www.youtube.com/embed/blbPl17AmEQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></HTML>
+===zoom out===
+{{:zoey-final_version_2-1.png?600|}}
+===zoom in===
+{{:zoey-final_version_2-2.png?600|}}
+===Code===
+<code>
+s0.initScreen()
+src(s0)
+.add(src(o0),0.1)
+.scale(() =>mouse.x/500)
+.out(o0)
+src(o0)
+.add(noise([1000,500]).scrollX(() => Math.sin(time*0.1),0.05),0.1)
+  .modulateScrollY(osc(10),0.1,0)
+  .add(noise(),[0.1, 0.05])
+//  .scale(() =>mouse.x/500)
+.out(o1)
+render(o1)
+</code>
+==== Svg.js ====
+**In every fish the speed, color, and size are different, also the seaweed can move with the wave.**
+<HTML><iframe width="100%" height="500" src="//jsfiddle.net/linzoey/3yhfrLzt/93/embedded/result,js,css/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe></HTML>