background preloader

Shadertoy BETA

Shader of the Week Featured shaders Recommended shaders Headlines 15/03/2014 - Announcement Remember to be part of the first Shadertoy Hackathon this Wednesday March 19th. More info here: here 14/02/2014 - Release 0.3.8 adds gold/silver stars for Featured Shader and Shaders of the week, a new 2560px layout, fixes for layout and font size issues 10/12/2013 - Release 0.3.7 adds support for Android devices, mathematical symbols for comments, fast access to latest shaders from main page, and fixed apple touch icons 05/11/2013 - Release 0.3.6 faster page loading, youtube embedding via [video] tag in comments, can sort shaders by name, and security fixes for shader embedding 30/09/2013 - Release 0.3.5 brings the section "My Loved" with your favorite shaders, an "About" field in your public profile, and a new music track (by Dave Hoskins!)

Related:  FXGamesdesign-3d-images

Watch: How to Create a Realistic VFX Army From Only One Person Under Armour's viral 'Rule Yourself' campaign was created using state-of-the-art technology and old-fashioned ingenuity. Under Armour's inspiring 'Rule Yourself' campaign, featuring Misty Copeland, Stephen Curry, and Jordan Spieth, and produced in collaboration with Droga5 and director Wally Pfister, features an army of athletes training. But there wasn't enough time or resources to film hundreds of people. So how did they pull it off? In a new video, production company The Mill shows how its employees cloned the athletes with plates, clever camera usage, and VFX.

Efficient parallax scrolling background using GLSL shaders Posted on Wednesday, 18 December 2013 Take a look at this. The scrolling background has 4 layers, each with an alpha channel. Each layer is 2560x720. Looks pretty good I think! "But Nicky," I hear you exclaim, "doesn't drawing each of those layers mean you're pushing an entire screen of pixels 4 times just to draw the background? Search Results You searched for "3d" 31 January 2013 This stuff was crazy! First of all the whole Rockefeller Center Plaza was just plain out of control! You can see some of the pictures here: Christmas in New York City. WebGL Shader Lab - Coded Structure About I've been wanting to do some OpenGL stuff for a long time, and shaders are my easy way in. I've written ray-tracers in C/C++ for the last 15 years, so the potential to do proper per-pixel lighting and experiment with different shaders appeals. With these ray-tracers, the images were always static, so I'm starting from a place where being able to play with light and texture is more important than dynamic animation. Being on a Mac, I don't have access to RenderMonkey, and with WebGL it seems reasonable that something like that could be implemented as a web-app, with all the general cross-platform yumminess that brings.

Webmaker Our values Webmaker helps people across the world become informed creators of a free and open web. Free Mozilla is a non-profit organization and these open-source tools are created by a global community. They will always be 100% free—now and forever! Local We all use the web in different ways. GLSL Sandbox Gallery GLSL Sandbox Create new effect! / github / gallery by @thevaw and @feiss / editor by @mrdoob, @mrkishi, @p01, @alteredq, @kusmabite and @emackey Previous page Next page Strange plants of Socotra Island Imagine waking up on the Socotra Island < > and taking a good look around you. After a yelp of disbelief, you'd be inclined to think you were transported to another planet - or traveled to another era of Earth's history. The second would be closer to the truth for this island, which is part of a group of four islands, has been geographically isolated from mainland Africa for the last 6 or 7 million years. Like the Galapagos Islands, this island is teeming with 700 extremely rare species of flora and fauna, a full 1/3 of which are endemic, i.e. found nowhere else on Earth.

Computer Graphics Bremen - Teaching Shader Maker is a simple, cross-platform GLSL editor. It works on Windows, Linux, and Mac OS X. It provides the basic functionalities of a shader editor, such that students can get started with writing their own shaders as quickly as possible. This includes: editors for vertex, fragment, and geometry shaders; syntax highlighting in the GLSL editors; interactive editing of uniform variables and light source parameters; pre-defined simple shapes (torus et al.) and a simple OBJ loader; and a few more. Prerequisite:

Ink: A Responsive Email Framework from ZURB We know building HTML emails is hard, especially responsive emails. That's why we created Foundation for Emails. Get away from complex table markup and inconsistent results. Use Foundation for Emails to spend less time coding emails, and more time on other things, like building amazing products. Email marketing is good for your business. OpenGL ES Pixel Shaders Tutorial Bark at the Moon.fsh! In this pixel shaders tutorial, you’ll learn how to turn your iPhone into a full-screen GPU canvas. What this means is that you’ll make a low-level, graphics-intensive app that will paint every pixel on your screen individually by combining interesting math equations.

25 must-see examples of kinetic typography Kinetic typography can come in all shapes and forms. Whether it's a homage to a famous movie speech or song or an exploration of the typography itself, these creations are a feast for the eyes. Here, we've picked our favourite kinetic typography animations including music videos, movie tributes and more... 01. From Paper to Screen This masterpiece was, unbelievably, a graudation project created by graphic designer Thibault de Fournas.

How to render a planet? Hi, Unfortunately, if you plan to move around the planet, or to have the planet rotating, you will have to go for complex shader if you want a result as shown : the illumination technique for planets is not a regular one, as the illuminated part "spreads" more than what Lambert of Phong would give. For better explanation, have a look at this tutorial : ... 176-2.html. The way to do it (in a 3D anim. soft like Maya) will be by using the "facing ratio" of the faces, meaning the angle between the face normal and the light direction (technique identical to the "microscope-type" shaders) to illuminate the object. I'm sure you can create the same technique as a hardware shader ... For the day/night, --> Kencho technique, using the above illumination trick.

Related:  OpenGLStart-ups2