zoey-lin-destressing-image [Designing Service]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

======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>