Shading in Blender

100%

Shading in Blender

✓ Published0🌍 Public

Last edited Aug 10, 2017

Created on Aug 10, 2017

The example shows how to apply a custom green shader to the active object in Blender, replacing its material appearance with a flat color. It first switches the 3D viewport to material shading mode and sets the game settings to use GLSL for real-time rendering. The code then assigns a minimal GLSL fragment shader that outputs a fixed RGBA color to every material on the mesh. This demonstrates direct shader manipulation through Blender’s Python API, specifically using `bpy.context` to access the active object and viewport spaces, and `mat.getShader().setSource()` to inject the shader source.

AI-generated description

Similar vizzes

Loading thumbnail…

shader gear

A real-time shader playground renders a series of WebGL fragment shaders as animated, full-screen visuals. The examples include smoothstep line plotting, mouse-interactive RGB gradients, distance-field circles, rotating polygon shapes with animated sides, and color-mixing loops—all driven by the uniform u_time. Shown side by side, they demonstrate how different GLSL functions shape geometry, color, and motion.

11wheel

61% match

Loading thumbnail…

Blender: assign a unique vertex color for each material to the mesh (id map)

This example shows a Blender Python script that assigns a unique vertex color to every face based on the material assigned to that face, creating an ID map for meshes. It iterates through selected mesh objects, generates a color palette (either random or procedurally spaced via HSV), and writes these colors into a vertex color layer named `_IDMAP_`. The code uses Blender’s `bpy` API to access polygons, material slots, and vertex color data, directly manipulating `vertex_colors.data[i].color` per loop index.

MMcNull

57% match

Loading thumbnail…

Gist 8b0da6e9acc76b7251547a0ad1dad5f1

This shader example demonstrates a technique for snapping pixel-art sprites to a fixed pixel grid in a 3D game engine. It shows how vertex positions are aligned to integer multiples of a tunable “pixels per unit” value prior to rendering, preventing visual distortion or shimmering when sprites are placed in world space. The code is written for Unity’s proprietary shader language and uses a Cginc/UnityCG-style vertex and fragment program, aligning object-space vertices before passing them through the standard MVP matrix. The shader samples a main texture and optionally an external alpha texture, tinting the result with a `_Color` property.

FFrozenfire92

53% match

Loading thumbnail…

Hello WebGL

This example shows a solid green square rendered across the entire canvas using raw WebGL, with no external utility libraries or dependencies. The code manually compiles a vertex shader and a fragment shader from embedded script tags, creates a program, and defines a position buffer with four corner coordinates. It draws the square as a triangle fan using `context.drawArrays`, targeting a WebGL context obtained via `canvas.getContext("webgl")` with a fallback to `experimental-webgl`.

Mmbostock

52% match

Loading thumbnail…

Hello WebGL III

This example demonstrates WebGL’s ability to generate a gradient directly on the GPU, where the fragment shader colors each pixel based on its x and y coordinates relative to the canvas size. Using a minimal vertex shader and a full-screen triangle fan, it renders a smooth color transition without any external data. The code compiles and links shaders manually via the WebGL API, sets uniform and attribute locations, and calls `drawArrays` to produce the final image.

Mmbostock

52% match

Loading thumbnail…

Hello WebGL II

This example demonstrates vertex-color interpolation in WebGL by rendering a square with different colors bound to each corner. Using the canvas element’s WebGL context, it compiles separate vertex and fragment shaders as text. The shaders define a `varying` color variable that smoothly interpolates RGBA values across the shape. The code explicitly binds two vertex attribute arrays—positions and colors—and draws the square as a triangle fan, illustrating low-level GPU rendering without external libraries.

Mmbostock

52% match

Loading thumbnail…

Maiden Webgl Work

This WebGL example demonstrates real-time interactive 2D shape manipulation, showing a rectangle that users can translate, rotate, and scale through a dat.GUI control panel. The code builds a custom vertex and fragment shader pair that handles position transformation, converting pixel coordinates to clip space, while WebGL renders the colored rectangle on a canvas. It references WebGL Fundamentals' scaling lesson and uses the webgl-utils helper library to compile shaders, with all geometry defined as raw vertex data in a buffer.

11Cr18Ni9

50% match

Loading thumbnail…

regl-demo

A WebGL triangle rendered with regl animates its background color in a smooth, time-based loop. The vertex shader derives the triangle’s fragment color from its position attributes, producing a gradient across the shape. The example uses `regl.frame` for continuous rendering and `regl.clear` to update the background, demonstrating basic GLSL shader setup and attribute passing with the regl API.

11wheel

49% match