Gem Smoke
A smoky gemstone treatment for animated logos, transparent marks, and generated forms.
Customize
Inner Distortion
0.8
Outer Distortion
0.6
Outer Glow
0.55
Inner Glow
1
Offset
0
Angle
0
Size
0.8
Speed
1
Scale
0.6
API reference
The wrapper adds playback and runtime safeguards while preserving the
complete Paper GemSmoke API. See the
Paper Gem Smoke reference for the
full prop table and accepted ranges.
| Prop | Type | Default | Description |
|---|---|---|---|
image | string | HTMLImageElement | undefined | Optionally supplies the source shape. Without one, Paper renders the selected generated shape. |
playback | "auto" | "always" | "paused" | "auto" | Controls motion policy. Auto pauses for reduced motion and while the shader is outside the viewport. |
width / height | number | string | "100%" | Sets the canvas CSS dimensions. Size the parent element to establish the visible area. |
maxPixelCount | number | 2073600 | Caps the rendered pixel budget. Override only after measuring the target devices. |
Credits
The rendering engine is Paper Shaders, distributed under the Apache License 2.0. The example uses vivid-layer's own mark. vivid-layer supplies the adapter, playback and loading policies, documentation, and Registry packaging.