如何逐个像素地重新创建预制png作为变量增加

时间:2015-02-09 08:17:14

标签: javascript image-processing pixels

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

在我学习python之前,我已经玩过各个像素,但我从未见过以这种方式使用的像素操作。任何想法都将是一个很大的帮助,谢谢。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

制作一个预制像素精灵,然后将其依次叠加在图像上。将预制件存放在阵列中。它们已经处于有序状态,因此处理隐藏和显示它们将非常容易。您可以通过排序图层隐藏/显示(将它们移动到背景图层以隐藏,将它们移回到前景图层以显示)。

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

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

相关问题