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

100%

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

✓ Published0🌍 Public

Last edited Mar 20, 2022

Created on Mar 20, 2022

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Blender keymap for busy Maya / Unity / Substance Designer users

This example presents a Blender keymap configuration tailored for users familiar with Maya, Unity, and Substance Designer. The visualization encodes key bindings as data, mapping keyboard shortcuts to Blender operator functions using the `bpy` API. It shows new entries added without altering existing defaults, with disabled conflicts clearly marked. The code defines keymap items through `keymap_items.new()`, specifying key, modifier, and operator properties, and includes context-specific mappings for different editor types.

MMcNull

50% match

Loading thumbnail…

Unity 3d key bindings for Blender

This visualization maps a custom Unity 3D key-binding preset onto Blender’s pose-editing workflow. The Python script, executed via Blender’s `bpy` API, programmatically creates a new key configuration and populates it with keymap items for operations like pose manipulation, selection, and constraint management. It assigns shortcuts for actions such as `pose.copy`, `object.parent_set`, and `wm.call_menu` calls, with modifiers like `ctrl`, `shift`, and `alt`. The data originates from the `unity-preset.py` gist by McNull, showcasing how to automate Blender keymap configuration through its scripting interface.

MMcNull

49% 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

46% match

Loading thumbnail…

Color Mesh

A Voronoi diagram partitions a 960 by 500 canvas into cells, each filled with a color derived from its sample point's distance from the center using the CIELAB color space. The samples are generated via a Poisson-disc sampling algorithm to ensure even spacing. The visualization renders as an SVG using `d3.geom.voronoi` with clipped extents, and each cell's fill and stroke are set by the `d3.lab` color function. The code builds upon a provided `poissonDiscSampler` implementation.

Mmbostock

43% match

Loading thumbnail…

Sequential Color Map with One Color

This example visualizes light intensity across a narrow wavelength range of 620 to 630 nanometers using a sequential color map based entirely on shades of blue. The display is a horizontal strip of 11 adjacent blocks, where opacity increases with wavelength. The code uses plain JavaScript and the DOM API, creating each block via `document.createElement` and setting its background color through an `rgba` string with varying alpha values. No external libraries are required, and the mapping is linear, with intensity calculated from the wavelength difference.

AAfridi Hasan

42% match

Loading thumbnail…

Matplotlib Colormaps

Four examples of perceptually uniform color scales from Matplotlib. The visualization displays the viridis, magma, plasma, and inferno colormaps as horizontal gradient strips on separate Canvas elements. Each strip renders a sequence of hex color values defined in the canvas `data-scale` attribute, and the `<canvas>` elements are styled with a fixed height and a black border. The code uses the canvas API with `width` and `height` attributes to draw the gradient directly, with no external JavaScript libraries, and the color data originates from a static `README` file describing their implementation.

Mmbostock

42% 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

42% match

Loading thumbnail…

Sketch Global colors to Layers

This example demonstrates how to extract the global color palette from Sketch’s asset library and render each color as a square swatch on the selected page. It iterates through the document’s color assets, converts each color from its native color space to a hexadecimal string, and creates a new `ShapePath` for every swatch, positioning them in a horizontal row. The script uses the Sketch JavaScript API, specifically `MSPersistentAssetCollection`, `ShapePath`, and `Rectangle`, with custom helper functions for RGB-to-hex conversion.

KKevinGutowski

41% match