Shaders Workshop - Code Art Together

CODAME shapes the future through inspiring experiences and playful ART+TECH projects. CODAME events, installations, and workshops connect people of all specialties and backgrounds. Join us to continue the visionary celebration, running since 2010!HOWThrough yourpartnership and support,Drivesinnovation and engagement by embracing creativity & explorationSharesthe value of art in the technology communityDemystifiesand makes technology accessible to artistsMembers ofIntersection for the Artsa 501(c)(3) non profit organization.Artists, entrepreneurs, experimenters, innovators, amateurs, and leaders are all welcome on our journey. Startups, corporations, non-profits, individuals, and collectives all contribute to CODAME style way-finding!ORIGINSparked by the network of creative coders, designers, and artists thatJordan GrayandBruno Fonziknew from around the world, CODAME was founded to passionately celebrate art and technology. The CODAME brand of immersive, engaging, and out of the ordinary experiences was coined at the inaugural CODAME ART+TECH Festival in 2010 on a foggy rooftop in downtown San Francisco.Since then we have built...60+eventsboth public and private100+projectsbuilt in collaboration with artists around the globe300+tech+artistscollective35,000+community of top-industry technologists, designers and artistsMEDIA KITDownload thefull resolution logo assets (1.5mb). Includes full color version, black on transparent version & white on transparent version as maximum quality PNG.Web optimized (full resolution with ImageAlpha/ImageOptim applied) PNGhere.TEAMJoin us!A bunch of peeps with a thing for Art and Technology:Bruno Fonzi@BrunoFonzi(Co-Founder, Commodore)Jordan Gray@staRpauSe(Co-Founder, Managing Director)And infinite thanks to our friends and allies through the years: Vicente Montelongo,Amy Lee, Ruby Tingju, Cindy Clark, Laura Greene, Samantha Simmons, Vanessa Chang,Josh Santangelo, Donald Hanson, Kimberly Macoy, Kim Pham, Kevin Koechley, Olia Pospelova, Alfred Dominquez, Irene Grossrubatscher, Dat Phan, Justin Kinder, Jaquie Bacich-Paratt, Valerie Alloix, Stefano Corazza, Kiri Rong, Vicky Chen, Karen Hsu, Nancy Garcia, Julie Goldsmith, Allen Ellison, Drew Clark, Tarwin Stroh-Spijer, Bernie Samson, Tiare Ribeaux, DC Spensley, Lauren Anderson, Michael Conover, Andrea Starr, Felipe Brahm, Hanna Regev, Jesse Fulton, Misaki C. Kido, Jonathan Wallraven, Julia Sun, Lauryn Porte, Kimmy Colombo... and more than 200 more amazing artists, technologists, and volunteers!HOW TO SAY CODAME?CODA-ME? CO-DAME? Cŏ-Dɑ-Mɛ? An intentionally ambigious collection of consonants and vowels, your way is the right way ;) Or check out thisvideofor some options ...https://vimeo.com/22538718CODE OF CONDUCTCODAMECode of Conductfor all participants and attendees.

CODAME

Learn how to code graphics and animations using shaders to build digital performances, music visualizers, snap filters, and animated gifs.

In this online workshop series you’ll learn how to code graphics and animations using shaders. This class is interactive, in that you can ask questions real-time; you will be talking to your classmates and you will be encouraged to show your work.The environment you&#x27;ll code in is free and browser based, no time wasted in setup/installation. Quickly iterate on creations by talking directly to your graphics card with GLSL (a C-like programming language). Once you’ve got the basics of shaders down, real-time rendering skills translate to many projects: livecoding performances, music visualizers, spicing up your unity/three.js/openframeworks projects, snap filters, and animated gifs (as just a few examples).TIME2 Hours Online workshop series on the following Saturdays Upcoming:<ul><li>Oct. 24: Webcam</li></ul>Past:<ul><li>05/02: ⓑ Raymarching for 3d Shaders </li><li>05/09: --- break ---</li><li>05/16: ⓑ Signed Distance Functions for 3d Shaders </li><li>05/23: ⓐ Fundamentals of 2d Shaders </li><li>05/30: ⓑ Raymarching for 3d Shaders</li><li>06/06: ⓒ Lighting &amp; Cameras for 3d Shaders </li></ul><ul><li>Apr. 18: (a) Fundamentals of 2d Shaders - SOLD OUT</li><li>Apr. 25: (a) Fundamentals of 2d Shaders - SOLD OUT</li></ul>Webcam (Oct 24):Using your webcam input use GLSL code to create a unique glitchy filter for a self portrait, portrait of your pet, anything you can hold up to your webcam! Raymarching (May 2nd &amp; May 16):In this class we will learn about ray marching! Ray marching uses a very contained and mathematical way to describe a 3D scene in one fragment shader. This class is recommended for anyone who&#x27;s comfortable with 2D shader writing, (including using and casting the datatypes: float, vec2, vec3, and vec4) or has taken the CODAME beginner livecode shader class by Char.You will create your own 3D scene or music visualizer with ray marching. We will go over some examples of raymarching, how to set up the scene, and provide more material/functions/techniques so you can customize your scene or visualizer to fit your style.Ray marching is physically based, i.e. you follow a ray the same way photons bounce around in the real world, which makes it really fun and eye-catching. It has a lot of use in the future with all this drive towards physically based real-time rendering techniques.OUTLINEThis 2-hour session will include the following exercises:<ul><li>15min - Introduction, concepts, and context.</li><li>60min - Guided hands on creation, application of concepts.</li><li>30min - Self directed hands on in smaller groups.</li><li>15min - Show and tell your shader creation(s)! Q+A. Exploring next steps.</li><li>??min - Round Table, Algorave &amp; hang! </li></ul>SKILL LEVELⓐ No programming experience required, but some scripting recommended. If you&#x27;re starting from scratch or need a brush up on syntax, follow the first 15 minutes of shorturl.at/gGJV7 ⓑ These build on topics from the fundamentals workshops, so it&#x27;s best to have taken one of those (or done some of your own work with shaders ahead of time).ⓒ Building on ⓐ and ⓑ. If you have not taken those, you should be familiar with the fundamentals of shaders and played with ray tracing.WHAT TO BRINGComputer connected and internet connectionFor best experience, it&#x27;s recommend to have a second screen (or tablet) for the video streaming and keep your main for computer display for live coding and test your shader creations.SOFTWARE TO BE INSTALLEDMake sure your browser can run this page: https://shawnlawson.github.io/The_Force/* if not, first switch to a browser that can support webGL: https://caniuse.com/#feat=webgl* Then, follow instructions here to enable webGL for your browser. WE WILL PROVIDEWe will send you links to tutorial and video meeting the day before the workshop.You might find more details on this workshop and CODAME onhttp://codame.com/events/workshop-shaders

Our {communityGuidelinesLink} describe the sort of content we prohibit on Eventbrite. If you suspect an event may be in violation, you can report it to us so we can investigate.

To report other categories of prohibited or illegal content, submit {link}

Shaders Workshop - Code Art Together

More events from CODAME

Discover more events from CODAME, from Science & Tech to other experiences you might love.

Still looking for the right event?

Explore all online events to browse and filter by date, category, and more.

Shaders Workshop - Code Art Together

More events from CODAME

Discover more events from CODAME, from Science & Tech to other experiences you might love.

You might also like...

Browse more events with different dates, prices, and formats to find your next great experience.

Still looking for the right event?

Explore all online events to browse and filter by date, category, and more.