如何随着变量的增加逐个像素地重新创建预制的 png

How to recreate a premade png pixel by pixel as a variable increases

我正在使用 javascript 在 unity2D 中制作一个闲置游戏,并试图通过根据我存储在游戏文件中的几个图像之一非常缓慢地构建图像来为玩家设定一个目标(假设PNG)。每次玩家的总分上升时,这张图片都需要显示另一个像素,并在玩家花费这些分数时移除一个像素。对于大图像,这将花费相当多的时间,但会显示进度。

我以前学习时曾尝试过单个像素 python 但我从未见过以这种方式使用像素操作。任何想法都会有很大的帮助谢谢。

您可以调整图片的大小,即缩小和拉伸图片 - 如果这是一个简单的进度条。或者你可以用例如覆盖它黑色纹理并调整其大小以覆盖您不想显示的进度条部分。如果您想在二维基础上显示像素(例如,逐行显示),您可以使用两个矩形来覆盖那些您不想显示的部分。 如果你真的想显示随机像素,那么你仍然可以使用蒙版,但请记住,unity2d 并不意味着在每个像素的基础上那样工作。您可能需要一个自定义着色器,这并不简单。

制作一个预制像素精灵并将其按顺序叠加在图像上。将预制件存储在数组中。它们已经井然有序,因此处理隐藏和显示它们就足够容易了。您可以 hide/show 通过排序图层(将它们移到背景层以隐藏,将它们移回前景层以显示)。

http://docs.unity3d.com/Manual/Prefabs.html

http://unity3d.com/learn/tutorials/modules/beginner/2d/sorting-layers