生成器

获取实体像素画，请与站长联系，微信号: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

开始制作

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

简介

• Made with ♥ Putao pixcel Art • 葡萄像素画

葡萄像素画款式就是多

在2020年，乐高发布了乐高艺术系列, 该系列是使用小圆点积木构成一张画像，增添空间艺术气息，一经推出就受到各界的欢迎。像素画虽然好，但款式有限，所以就萌生了自主制作像素画的想法，起初是采用全手工制作，一幅48*48的像素画最快也需要2天的时间，由于人手有限顾客等待时间也随之增加，一度需要排期超过3个月。

得益于我们是程序员，在掌握了像素画制作要诀之后，在2021年初开发了第一版“葡萄像素画生成器”，致力于用科技手段快速制作像素画。在生成器的加持下，制作效率有了大幅度的提升，最快2分钟左右就能制作出一张像素画草稿，加上后期人工校正的时间，最快30分钟左右就能做好一个作品。因此，我们的作品库的数量进入了快速增长阶段，涵盖了生日、情侣、乔迁、学业、生肖等类别，并支持来图定制，以及人工代拼。

在2021年末，我们将“葡萄像素画生成器”免费开放给大众使用，目前已累计生成作品超过180万幅，客户遍布全国各地，我们持续为客户提升服务水平，建立人工审核团队，认真对待每一幅作品，提供代拼服务，在国内组建配件工厂，成为像素画制作领域制作效率高、配套服务全面、配件质量好的代表。

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

在最后一步下载PDF拼图说明书，添加客服微信（微信号：putaoxsh），并将【快递信息】和【PDF文件】发给客服，客服就会将您制作的像素画寄到您手上^_^

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 选择范围

尺寸

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