Author Topic: Plane deformation : the GLSL version  (Read 7898 times)

0 Members and 1 Guest are viewing this topic.

Offline Eiyeron

  • Urist McEiyolobster
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1430
  • Rating: +130/-10
  • (-_(//));
    • View Profile
    • Rétro-Actif : Rétro/Prog/Blog
Plane deformation : the GLSL version
« on: January 29, 2014, 12:13:38 pm »
Based on This topic, I decided to make my own Plane deformation thingie, with GLSL and glsl.heroku.com [HERE.]

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! ;)
« Last Edit: May 14, 2014, 03:42:56 am by Eiyeron »

Offline Sorunome

  • Fox Fox Fox Fox Fox Fox Fox!
  • Support Staff
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 7920
  • Rating: +374/-13
  • Derpy Hooves
    • View Profile
    • My website! (You might lose the game)
Re: Plane deformation : the GLSL version
« Reply #1 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

THE GAME
Also, check out my website
If OmnomIRC is screwed up, blame me!
Click here to give me an internet!

Offline Juju

  • Incredibly sexy mare
  • Coder Of Tomorrow
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 5730
  • Rating: +500/-19
  • Weird programmer
    • View Profile
    • juju2143's shed
Re: Plane deformation : the GLSL version
« Reply #2 on: January 29, 2014, 03:06:05 pm »
Oooh that looks pretty cool :3

Remember the day the walrus started to fly...

I finally cleared my sig after 4 years you're happy now?
THEGAME
This signature is ridiculously large you've been warned.

The cute mare that used to be in my avatar is Yuki Kagayaki, you can follow her on Facebook and Tumblr.

Offline DJ Omnimaga

  • Clacualters are teh gr33t
  • CoT Emeritus
  • LV15 Omnimagician (Next: --)
  • *
  • Posts: 55943
  • Rating: +3154/-232
  • CodeWalrus founder & retired Omnimaga founder
    • View Profile
    • Dream of Omnimaga Music
Re: Plane deformation : the GLSL version
« Reply #3 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.

Offline fb39ca4

  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1749
  • Rating: +60/-3
    • View Profile
Re: Plane deformation : the GLSL version
« Reply #4 on: January 29, 2014, 08:24:56 pm »
Eiyeron, have you ever experimented with raymarching GLSL shaders?

Offline pimathbrainiac

  • Occasionally I make projects
  • Members
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1731
  • Rating: +136/-23
  • dagaem
    • View Profile
Re: Plane deformation : the GLSL version
« Reply #5 on: January 30, 2014, 10:21:25 am »
This is quite awesome!

Keep it up!
I am Bach.

Offline Eiyeron

  • Urist McEiyolobster
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1430
  • Rating: +130/-10
  • (-_(//));
    • View Profile
    • Rétro-Actif : Rétro/Prog/Blog
Re: Plane deformation : the GLSL version
« Reply #6 on: January 30, 2014, 11:32:14 am »
Eiyeron, have you ever experimented with raymarching GLSL shaders?
Yes, but my computer is too slow. :/
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!
« Last Edit: January 30, 2014, 12:15:36 pm by Eiyeron »

Offline fb39ca4

  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1749
  • Rating: +60/-3
    • View Profile
Re: Plane deformation : the GLSL version
« Reply #7 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)

Offline Sorunome

  • Fox Fox Fox Fox Fox Fox Fox!
  • Support Staff
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 7920
  • Rating: +374/-13
  • Derpy Hooves
    • View Profile
    • My website! (You might lose the game)
Re: Plane deformation : the GLSL version
« Reply #8 on: January 30, 2014, 01:11:09 pm »
wow, that is awesome O.O
« Last Edit: January 30, 2014, 01:11:16 pm by Sorunome »

THE GAME
Also, check out my website
If OmnomIRC is screwed up, blame me!
Click here to give me an internet!

Offline Eiyeron

  • Urist McEiyolobster
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1430
  • Rating: +130/-10
  • (-_(//));
    • View Profile
    • Rétro-Actif : Rétro/Prog/Blog
Re: Plane deformation : the GLSL version
« Reply #9 on: January 30, 2014, 04:32:06 pm »
Well for 20th version, I tried to add anaglyph 3D. Put on your red&blue glasses!

Offline DJ Omnimaga

  • Clacualters are teh gr33t
  • CoT Emeritus
  • LV15 Omnimagician (Next: --)
  • *
  • Posts: 55943
  • Rating: +3154/-232
  • CodeWalrus founder & retired Omnimaga founder
    • View Profile
    • Dream of Omnimaga Music
Re: Plane deformation : the GLSL version
« Reply #10 on: February 05, 2014, 01:30:15 pm »
Well for 20th version, I tried to add anaglyph 3D. Put on your red&blue glasses!
Link?

Offline Eiyeron

  • Urist McEiyolobster
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1430
  • Rating: +130/-10
  • (-_(//));
    • View Profile
    • Rétro-Actif : Rétro/Prog/Blog
Re: Plane deformation : the GLSL version
« Reply #11 on: May 14, 2014, 03:43:08 am »
Little effect addition update!