Errl Portal

About Assets Design Forum Gallery Studio

⤢

Background

Shimmer: optional animated highlight. Vignette: edge darkening. These mount the static background when enabled. GL overlay: wobble the screen-space gradient in WebGL (set Enabled + Alpha if you do not see it). Settings persist in local storage.

Shimmer

Vignette

GL overlay

Screen-space WebGL gradient: Alpha = strength. DX / DY = wobble direction. Move the pointer to see the ripple; raise Alpha first.

Alpha

Pin Widget

Inject = live update now. Save = keep this style for later. Reset = restore stock Errl.

Tip: Inject to preview quickly, then Save when you like it.

Rising Bubbles (Basic)

Foreground field on the #riseBubbles canvas. It is not the same as GL Particles (GLB tab) behind Errl. Try Mode to switch feel; if performance dips, lower Count, Alpha, and pointer forces.

Mode

Classic = grab and throw / flick. Pop = tap a bubble on the canvas to pop it.

Classic Throw: drag/flick controls are prioritized.

Rise Speed

Count

Scale

Alpha

Interaction: drag to throw; flick near to kick (touch + mouse).

Attract Intensity

Ripples Intensity

Rising Bubbles (Advanced)

Motion + spawn shaping. Use small changes—some controls amplify each other.

Wobble

Frequency

Min size Max

Jumbo Percent

Jumbo Scale

Size Hertz

Speed

GL Particles (background)

Deep background particle layers (WebGL) behind the scene—separate from the Rising Bubbles (RB) canvas. Speed = travel; Density = more/fewer dots; Alpha = how visible. Use the Hue tab with Target "Particles" to recolor. Randomize re-rolls all three; WebGL can take a second to spin up the first time.

Speed

Density

Alpha

Errl Size

Size

Outlines

Errl Goo (Classic)

Classic Goo = Errl SVG wobble. Auto toggles animate each slider; Play/Pause controls the auto timeline.

Goo Enabled

Displacement Auto

Wobble Auto

Speed Auto

Auto Speed

Animation

Mouse Reactive

Nav Bubbles

Layout controls for the menu bubbles; GL Orbs toggles the WebGL render layer.

Orbit

Radius

Size

GL Orbs

Apply to

Packs

Skin

Nav Goo+

Baseline goo feel. Slow Gradient animates around current sliders; otherwise it stays static.

Wiggle

Flow Speed

Grip

Drip

Viscosity

Particles

Preset Scenes

No preset applied yet.

My presets (3 slots)

Saves RB + Hue + Nav skins + panel controls.

Hue Enabled

Pick a target layer, then adjust Hue/Sat/Intensity. Timeline + Play animates that target.

Target

Hue

Saturation

Intensity

Timeline

Audio

Enabled

Master

Low End

Accessibility

Scene tint (WebGL)

Subtle color grade on the WebGL layer. Heavier when GL overlay is on.

Portal (admin)

Preview the Design entry when the route is not ready. Off by default.

Show Design in navigation

Developer Tools

Snapshot = portable HTML/CSS/JS. PNG = screenshot. Export/Import Settings = full settings bundle (local).

HTML/CSS/JS

(stored in local)

Developer Logs

Auto-scroll

Logs will appear here...