Tutorials:创建渐变色

来自Starling中文站
跳转到: 导航, 搜索

http://wiki.starling-framework.org/tutorials/creating_color_gradients

在Starling里,可以在Quad类的协助下创建渐变。Quad类为一个拥有颜色(但并非一个纹理)的矩形。如果你查看了Quad类接口,你就能理解,你不仅仅可以设置一个颜色,而且还有四个顶点。这是一个非常简单高效的方法来创建渐变。

你看过PenguFlip1游戏中的彩色天空背景吗?它就是用5个巨大的quad实例来创建,每个都为一个渐变色。 这里介绍下这些quad是怎么创建的:

var bottomColor:uint = 0x1c1191; // blue
var topColor:uint    = 0xea0b0b; // red
 
var quad:Quad = new Quad(250, 150);
quad.setVertexColor(0, topColor);
quad.setVertexColor(1, topColor);
quad.setVertexColor(2, bottomColor);
quad.setVertexColor(3, bottomColor);

当然,你如果想为4个顶点分别设定不同的颜色,也是可以的。 顶点0和1在顶部,而顶点2和3在底部。

Gradient.png

记住,Image是Quad的子类-这意味着你也可以对一个纹理着渐变色。

个人工具
名字空间

变换
操作
导航
Starling中文资料
Starling原创教程
论坛
友链
工具箱