NodeGL

It'll be convenience for hydra used by Node.js.

Usage

First, please use the following code to read on hydra.

await loadScript("https://nodegl.glitch.me/function-list.js");

1. When you'd like to change the canvas axis to "y" perspective.

• osc().scale(glslAxis("y")).out();
• voronoi(20,1,5).scale(glslAxis("2y")).out();

2. It can be modulated using the difference between "solid" and "gradient" color changes.

• speed=1/4;
  flash(1,2,1).diff(osc(30,1/8,300).diff(osc(30,1/8,300).rotate(Math.PI/2))).scale([1/4,1/2].smooth()).out();

3. You can also use functions that store trigonometric and inverse trigonometric functions to change the video.

• noise().rotate(()=>list(1,2)).out();

4. The options available within hydra's "ease" function can also be easily specified.

• gradient(1).hue([0,1].ease(easeInOut(5))).out();

5. Variables can be defined sequentially and the last variable among them can be used. (It can also be used outside of hydra.)

• osc().rotate(varDef("hydra",Math.atan,10)).out();

6. Two different functions can be entered, each increasing in a different step, and the results put into an array and modulated.

• shape(funcAry(4,5,6,0.05,0.1,Math.tan,Math.sin).smooth()).out();

7. It can generate an array from 0 to a specified number and output a random value.

• shape(randAry(100,0.1)).out();

8. It can generate an array from 0 to a specified number, repeatedly output a random value, and store it in the array again.

• shape(genAry(100,0.1,10).smooth()).out();

9. Four output videos can be looped and switched every specified number of seconds at specified speeds.

• setLoop(1/2,-1/4,-1/2,1/4,1000);
  osc().out();
  noise().out(o1);
  gradient(1).out(o2);
  voronoi().out(o3);

10. Others(form, pad, particle, rbga, hsb, rainbow and zebra)

• form(4,2,0,1,15,1/8,0).colorama(3).luma().hue(()=>Math.sin(time/10),()=>Math.cos(time/10),()=>Math.tan(time/10)).diff(gradient(1)).invert().scale(Math.PI).repeat().out();
• pad(10,o0,4,0,1,.99).diff(osc(1,2,300).diff(gradient(1)).scale(.1)).diff(rgba(o0,1,1,1,1)).diff(hsb(o0,1,1,1/4)).invert().out();
• gradient().blend(rainbow(3)).out();
• osc(1,2,300).diff(gradient(1)).scale(.1).diff(particle(o0,.99)).invert().out();
• s0.initCam();
  solid().add(zebra(src(s0), 2, 4, Math.sin, 0.1)).out();

Click here for more information.

I appreciate all hydra users or developers on GitHub, FB, Twitter or Discord, etc...

By Hirotoshi Uchida
hearthis.at
IG

Log

First commited as "NodeBook"

on Jan 19th, 2023.

Released the newest

on Apr 20th, 2023.

Show more