cocos2d-基本概念(5)-Effects效果

Effects 效果

Introduction 介绍

Effects 是一些列特别的动作。相比于改变通常的属性,像透明度,位置,旋转,或者缩放而言,它们修改的一种新的属性,Grid(网格)属性。

一个Grid 属性就好像一个矩阵,是一个网络的线,组成一系列的方块和矩阵。

这些特别的动作把任何一个cocosNode 对象(层,场景,精灵等)变化成Grid,你可以通过它们的顶点来改变它们。

有两种不同的Grid:tiled 和 non-tiled网格,不同的是tiled网格是通过各自tiled组成,而non-tiled是通过顶点组成的。

一个Grid有2个维度,行和列。但是任何一个vertex都有3个维度,xyz。所以你可以建立一个2d或者是3d的效果,不同的是通过tiled-grid-3d 或者是grid-3d。

你可以通过提高增加grid的大小来提高效果的质量,但是效果的速度将会降低。

一个(16,12)大小的grid将会运行的非常快,但是并不会看起来非常的好。(32,24)的将会看起来非常棒,但是在iphone1代中,运行起来不会太快。

How they work 如何工作

Each frame the screen is rendered into a texture (FBO). This texture is transformed into a vertex array and this vertex array (the grid!) is transformed by the grid effects. Finally the vertex array is rendered into the screen.

任何一个屏幕的Frame都会改称成一个Texture(FBO),这个纹理会转换城一个顶点array,这个顶点坐标array是通过grid的效果转换来的。最后,这个顶点数组被显示到屏幕上。

For more information about the internals refer to:

TiledGrid3D and TiledGrid3DAction for tiled grids

Grid3D and Grid3DAction for non-tiled grids

For example, if you have an scene or layer that renders this image:

时间: 2024-08-01 07:51:59

cocos2d-基本概念(5)-Effects效果的相关文章

Cocos2D v3.4.9粒子效果不能显示的原因分析及解决办法

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 在游戏App中为了衬托气氛我们往往使用一些特殊的图形效果,粒子效果无疑是其中最为常用,也最为方便的一种. 正常使用下,粒子效果的确很稳定,但是本猫最近在RPG游戏里却遇到了粒子效果不能显示的问题,调试着实花了一些功夫.现将问题现象,分析以及解决方法记录下来和大家一起分享,也便于以后回忆查找. 问题现象很简单,就是粒子效果不显示-但也不是所有粒子效果都不显示,只

PS混合模式的妙用教程:创造新概念艺术作品效果

数码艺术是一个发展很快的行业,并且他能帮助你做些独特的事情,让你的工作脱颖而出. 但原创才是关键. 我有一个想法:最近我打算创造一系列不同的设计,通过使用我最初学的摄影和绘画手段,并且加入一些数字合成方法. 本教程是有关于,怎样综合不同的媒介进一步推动您的作品风格,并且创造新的概念.我将会告诉你,怎样摄影,并且怎样通过数字模拟技术的实践, 来创造你自己想要的原创艺术. 01 首先,通过手动和摄影的手段创造一些效果,我用了以水为基础的方法.你也可以拍一些云,或者点根烟,或是别的什么. 那么我们开始

PS混合模式创造新概念艺术作品效果

  数码艺术是一个发展很快的行业,并且他能帮助你做些独特的事情,让你的工作脱颖而出. 但原创才是关键.我有一个想法:最近我打算创造一系列不同的设计,通过使用我最初学的摄影和绘画手段,并且加入一些数字合成方法.本教程是有关于,怎样综合不同的媒介进一步推动您的作品风格,并且创造新的概念.我将会告诉你,怎样摄影,并且怎样通过数字模拟技术的实践,来创造你自己想要的原创艺术. 大赛作品集"> 01 首先,通过手动和摄影的手段创造一些效果,我用了以水为基础的方法.你也可以拍一些云,或者点根烟,或是别的

Fireworks混合模式之宝石花效果(二)

