#shaders

The Book of Shaders
►http://thebookofshaders.com

http://thebookofshaders.com/thumb.png

by Patricio Gonzalez Vivo and Jen Lowe

This is a gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.

Contents

About this book

Getting started

What is a shader?
“Hello world!”
Uniforms
Running your shader
Algorithmic drawing

Shaping functions
Colors
Shapes
Matrices
Patterns
Generative designs

Random
Noise
Cellular noise
Fractional brownian motion
Fractals
Image processing:

Textures
Image operations
Kernel convolutions
Filters
Others effects
Simulation

Pingpong
Conway
Ripples
Water color
Reaction diffusion
3D graphics

Lights
Normal-maps
Bump-maps
Ray marching
Environmental-maps (spherical and cube)
Reflect and refract
Appendix: Other ways to use this book

How can I navigate this book offline?
How to run the examples on a Raspberry Pi?
How to print this book?
How can I collaborate?
An introduction for those coming from JS by Nicolas Barradeau
Examples Gallery

Glossary

#GLSL #shaders #tutoriel

CSS shaders: Cinematic effects for the web | Adobe Developer Connection
►http://www.adobe.com/devnet/html5/articles/css-shaders.html

Advances in HTML5 and CSS (for example transitions, animations, transforms, text shadows, box-shadows, gradients, SVG) have improved the graphical and interactive richness of HTML. SVG filter effects are now moving to Filter Effects 1.0 to become available in CSS and HTML, in addition to SVG, and will bring effects such as grayscale, sepia tone, or hue-rotate to all web content. More sophisticated effects, such as the chiseled effect shown in Figure 1, will also be possible.

#webdesign #css #css #shaders #adobe

CSS shaders
►https://dvcs.w3.org/hg/FXTF/raw-file/tip/custom/index.html

This document describes a proposed feature called “CSS shaders”. CSS shaders are a complement to the Filter Effects specification and a solution for its feCustom element. In addition, CSS shaders introduce a notion of vertex shader into the filter model. The CSS shaders feature is proposed for consideration by the FX Task Force and could be integrated in the Filter Effects specification or made a separate module. This document is the result of ACTION-3072

#w3c #css #css #shaders #webdesign