Background canvas

Background Canvas exploits WebGL tecnology and operates on Canvas object.

When using Threejs, a 3D environment is created. It shows a plane which is orthogonal to the camera and applies an image-based texture.Transformations are processed using the shaders.

The following effects are available:

For each effect there are specific parameters that allow you to modulate the result:

Halftone

This effect reproduces the dithering of printed paper.

  • Shape (Dots, Square)
  • Gray scale
  • Dot radius

Film

This effect is characterized by horizontal lines that vibrate reproducing the effect of an old television

  • Noise Intensity
  • Scanlines intensity
  • Scanline count

Pixel

It resembles a low resolution image.

  • Pixel size

Glitch

It is a creative distortion.


Shift RGB

As its denomination suggests, it is characterized by the Shift of the RGB Channels that compose the image.

  • Amount


Dots

It is a kind of old style black and white dithering effect. 

  • Scale
  • Angle

Still need help? Contact Us Contact Us