Code Shader Dissolve

The code compiles into existence: a GPU fragment shader resolves it out of seeded noise with a chromatic dissolve front and edge glow, then holds crisp. code code-animation shader webgl developer

Add it to a project

Ask your agent
Terminal

Add the Code Shader Dissolve block from the HyperFrames Catalog to this project.
Replace the demo content with mine and match the existing design and timing.

npx hyperframes add code-shader-dissolve

Details

Property	Value
Type	Block
Dimensions	1920×1080
Duration	7s

Installed files

File	Target	Type
`code-shader-dissolve.html`	`compositions/code-shader-dissolve.html`	hyperframes:composition

Use it

Ask your agent to replace the example content, match the project style, and place the block at the right moment in the video. Wiring it by hand. The installed block can be added to a host composition with:

<div data-composition-id="code-shader-dissolve" data-composition-src="compositions/code-shader-dissolve.html" data-start="0" data-duration="7" data-track-index="1" data-width="1920" data-height="1080"></div>

Code Animations

Captions

HTML-in-Canvas

Social Overlays

Lower Thirds

Shader Transitions

CSS Transitions

Showcases

Data

Effects

Blocks

Add it to a project

Details

Use it

​Add it to a project

​Details

​Use it

Add it to a project

Details

Use it