Ben Elwyn

Pointilliser

Client

  • Personal

Delivered

  • Design tools

Roles

  • Designer
  • Developer

Tools

  • three.js
  • p5.js
  • Web tech

The Tools

The Pointilliser suite is a series of browser-based design tools for generating unique graphics with a circle/sphere clustering technique. I like to call it “neo-pointillist.”

Using both 2d and 3d canvasses you can use typography or bring your own images to then render out your own graphics using the various parameters provided.

An image

Two Dimensions

Pointilliser 2D uses p5.js and a custom shader to convert type and user-uploaded images into a pattern of gradient or solid circles.

An image
An image
An image
An image
An image
An image

Three Dimensions

Pointilliser 3D moves the generation into 3D space. You can type some words and it will then convert it to a 3D scene of spheres clustered around the type.

Play with the lighting, the colours, the sphere placement, the camera position, and much more.

Like the 2D version, it can render static versions of the final artwork. New to this edition is the ability to sequence and export animations.

An image
An image
An image

Slanted Magazine

Pointilliser was featured in the special edition of Slanted Magazine on Digital Tools

An image
An image

Featured on

Site of Sites

Featured in

Slanted Magazine

The 2D Tool

Try it here

The 3D tool

Try it here

Back to Work