Skip to content

CODAME/Shaders-Workshop

Repository files navigation

Shaders Workshop with Char Stiles

These .frag files were created by ART+TECH instigators in the CODAME Shaders Workshop with Char Stiles, as part of the Code Art Together series of e-vents.

http://codame.com/events/workshop-shaders

Viewing these files

To view the shaders, open the .frag and paste it's contents in https://shawnlawson.github.io/The_Force/. Play more, update, remix, and share what you come up with! Tag #Codame @Codame @CharStiles

You can also open .frag files directly in The_Force if you find the right icon

How to load frag in the force

Capturing videos from .frag files

  • Toggle The_Force text editor off with CTRL+SHIFT.
  • If the .frag code has .bands in it, click the microphone icone and load some music to see it being audio reactive!
  • Make a screen recording (tested: Quicktime on Mac, ShareX on Win, OBS is cross platform but takes some setup).
  • Name the video recording the same as the .frag file for easy sorting.
  • Upload the individual vidoes to Google Drive for highest resolution and Google Photos for the Codame Social team to pull from (reach out to team@codame.com if you don't have access).

Generating GIFs from videos

  • Upload your screen recording to ezgif.
  • Play with the length of the gif and frame rate until you capture the essence of the animation. Generally, the less frames and the shorter time the better, since in the end you want a gif <1mb in size.
  • If you wind up with a larger file, time to optimize the gif! It depends on the content, but ezgif has options to reduce the number of colors, the dimensions of the gif, or the compression applied to the gif. Experiment until you're happy 🤓

Example from ezgif

About

As part of CODAME Code Art Together, a series of ART+TECH e-vents, with Char Stiles

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published