上一节,我们学习了通过对图层的混合模式进行调整从而产生令人眼花缭乱的效果,本节我们将继续对混合模式的使用进行深入挖掘!首先还是先看看通过调整图层混合模式产生的效果图,效果图的名称暂且还叫做宝石花效果吧,呵呵,因为实在我想不出更贴切的名称了,不管如何,我们还是一起来看看本例效果图的制作方法吧 1.打开FWMX,新建文件,大小200*200,背景色采用的黑色. 2.选取工具箱的椭圆绘制工具,配合Shift键,在编辑区绘制一个圆形,选中圆形对象,对Properties(属性)面板进行相关设定:Stro

Fireworks MX2004表现脉冲光效果

其实Photoshop可以实现的影像效果常常在Fireworks中也能做到.如果你是个平面设计师,可能对FW的成像细节还颇有挑剔.不过作为网络使用的影像,FW模拟PS的一些效果已经能够胜任了. 光影是影像设计者长年追求的效果.我们来看看这个由FWMX2004来实现的范例,这个富未来感的脉冲光是不是能吸引住你的眼球? 制作其实不难,说穿了是几种滤镜堆砌出来的效果,稍微考验点机器的配置.当然在FW里的作法跟PS还是有些差异的. 我们先在FWMX2004中创建画布,用钢笔勾画个随意的图形,如图用波浪渐

[python] 使用Jieba工具中文分词及文本聚类概念

        前面讲述了很多关于Python爬取本体Ontology.消息盒InfoBox.虎扑图片等例子,同时讲述了VSM向量空间模型的应用.但是由于InfoBox没有前后文和语义概念,所以效果不是很好,这篇文章主要是爬取百度5A景区摘要信息,再利用Jieba分词工具进行中文分词,最后提出文本聚类算法的一些概念知识.         相关文章:         [Python爬虫] Selenium获取百度百科旅游景点的InfoBox消息盒         [python爬虫] Seleni

Photoshop制作星光闪烁的磨砂字体动画教程

  Photoshop制作星光闪烁的磨砂字体动画教程          教程主要使用Photoshop制作星光闪烁的磨砂字体动画教程,前几天的动态文字教程,有同学反映操作有难度,今天来一篇比较容易上手的.很多新手不理解的动画原理方面,作者也特意挑出来讲,生动贴切,通俗易懂,一学即会.素材跟源文件都给备好了,就等涨姿势了. 打开PS,新建一个文档.文档大小我选用600px*800px.新建成功后,选用渐变工具,沿着画笔的对角线画出一个直线渐变背景.色值从#0a485a过渡到#1180a0. 这里的

PS超简单闪闪发光的文字动画

  GIF小图片常常带给我们惊喜,眼花缭乱迷人眼.动画效果就是能如此深刻地抢夺我们的视线.今天我们要学的GIF动画效果非常简单易学.让文字闪闪发光,相信在网页的任何角落出现都不会被忽略. 一.准备 星星画笔一 星星画笔二 二.基本文字造型 打开PS,新建一个文档.文档大小我选用600px*800px.新建成功后,选用渐变工具,沿着画笔的对角线画出一个直线渐变背景.色值从#0a485a过渡到#1180a0. 这里的文字我选用了较为粗的字形,当然,并不是细的字形就不适合.文字颜色设置为#08d7f0

虚拟机概论(四)——虚拟机的历史

虚拟机的历史 在今天的计算机世界中,虚拟机的概念已经被用来解决许多问题.从机器的分割(IBM模型),到"半平台无关"的程序设计语言(Java模型),到开发操作系统(UNIX模型和OSI模型),虚拟机的概念在构成现代计算机的过程中已经被证明是一个强大的工具.然而,这个概念对每个人来说并非总是清晰,并且直到20世纪60年代中期,它才被用于实践. 1965年前后,IBM的研究人员试图去测量一些计算机科学领域新概念的实际效果.为了能够测量到这些新特性开启和关闭后机器的两种性能,研究人员需要一种