gl-transitions / gl-transitions Goto Github PK

just defining default parameter values is limited in some aspects.

Firstly, it makes it hard to constraint the values: (which includes validating them)

• in bunch of parameters, we would like to express the "min" and "max" bound. because usually a transition goes crazy if out of expected bound. (like it's no longer valid in the fact it no longer render the images from and to respectively on 0.0 and 1.0 bounds.)
• in some cases, we have more implicit constraints for instance in colorphase.glsl we want to express that fromStep < toStep.

Secondly, and more wider, it makes it hard to implement a proper UI:

• what input to use? at least, if we have a min/max being defined, we can choose a proper stepping based on that, we can also chose int vs float based on the type. However, it's not so easy to infer what component it should be. A range, a input type=number, something else?
• one example is the vec2 and the vec4. Usually we use vec2 for position and vec4 for colors, but it would be better if it was clearly defined. Especially for vec2, it's very not clear if it's a position OR a vector. Identifying different usecases and providing them with the shader would allow to have a decent UI (like imagine we could have a "position picker" vs a "vector" – well, a vector still needs to have an origin, we can use the center for now,.. but this can be extended)
• in example colorphase.glsl, one interesting UI for this is to have one range slider per component ( like to define the from and to steps: ) – which sounds very tricky to express. even tho, the fact one variable is <–constrained with the other makes it "solvable".

So yeah, tricky topics but this is worth thoughts to make better UIs that can be automatically inferred and offers to final users a way to customize a transition nicely.

One important aspect to me is that that way we describe the constraints & the "categories" of parameters should be independent from the actual implementation.
It's also unclear where this should live... I wish it would be part of the shader as continuation to that // = 1.0 format but this might be a bit too verbose. another way is to make a foo.json next to foo.glsl but this makes it no longer one file to commit and cannot be unified with the shader source...

So basically i'm looking for a concise/extensible/generic descriptive format that can express constraints between numeric variables (on numbers/vectors/..). Does that even exists for some libs?

Hi @zeh, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past these transitions:

• https://gist.github.com/zeh/forked

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @dycm8009, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/dycm8009/948e99b1800e81ad909a

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @corporateshark, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past these transitions:

• https://gist.github.com/corporateshark/forked

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

• I was not careful enough in the current implementation and varying vec2 uv; should be renamed so it's not exposed to the transition. It should not impact existing transition unless it uses uv outside of the transition(uv) function.. A mistake was to name it like the transition parameter, which today you can't access it from outside transition() function (from another function), need to add a assert in the transformer.
• forbid any variables scope that starts with _ just to reserve that for potential private variables/functions for the wrapping code

Would it be possible to somehow bundle this into an ARM native library?

Hi @TimDonselaar, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/TimDonselaar/9bcd1c4b5934ba60087bdb55c2ea92e5

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Is there any way to use these transitions in iOS (swift)

Hi @gre , your transitions look great! I want to add transition between two images with different resolution, how to make them look good and keep aspect ratio?

Hi @pawelplociennik, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/PawelPlociennik/5a66e633d36532aa4743a73d20f20304

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @mandubian, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past these transitions:

• https://gist.github.com/mandubian/forked

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Add Video Toaster 4000 transition effects, as in this demo video: https://www.youtube.com/watch?v=6n7GoNmgHGI

Hi @mikolalysenko, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/mikolalysenko/9e86d2712e123542758b

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @JustKirillS, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/JustKirillS/714f095318834f4d2375de872c53af1e

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Some transitions could look very cool (or different) with B&W or vector-like images (maybe I'm sick to see this bird, this road and this field... ^^)

(again, thanks for your project, it's very fun and pedagogic )

Hi @nwoeanhinnogaehr, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past these transitions:

• https://gist.github.com/nwoeanhinnogaehr/forked

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @AnastasiaDunbar, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/AnastasiaDunbar/ae64014bc78e4ed8cf05

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @pthrasher, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/pthrasher/d3707c6a7ee0f8f6528e

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

https://gl-transitions.com/

Hi @benraziel, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past these transitions:

• https://gist.github.com/benraziel/forked

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @natewave, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/natewave/9b99fc01fd5705008a5b

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Thanks for the great library with great transitions. I'm struggling to implement this library with nodejs.. Any example or documentation available?

Hey @gre!

I just published another module + CLI tool which uses gl-transitions, ffmpeg-concat.

Concats a list of videos together using ffmpeg with sexy OpenGL transitions.

This module is meant to be a bit more robust and easier to use than the lower-level ffmpeg-gl-transition, as it doesn't require you to compile a custom version of ffmpeg.

Let me know if you have any thoughts -- thanks!

Hi @pthrasher, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/pthrasher/04fd9a7de4012cbb03f6
• https://gist.github.com/pthrasher/8e6226b215548ba12734

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @rectalogic, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past these transitions:

• https://gist.github.com/rectalogic/forked

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hello,

I don't know if this thread (I'm completely new to programming and Github) is still used.

Is there a possibility that the cube transition can be reversed?
Like it moves the opposite way?

Greetings,

Salty

Hi @MemoryStomp, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/MemoryStomp/d1f891c5585fc40b55ea

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @mrspeaker, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/mrspeaker/154a99fbe5300fb5c279

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi,

Nice project. Would you consider a PR changing the shaders and the docs so that only the first variant of the uniform values initialisation is supported?

I want to use these from desktop OpenGL but I don't want to complicate the parsing more than needed.

Any way to use this Transition in Android

Hello,

I would like to thank you for your awesome work. I would like to use some of the transitions in my website, but I didn't find any way to represent a transition as a gif for example, so the user could see a preview of it, how the transition looks like.

P.S: Previews, like the ones shown in the repository here.

Thank you!

Hi @fkuteken, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/fkuteken/f63e3009c1143950dee9063c3b83fb88

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

check if it's possible to use a transition from https://github.com/stackgl/glslify out of the box and what would be the fix for it?

I feel the fact we use uniforms is a dead end to this. I don't think we should move parameters in function param because it's not meant to be changed over time. they really are uniforms.

Hi @numb3r23, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past these transitions:

• https://gist.github.com/numb3r23/forked

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

@gre @gltransitions @gunrot
I have followed below steps

sudo apt-get update && sudo apt-get -y upgrade
curl -sL https://deb.nodesource.com/setup_7.x | sudo -E bash -
sudo apt-get install -y nodejs
npm -v
npm i -g gl-transition-scripts
sudo npm i -g data-uri-to-buffer jpeg-js mime-types ndarray ndarray-pack node-bitmap omggif parse-data-uri pngjs request through
sudo npm i -g bindings bit-twiddle glsl-tokenizer nan node-gyp prebuild-install
sudo npm i -g ndarray ndarray-ops typedarray-pool
sudo npm i -g gl-shader
sudo npm i -g gl-shader gl-texture2d glsl-parser glsl-token-string glsl-tokenizer ndarray performance-now
sudo npm i -g iota-array is-buffer
sudo npm i -g contentstream gif-encoder jpeg-js ndarray ndarray-ops pngjs-nozlib through
sudo npm i -g commander get-pixels gl gl-texture2d gl-transition gl-transition-utils ndarray save-pixels

On running
gl-transition-render -t CrossZoom.glsl -i test.png -w 480 -h 480 -out out

I am getting

/usr/lib/node_modules/gl-transition-scripts/lib/gl-transition-render.js:81
if (!gl) throw new Error("GL validation context could not be created");

Do I need to explicitly set the GL libraries ? Is there any documentation for steps to do this setup for CLI(specifically on machine without any graphics support)?

Thanks
Akash

Hi @Xaychru, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past these transitions:

• https://gist.github.com/Xaychru/forked

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Tried to have one example working with React but seems to be impossible with the current documentation.

Hi @rakeshcjadav, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/rakeshcjadav/b1ed2b9c435ed6d4b18c8b9fda6e4352

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @Flexi23, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/Flexi23/fe67b3b5149738069537

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @peterekepeter, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/peterekepeter/9b7cce648a1cd777c6a3206bce7cd814

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @mattdesl, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/mattdesl/1b4862e4e2050a3abebe

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @paniq, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/paniq/5a4d1fb6711076d17e2e

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

It would be awesome to see the blending modes from https://github.com/jamieowen/glsl-blend turned into realtime transitions.

glsl-blend features blending modes similar to what Adobe helpd push to the 2D Canvas drawing APIs in CanvasRenderingContext2D.globalCompositeOperation and CSS's background-blend-mode.

Blend modes might need to be adjusted to be able to transition between images (e.g. opacity change towards the start/end and have mid point with the strongest blending effect).

Hi, can a simple index.html example be made to show how this can be used for a web page please? Maybe a jsfiddle or codepen? I and I'm sure others (starting out with shaders) would love to know how this can be made into an image slideshow, for example. Looking through the code of the examples, it doesn't seem accessible.

Thanks for this wonderful resource. I can't wait to start using it :)

Hi @adrian-purser, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/adrian-purser/c08c1995cb370520f251

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @P-Seebauer, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/P-Seebauer/597954724feda999b2cf2b5518d3edec

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @0gust1, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/0gust1/e8c83080a16cd38781f7

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @bobylito, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/bobylito/791d0f058ae6a83e0c15
• https://gist.github.com/bobylito/06450f79cab706705bf9

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!

Hi @tschundler, how are you?

A few years ago, I was running GLSL.io but recently shut it down to focus on various OSS libraries, now I'm back on this GL Transition concept 🙂 I am rebooting GL Transitions.

Next week, I'll release this webapp: https://gl-transitions.netlify.com/ that is a fresh reboot of the previous transitions.glsl.io .

As you were the creator of some transitions, I wanted to ping you once before going full public 😅

You have created in the past this transition:

• https://gist.github.com/tschundler/597954724feda999b2cf2b5518d3edec

Would you mind porting them in? You basically need to paste them into https://gl-transitions.netlify.com/editor and click on "Publish on Github" (you might need to add a name, author name and polish some code if you want).

Then you can create a Pull Request on Github, it will gets to the website gallery when we merge it! (using some Travis, NPM) That's all, no server, all web services ;)

Hope you enjoy this new version and feel free to report any things for me to improve!
I dedicate my next days in polishing this release.

Thanks!