Omnimaga

General Discussion => Technology and Development => Computer Projects and Ideas => Topic started by: Eiyeron on January 29, 2014, 12:13:38 pm

Title: Plane deformation : the GLSL version
Post by: Eiyeron on January 29, 2014, 12:13:38 pm

Based on This topic (http://ourl.ca/20560), I decided to make my own Plane deformation thingie, with GLSL and glsl.heroku.com (http://glsl.heroku.com) [HERE (http://glsl.heroku.com/e#16827.0). (http://glsl.heroku.com/e#13862.23)]

Documented version : v23

For now, it includes (each effect excludes each other, be sure to only have one effect active)

• Tunnel Effect
• Plane Effect
• Tunnel Teleportation Effect
• TUnnel/Plane Effect
• Plane in 8 Effect
• Distort Effect

And for getting some colors/motifs :

• Rainbow Colors
• Crazy Colors
• Red_Blue Colors
• Tesselated Colors
• Checkerboard Motif
• Patch Motif
• Blob Motif
• Stripes Motif
• Another stripe Motif, somewhat like leaves

TO distort the result :

• Wobble Effect
• Curved View (best effect with Plane)
• Move (almost needed, it makes the thing beautiful and living)
• Wave effect (move the perspective in a seasick-ful eyecandy)

Visual Bonus:

• Distance Fog
• Border Fog
• Scanlines
• RGB Distorsion!
• 3D ANAGLYPH (well, this is mostly a test)

Just comment/uncomment each modules (defines) and get your custom result! ;)

Title: Re: Plane deformation : the GLSL version
Post by: Sorunome on January 29, 2014, 12:55:02 pm

Gah, is there a non-WebGL version of it or can you please make a little screenie of how it looks like? :3

Title: Re: Plane deformation : the GLSL version
Post by: Juju on January 29, 2014, 03:06:05 pm

Oooh that looks pretty cool :3

Title: Re: Plane deformation : the GLSL version
Post by: DJ Omnimaga on January 29, 2014, 03:50:03 pm

Indeed. I wonder if it would run fast enough on older computers? I only tried on my 2010 computer and it ran very smoothly, but I was just wondering.

Title: Re: Plane deformation : the GLSL version
Post by: fb39ca4 on January 29, 2014, 08:24:56 pm

Eiyeron, have you ever experimented with raymarching GLSL shaders?

Title: Re: Plane deformation : the GLSL version
Post by: pimathbrainiac on January 30, 2014, 10:21:25 am

This is quite awesome!

Keep it up!

Title: Re: Plane deformation : the GLSL version
Post by: Eiyeron on January 30, 2014, 11:32:14 am

Quote from: fb39ca4 on January 29, 2014, 08:24:56 pm

Eiyeron, have you ever experimented with raymarching GLSL shaders?

Yes, but my computer is too slow. :/

Quote from: Sorunome on January 29, 2014, 12:55:02 pm

Gah, is there a non-WebGL version of it or can you please make a little screenie of how it looks like? :3

No, sorry. But a SDL/otherlib could be done by reprogramming the same calculations.

EDIT : Added some motifs and colors!

Title: Re: Plane deformation : the GLSL version
Post by: fb39ca4 on January 30, 2014, 12:47:53 pm

This should actually be fast enough to do in javascript, when you can do per pixel raycasting already. (http://jsfiddle.net/uzMPU)

Title: Re: Plane deformation : the GLSL version
Post by: Sorunome on January 30, 2014, 01:11:09 pm

wow, that is awesome O.O

Title: Re: Plane deformation : the GLSL version
Post by: Eiyeron on January 30, 2014, 04:32:06 pm

Well for 20th version, I tried to add anaglyph 3D. Put on your red&blue glasses!

Title: Re: Plane deformation : the GLSL version
Post by: DJ Omnimaga on February 05, 2014, 01:30:15 pm

Quote from: Eiyeron on January 30, 2014, 04:32:06 pm

Well for 20th version, I tried to add anaglyph 3D. Put on your red&blue glasses!

Link?

Title: Re: Plane deformation : the GLSL version
Post by: Eiyeron on May 14, 2014, 03:43:08 am

Little effect addition update!