AJUSTA TU IMAGEN Y DALE A LISTO
  • Color
  • Depth
TARGET RESOLUTION:
WIDTH: 96
HEIGHT: 96

Enabling 3D mode allows for designing pictures with multiple layers, where some pixels protrude further out than others

This may not be a good fit for all images, but can work quite well in many cases

Important

Be careful when using high resolutions - this can cause performance issues on less powerful machines, especially during pdf generation and for 3D previews

GET DEPTH MAP
DEPTH MAP CROPPING WILL MATCH INPUT IMAGE

If you have a depth map corresponding to your image you can select it here. If you don't, you can generate an approximation in the 'generate' section.

This will compute an approximation of the depth map if you do not have one
Important

Computing the depth map can be computationally expensive. Be prepared to wait a bit, and be careful, especially if you have a less powerful device.

How does this work?

The depth map is computed using a DNN (deep neural network). For the reasons described in the 'about' section, everything is run entirely within the browser, using a modified version of ONNX.js. The model used is MiDaS - more specifically, the small ONNX version which can be found here.

Citation for Model Used Ranftl, René, Katrin Lasinger, David Hafner, Konrad Schindler, and Vladlen Koltun. "Towards robust monocular depth estimation: Mixing datasets for zero-shot cross-dataset transfer." (2020). IEEE Transactions on Pattern Analysis and Machine Intelligence
3
  • Color
  • Depth

STEP 3

PROCESS IMAGE WITH FIXED COLOR PALETTE
Average ϵ:

● This section specifies how many pieces of each color you have available to create the image

● Color names are bricklink colors

● Step 4 of the algorithm cannot run unless you select enough pieces to fill the picture ('Missing Pieces' must be 0)

● If you're working with an existing set, then clear the available pieces and use the mix in option to add in the pieces from your set.

Required Pieces:
Available Pieces:
Missing Pieces:

Important: Infinite piece counts were used, since a linear error dithering algorithm was selected in the 'Quantization' section, or a variable piece type was selected in the 'Pixel Piece' section

Note: Any colors painted using the paintbrush are assumed to exist when infinite piece counts are enabled

Color Number Available

Important: Since a variable size pixel type was selected, 'Infinite Piece Counts' under 'Available Colors' was enabled - be careful!

Available Dimensions:
Color Distance Function

● This setting determines which distance function is used to align pixels to their closest Lego colors

Quantization Algorithm

● This determines what strategy is used for aligning pixels

● Some algorithms run faster than others - be careful when running the greedy algorithms on larger images

Important: Since this is a linear error dithering algorithm, 'Infinite Piece Counts' under 'Available Colors' was enabled - be careful!

It's often best to use 'Euclidean RGB' for the color distance function, for mathematical cleanliness

Color Tie Resolution Strategy

Changing this is useful if you have a large background but not enough pieces to fill it out uniformly in step 4

Blocking Factor: 1

STEP 3

ADJUST DEPTH MAP

● Click a pixel to increase its height

● Click a pixel to decrease its height

  • Color
  • Depth

Image processing requires proper color configuration
SATURATION 0%
BRIGHTNESS 0
CONTRAST 0
Pieces Used in Final Image
Color Dimensions Number Used
Pieces Missing From Step 3
Adding these pieces will allow the image from step 4 to match the image from step 3
Color Number Missing

3D Preview

If you can't see the 3D effect when hovering your mouse over the image, check the input from depth step 1
Preview effect intensity

● This is a (very) rough preview of what the 3D effect might look like

● Hover your mouse over the image to vary the perspective

● Make sure your depth map is not blank

● This is unlikely to work well on less powerful devices, since this is generated dynamically

● Keep in mind that the effect varies from browser to browser, can be subtle, and may not be 100% representative of what the physical art piece would look like

● This is the set of plates that may be used to generate depth instructions and piece lists

● These pieces are used as padding so that the correct pixels protrude outwards

● Note that larger plates may be difficult to attach/detach from the base

Available Plates:

Longer instructions may be split into multiple files

Important

Depending on your hardware and the resolution you've chosen, the pdf can take quite a few seconds to generate. Be prepared to wait if you're generating instructions for larger resolutions, especially for high quality pdfs. Larger resolutions may also cause some slowness on the page or may not work at all on less powerful devices, so I recommend starting at the default and then going up.


Example use case - this is a full Hogwarts crest created by the algorithm with just 1 copy of set 31201 Or
Usage Metrics

Note: No user data is stored, so this is just aggregated info based on simple increments

Date Images created