生成器

获取实体像素画，请与站长联系，微信号:putaoxsh

1 选择范围

拖动选择框边缘调整范围

宽（像素点数量）:

高（像素点数量）:

画幅尺寸:38.4 * 38.4 cm

建议使用jpg和bmp格式照片，其他格式有可能出现兼任问题。照片越简单，生成效果越好。

Step 1

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

调整参数

调整颜色让轮廓更清晰

色调: 0°

饱和度: 0%

明度: 0%

亮度: 0

对比度: 0

Step 2

Make depth discrete

Number of depth levels: 3

Determines how many discrete levels of depth you want the pixels of the image to have, where each level is one Lego plate deep

Depth threshold

Adjusts the threshold for separating the discrete depth levels

If the discretized depth map is blank, make sure you've selected or computed a depth map in step 1, and adjust the threshold so that they are between the sections of the image you want to separate

3 微调优化

手动调整局部细节

● 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:

Infinite Piece Counts

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

Color	Number Available

Mixed in studs are added to studs already selected

Make sure the set you're mixing in studs from matches the selected pixel piece

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

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

4 完成

恭喜您获得了一张独一无二的作品！
获取实体像素画，请与站长联系，微信号:putaoxsh

高质量pdf

较长的说明书可能会分成多个文件

颜色名称来自葡萄像素画颗粒库

重要说明

根据您的硬件和您选择的分辨率，生成pdf可能需要几秒钟。如果您正在为更大的分辨率生成指令，尤其是高质量的pdf，请做好等待的准备。较大的分辨率也可能导致页面速度变慢，在性能较弱的设备上可能会出现卡顿的情况，所以建议优先制作低分辨率的说明书，然后再尝试制作高质量的说明书。

作品所用到的颗粒列表

颜色	Dimensions	数量

步骤3中缺失的积木块

添加这些积木使得步骤4与步骤3中的图像相匹配

颜色	数量缺失数量

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:

High quality pdf

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.

Bricklink Upload Page
U.S. Pick a Brick Page

开始制作

像素画说明书示例 - 该像素画的原图片

简介

About

• Made with ♥ by Deb • Source Code

What is it?

In 2020, The Lego Group released the Lego Art theme, which allows people to create a predetermined image using lego studs.
Lego Art Remix lets you upload your own image, and then uses computer vision to use the studs from a Lego Art set that you already have to recreate the image.

This project is not affiliated with The Lego Group

Performance and Security

The computer vision techniques used are pretty inexpensive (with the exception of optional depth map generation), and the resolutions being dealt with are naturally quite low, so as of the time of writing, the algorithm runs quite quickly. This allows for it to be run on the client, and on the machines that I tested, it ran in near real time.

The most computationally expensive part of the process, apart from depth map generation, is generating the instructions, since even pdf generation is done client side.

Since it runs almost entirely within the browser (see the source code), no image data is sent to a server and so it's very secure. This also makes it much easier for me to maintain and host. The only server code consists of simple increments to anonymously estimate usage for the purposes for tracking performance in case the static deployment needs to be scaled up, and for the counter in the about section.

Even the deep neural network to compute depth maps is being run entirely within the browser, in a web worker, using a modified version of ONNX.js. I've compiled a version of the library based on this pull request, with a small additional change I made to support the resize operation in v10. The model used is MiDaS - more specifically, the small ONNX version which can be found here.

Bugs, Feature Requests, and Algorithm Improvements

Direct any concerns or ideas for improvements here

As of the time of writing, I don't have all of the sets, and I haven't had much time to test. As a result, there's probably a few bugs, so let me know if you find any.

Algorithm improvement ideas are always welcome. Improvements that maintain the efficiency to within a reasonable degree would allow the algorithm to keep running on the client, which I really like.

Usage Metrics

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

Date	Images created

生成器

1 选择范围

Step 1

调整参数

Step 2

3 微调优化

Step 3

4 完成

3D Preview

开始制作

简介

葡萄像素画款式就是多

生成像素画图纸后如何获得实物？

Tech Talk + Other Media

About

What is it?

Performance and Security

Bugs, Feature Requests, and Algorithm Improvements

Usage Metrics

生成器

1 选择范围

尺寸

3D

重新上传照片

Increase Limit

Step 1

Select

Generate

调整参数

像素化模式

色调/饱和度/明度

亮度

对比度

Step 2

Level Count

Thresholds

Troubleshooting

3 微调优化

可用的颜色

积木样式

渲染参数

Step 3

Edit Depth

4 完成

拼图说明书

颗粒列表

Export Piece List

3D Preview

Tips

Depth Plates

Instructions

Pieces Used

开始制作

简介

葡萄像素画 款式就是多

生成像素画图纸后如何获得实物？

Tech Talk + Other Media

About

What is it?

Performance and Security

Bugs, Feature Requests, and Algorithm Improvements

Usage Metrics

葡萄像素画款式就是多