剥皮'Tech Crush'游戏

时间:2015-03-22 00:33:43

标签: javascript image canvas

我正在尝试为这款Match-3风格的游戏设置皮肤,但是图像源是由javascript编写的,它会让我感到厌恶。

以下是指向它的链接:http://codepen.io/drewlandon/pen/RNEqwJ

var logoSource = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArwAAABGCAYAAAAuLEcVAAAgAElEQVR4nOyddXgU59qHtz099Z7TlhpSCqcGhZZS99KelhYqlEJx9xAkhksCIUgCBILEXYi7u7ttdpPdKEGCW4B4svf3xyRLZDckSKHn63Ndz5Vkd2bemcnuzr2/+T3PK5KUNPH/PcWy+i75d/wdf8ffcbdCoVB0m9ACKGhBQX1LM1fqGjlf28D5ukYu1De1/hTycp2Ql+qauFwv5MW6Ji7WN3GpoYmLDU2crxN+v9KalxuaudLYmvXNVDc0c7WhmasNTVS3W+5Kh3WEbV1sELZ9sb6JC/VNXKpv4lKdkFfafq9poLq2gdqGJlpajwWaUbQeu7p41TWFZ+0SWzOh3e/t/+78eOdMaJeq1u/JNnqznKplerp9devdWP9V19Q/50X5F43rNQ1YeWQxdoErX0yx48tp/7/yi2m2jJrugN6OcGRlZ3t0zgqqruKQfoKVPoXMdRV3yHluYua7iZnjImaOUz5znPNZ6JaPnmcum32yMQ3MwD8qkfi4OOJuN+PjiU1LIyEmhvMbNsDcuTdyzpyuf6vKJUvAwgLS06GbzxYA0b2Gzfsh/wbev+N+iPj4eHR1dNhtYkJcXByXLl68J/tx4cIFIiMj2blzJzo6OmRmZNyT/fhfDpWQqwAUAhxW1TWTVH4B38wK7OIKORBegGlIPqZh+eyPKGB/hASzSCkHo6SYhxdgESHBKqoQu/hi7OJKsIuV4hAvwSmxCJdkGQ7xhbgmyziSVMSRpCI8U4vxTi/FJ6MUv/RSAjLK8E8vxSdFjneyDM8UOR6pxXimFuOeLMc9Rc6RZBnOSUI6JRbhEC/FIU6CXZwc21g5trEybGKKsIou5HC4lMMRhdjHFuGTXkaC7AyV1fUoaAYUwoVJIfzaPp6yiUdkHtMuo9X8VLVMT/9ulxZqHleb0T3ch1vYFzXLPWUT/+e/QP8iUVNbz1KDUN4aa84nf1jz+RT7/5f52SRbRvxqwVfTHetc etc etc ";

任何帮助都会很棒。谢谢。

1 个答案:

答案 0 :(得分:0)

这是一个Base64编码的图像,其中图像数据实际上被编码为这个非常长的字符串。

如果您将完整的字符串复制并粘贴到浏览器位置栏中,您应该能够看到他们使用的精灵图像,其尺寸为700px W x 70px H.

如果你创建一个具有相同尺寸的图像,你可以创建一个新的皮肤,它由10个图标并排组成,每个70 x 70像素。

将图片文件作为PNG后,您应该能够使用网站like this one,或者可以GIMP使用generate a Base64 string

然后只需分叉CodePen,用你的替换他们的base64字符串,瞧!新皮肤。