Corona图形特效-着色和渐变

在Corona SDK-621中添加了一对关于图形的颜色特效：着色和色调渐变！

1.着色

现在你可以通过调用setFillColor()方法来给图像对象着色。你传进来的颜色就像是一个固定的对象，在Corona中我们把它解释为着色。参数的个数决定如何解析这些数字。如果你传进了1个或2个那决定的就是灰度，如果是3个或4个那决定的是颜色:

image:setFillColor( gray )
image:setFillColor( gray, alpha )
image:setFillColor( red, green, blue )
image:setFillColor( red, green, blue, alpha )

这里有一个简单的例子，以HelloWorld作为例子来说明如何使用它。4次加载world.jpg。第一次是正常的，后面3次使用了不同的着色：

local w,h = display.contentWidth*0.5, display.contentHeight*0.5
local halfW,halfH = 0.5*w, 0.5*h
local background = display.newImageRect( "world.jpg", w,h )
background:translate( halfW, halfH )

local dw = w + halfW
local dh = h + halfH

local background = display.newImageRect( "world.jpg", w,h )
background:setFillColor( 255, 255, 0 )
background:translate( dw, halfH )

local background = display.newImageRect( "world.jpg", w,h )
background:setFillColor( 255, 255, 0 )
background:translate( halfW, dh )

local background = display.newImageRect( "world.jpg", w,h )
background:setFillColor( 255, 0, 255 )
background:translate( dw, dh )

2.色调渐变

现在你可以使用graphics.newGradient()为文本对象和固定的长方形(也就是纯粹的rects,而不是圆形的rects)。通过调用graphics.newGradient()你创建一个新的色调对象。你可以通过text:setTextColor()和rect:setFillColor()来调用这个对象。

下面的代码演示了一个垂直方向的色调渐变，从黄色渐变到(几乎是)一条白色:

local myText =
display.newText( "Hello, World!", 0, 0, native.systemFont, 40 )
myText.x = display.contentWidth * 0.5
myText.y = display.contentWidth * 0.25
local g = graphics.newGradient( { 255, 255, 0 }, { 200 }, "down" )
myText:setTextColor( g )

http://www.buildapp.net/post/142.htm

Corona图形特效-着色和渐变相关推荐

Qt 图形特效(Graphics Effect)介绍
原文链接:Qt 图形特效(Graphics Effect)介绍 QGraphicsEffect也是Qt-4.6引入的一个新功能.它让给图形元素QGraphicsItem增加更佳视觉效果的编程变得非常简 ...
C语言百叶窗动画效果算法,用vb实现“百叶窗”的图形特效_visualbasic教程
在Powerpoint这样的软件中,各种各样的图形特效层出不穷,其中"百叶窗"的切换效果尤为新颖奇特.在VB中实现这样的图形特效十分简单方便.其方法是调用WINDOWS的API函数 ...
unity黑白滤镜_unity游戏相机滤镜渲染后期色彩处理特效着色器Colorful FX v4.4
unity游戏相机滤镜渲染后期色彩处理特效着色器Colorful FX v4.4,是一个可快速和自定义的后处理效果,颜色可调整. Colorful FX is a collection of high ...
android 特效绘图,Android绘图机制与处理技巧——Android图像处理之图形特效处理...
Android变形矩阵--Matrix 对于图像的图形变换,Android系统是通过矩阵来进行处理的,每个像素点都表达了其坐标的X.Y信息.Android的图形变换矩阵是一个3x3的矩阵,如下图所示: ...
css特效实现透明渐变
知乎发现栏目上的标题图一般都是以下图方式展现的,很显然它是利用渐变去实现的.思路很有意思,主要是要有两方面的认知: 这张图其实可以分成两部分,右边控制图形和渐变,左边就是一张纯色背景,和渐变无关透明 ...
Android图像处理之图形特效处理
前面我们了解了关于图像色彩处理的相关技巧,下面继续来探讨图形图像方面的处理技巧. 1.Android变形矩阵------Matrix 对于图像的色彩处理,Android系统提供了ColorMatrix ...
雪地上的圣诞老人图形特效
圣诞节~css3绘制卡通的圣诞老人,飘着雪地上的圣诞老人ui特效.ps:响应式的图形布局 css代码 .cartoon {position: absolute;top: 50%;left: 50%;t ...
图形特效编程---片段函数与抓屏技术
一.制作磨砂效果的毛玻璃效果图: 代码: Shader "Unlit/FrostedGlass" {Properties{_Radius("Radius", ...
智慧城市特效(建筑颜色渐变、飞线、扫光、扫描、光墙、线路、水、道路线条、锥形标、漫游)three+shader
three-map:谭术/threeMap three-map:加入了建筑.建筑颜色渐变.飞线.扫光.扫描.光墙.线路.水.道路线条.锥形标识等效果文件服务器谭术/fileServer

Corona图形特效-着色和渐变

Corona图形特效-着色和渐变相关推荐

最新文章

热门文章