Effect

Forcefield

Hex-pattern energy shield around the object. Use for shields, barriers, sci-fi protection.

  • forcefield
  • shield
  • barrier
  • hex-grid
  • protection
  • energy-shield

Settings and defaults

Intensity
1
Speed
1
Opacity
0.9
Hex Size
0.06
Ripple Enabled
On
Shield Color
#44aaff
Rim Color
#ffffff

Forcefield encloses an object in a sci-fi energy shield: a transparent sphere covered in a fine honeycomb of glowing hexagons, bright at the rim where you see the shell edge-on. Every so often something hits it, and ripples spread out from the impact across the surface.

How it works

The sphere sits just outside the object. A hexagon grid is laid over the shell and only the cell borders glow, so the object stays visible through the middle. The edge of the shield is brighter, because you look through more of it there. At random moments an impact lands at a point on the shell and a ring of waves runs outward from it, fading as it spreads; up to three ripples can be alive at the same time. The shield takes its main colour in the open middle and shifts toward the rim colour at the edges, on the grid lines and in the ripples.

Settings

  • Hex Size: the size of the cells; smaller means a denser grid.
  • Ripple Enabled: turns the impacts on or off.
  • Speed: how often impacts land.
  • Shield Color: the main colour of the shield.
  • Rim Color: the colour of the edge glow, the grid lines and the ripples.
  • Intensity and Opacity: how strongly the shield reads.

Use it for

Shields and barriers in games, security brands, sci-fi product reveals, power-ups. See also the Harmonic Shell for an organic bubble and the Hex Grid.

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More effects

Works well with