Download Script

Halftone3D is a Javascript plugin that generates halftone 3D composition based on source image and depth map. It provides most popular halftone patterns, standard raster settings, output resolution control, color randomization and even some image processing. Customizable parallax effect adds depth and makes your image interactive.

Halftone3D - 3D Parallax Halftone Image Generator - 1
Halftone3D - 3D Parallax Halftone Image Generator - 2

Halftone3D is a Javascript plugin that generates halftone 3D composition based on source image and depth map. It provides most popular halftone patterns, standard raster settings, output resolution control, color randomization and even some image processing. Customizable parallax effect adds depth and makes your image interactive.

Halftone3D - 3D Parallax Halftone Image Generator - 1
Halftone3D - 3D Parallax Halftone Image Generator - 2

Features

  • 3D feel.
    Creates 3d scene based on source image and depth map.
  • 11 basic patterns.
    Each pattern can be inverted. It gives a total of 22 unique patterns.
  • Responsive.
    3 scaling modes: “cover”, “fit” and “none”.
  • Interactive.
    Reacts to mouse movements.
  • Flexible parallax settings.
    Adjust depth detalization, parallax intensity and more.
  • Standard raster settings.
    Define pattern, dot size and color, raster angle and much more.
  • Advanced color randomization.
    Randomize dot color both globally and per RGB-component.
  • Image processing.
    Change brightness & contrast, invert image.
  • Output resolution control.
    Define output image size specifying width or height or both.
  • Multiple instance support.
    Create 2 or more halftones on one page.
  • Many use cases.
    Useful for headers, abstract backgrounds and more.
  • Saves traffic.
    Get large halftone image based on an instantly loaded small source image.
  • Rich API.
    Modify everything at any time using Javascript.
  • Examples of use.
    Take any example and use it as a starting point.
  • Source code.
    Includes uncompressed javascript code. It is well formatted and commented.
  • Graphic sources.
    Includes layered PSD files of depth maps.
  • Clear documentation.
    Includes quick start guide and detailed description of settings and API.
  • Friendly support.
    Feel free to contact us via comments or private message.

Halftone3D - 3D Parallax Halftone Image Generator - 3
Halftone3D - 3D Parallax Halftone Image Generator - 4

Download Script