cocos2dx ​​Animate3D (一）

最新推荐文章于 2024-05-02 22:36:24 发布
最新推荐文章于 2024-05-02 22:36:24 发布
阅读量453 收藏
点赞数
分类专栏： cocos2dx学习之路 文章标签： cocos2d 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/canjiangmengyuan/article/details/134556242
版权

3D相关的动画都是继承Grid3DAction

本质上是用GirdBase进行创建动画的小块。

Shaky3D

晃动特效
请添加图片描述

//  持续时间(时间过后不会回到原来的样子)
// 整个屏幕被分成几行几列 
// 晃动的范围 
// z轴是否晃动 
static Shaky3D* create(float initWithDuration, const Size& gridSize, int range, bool shakeZ);

关键实现

void Shaky3D::update(float /*time*/)
{
    int i, j;

    for (i = 0; i < (_gridSize.width+1); ++i)
    {
        for (j = 0; j < (_gridSize.height+1); ++j)
        {
            Vec3 v = getOriginalVertex(Vec2(i ,j));
            v.x += (rand() % (_randrange*2)) - _randrange;
            v.y += (rand() % (_randrange*2)) - _randrange;
            if (_shakeZ)
            {
                v.z += (rand() % (_randrange*2)) - _randrange;
            }
            
            setVertex(Vec2(i, j), v);
        }
    }
}

示例代码

cc.Shaky3D:create(5, cc.size(15,10), 5, false)

Waves3D

波浪特效
请添加图片描述

// 持续时间(时间过后不会回到原来的样子) 
// 整个屏幕被分成几行几列 
// 波动的速率 
// 振幅 
static Waves3D* create(float duration, const Size& gridSize, unsigned int waves, float amplitude);

源码

void Waves3D::update(float time)
{
    int i, j;
    for (i = 0; i < _gridSize.width + 1; ++i)
    {
        for (j = 0; j < _gridSize.height + 1; ++j)
        {
            Vec3 v = getOriginalVertex(Vec2(i ,j));
            v.z += (sinf((float)M_PI * time * _waves * 2 + (v.y+v.x) * 0.01f) * _amplitude * _amplitudeRate);
            //CCLOG("v.z offset is %f\n", (sinf((float)M_PI * time * _waves * 2 + (v.y+v.x) * .01f) * _amplitude * _amplitudeRate));
            setVertex(Vec2(i, j), v);
        }
    }
}

示例

cc.Waves3D:create(5, cc.size(15,10), 5, 40)

FlipX3D

X轴翻转动画

请添加图片描述

// 反转时间
static FlipX3D* create(float duration);

源码

void FlipX3D::update(float time)
{
    float angle = (float)M_PI * time; // 180 degrees
    float mz = sinf(angle);
    angle = angle / 2.0f; // x calculates degrees from 0 to 90
    float mx = cosf(angle);

    Vec3 v0, v1, v, diff;

    v0 = getOriginalVertex(Vec2(1.0f, 1.0f));
    v1 = getOriginalVertex(Vec2());

    float    x0 = v0.x;
    float    x1 = v1.x;
    float    x;
    Vec2    a, b, c, d;

    if ( x0 > x1 )
    {
        // Normal Grid
        a.setZero();
        b.set(0.0f, 1.0f);
        c.set(1.0f, 0.0f);
        d.set(1.0f, 1.0f);
        x = x0;
    }
    else
    {
        // Reversed Grid
        c.setZero();
        d.set(0.0f, 1.0f);
        a.set(1.0f, 0.0f);
        b.set(1.0f, 1.0f);
        x = x1;
    }
    
    diff.x = ( x - x * mx );
    diff.z = fabsf( floorf( (x * mz) / 4.0f ) );

    // bottom-left
    v = getOriginalVertex(a);
    v.x = diff.x;
    v.z += diff.z;
    setVertex(a, v);
    
    // upper-left
    v = getOriginalVertex(b);
    v.x = diff.x;
    v.z += diff.z;
    setVertex(b, v);
    
    // bottom-right
    v = getOriginalVertex(c);
    v.x -= diff.x;
    v.z -= diff.z;
    setVertex(c, v);
    
    // upper-right
    v = getOriginalVertex(d);
    v.x -= diff.x;
    v.z -= diff.z;
    setVertex(d, v);
}

示例

cc.FlipX3D:create(3)

FlipY3D

Y轴翻转动画
请添加图片描述

// 时间
static FlipY3D* create(float duration);

源码

void FlipY3D::update(float time)
{
    float angle = (float)M_PI * time; // 180 degrees
    float mz = sinf( angle );
    angle = angle / 2.0f;     // x calculates degrees from 0 to 90
    float my = cosf(angle);
    
    Vec3    v0, v1, v, diff;
    
    v0 = getOriginalVertex(Vec2(1.0f, 1.0f));
    v1 = getOriginalVertex(Vec2());
    
    float    y0 = v0.y;
    float    y1 = v1.y;
    float y;
    Vec2    a, b, c, d;
    
    if (y0 > y1)
    {
        // Normal Grid
        a.setZero();
        b.set(0.0f, 1.0f);
        c.set(1.0f, 0.0f);
        d.set(1.0f, 1.0f);
        y = y0;
    }
    else
    {
        // Reversed Grid
        b.setZero();
        a.set(0.0f, 1.0f);
        d.set(1.0f, 0.0f);
        c.set(1.0f, 1.0f);
        y = y1;
    }
    
    diff.y = y - y * my;
    diff.z = fabsf(floorf((y * mz) / 4.0f));
    
    // bottom-left
    v = getOriginalVertex(a);
    v.y = diff.y;
    v.z += diff.z;
    setVertex(a, v);
    
    // upper-left
    v = getOriginalVertex(b);
    v.y -= diff.y;
    v.z -= diff.z;
    setVertex(b, v);
    
    // bottom-right
    v = getOriginalVertex(c);
    v.y = diff.y;
    v.z += diff.z;
    setVertex(c, v);
    
    // upper-right
    v = getOriginalVertex(d);
    v.y -= diff.y;
    v.z -= diff.z;
    setVertex(d, v);
}

示例

cc.FlipY3D:create(3)

Lens3D

凸镜特效
请添加图片描述

// 持续时间(时间过后不会回到原来的样子) 
// 网格大小 
// 凸镜中心点
// 半径
static Lens3D* create(float duration, const Size& gridSize, const Vec2& position, float radius);

源码

void Lens3D::update(float /*time*/)
{
    if (_dirty)
    {
        int i, j;
        
        for (i = 0; i < _gridSize.width + 1; ++i)
        {
            for (j = 0; j < _gridSize.height + 1; ++j)
            {
                Vec3 v = getOriginalVertex(Vec2(i, j));
                Vec2 vect = _position - Vec2(v.x, v.y);
                float r = vect.getLength();
                
                if (r < _radius)
                {
                    r = _radius - r;
                    float pre_log = r / _radius;
                    if ( pre_log == 0 ) 
                    {
                        pre_log = 0.001f;
                    }

                    float l = logf(pre_log) * _lensEffect;
                    float new_r = expf( l ) * _radius;
                    
                    if (vect.getLength() > 0)
                    {
                        vect.normalize();
                        Vec2 new_vect = vect * new_r;
                        v.z += (_concave ? -1.0f : 1.0f) * new_vect.getLength() * _lensEffect;
                    }
                }
                
                setVertex(Vec2(i, j), v);
            }
        }
        
        _dirty = false;
    }
}

示例

 cc.Lens3D:create(2, cc.size(15,10), cc.p(size.width/2,size.height/2), 240)

Ripple3D

水波特效
请添加图片描述

// 持续时间(时间过后不会回到原来的样子) 
// 网格大小 
// 凸镜中心点 
// 半径
// 波动的速率
// 振幅
static Ripple3D* create(float duration, const Size& gridSize, const Vec2& position, float radius, unsigned int waves, float amplitude);

源码

void Ripple3D::update(float time)
{
    int i, j;

    for (i = 0; i < (_gridSize.width+1); ++i)
    {
        for (j = 0; j < (_gridSize.height+1); ++j)
        {
            Vec3 v = getOriginalVertex(Vec2(i, j));
            Vec2 vect = _position - Vec2(v.x,v.y);
            float r = vect.getLength();
            
            if (r < _radius)
            {
                r = _radius - r;
                float rate = powf(r / _radius, 2);
                v.z += (sinf( time*(float)M_PI * _waves * 2 + r * 0.1f) * _amplitude * _amplitudeRate * rate);
            }
            
            setVertex(Vec2(i, j), v);
        }
    }
}

示例

// 持续时间(时间过后不会回到原来的样子)
// 整个屏幕被分成几行几列 
// 波动的速率 
// 振幅
cc.Ripple3D:create(t, cc.size(32,24), cc.p(size.width/2,size.height/2), 240, 4, 160)

Liquid

液体特效

请添加图片描述

// 持续时间(时间过后不会回到原来的样子) 
// 整个屏幕被分成几行几列 
// 波动的速率 
// 振幅 
static Liquid* create(float duration, const Size& gridSize, unsigned int waves, float amplitude);

源码

void Liquid::update(float time)
{
    int i, j;

    for (i = 1; i < _gridSize.width; ++i)
    {
        for (j = 1; j < _gridSize.height; ++j)
        {
            Vec3 v = getOriginalVertex(Vec2(i, j));
            v.x = (v.x + (sinf(time * (float)M_PI * _waves * 2 + v.x * .01f) * _amplitude * _amplitudeRate));
            v.y = (v.y + (sinf(time * (float)M_PI * _waves * 2 + v.y * .01f) * _amplitude * _amplitudeRate));
            setVertex(Vec2(i, j), v);
        }
    }
}

示例

cc.Liquid:create(3, cc.size(16,12), 4, 20)

Waves

带方向的波浪特效,水平与垂直
请添加图片描述

// 持续时间(时间过后不会回到原来的样子) 
// 整个屏幕被分成几行几列 
// 波动的速率 
// 振幅 
// 是否是水平方向 
// 是否是垂直方向 
static Waves* create(float duration, const Size& gridSize, unsigned int waves, float amplitude, bool horizontal, bool vertical);

源码

void Waves::update(float time)
{
    int i, j;

    for (i = 0; i < _gridSize.width + 1; ++i)
    {
        for (j = 0; j < _gridSize.height + 1; ++j)
        {
            Vec3 v = getOriginalVertex(Vec2(i, j));

            if (_vertical)
            {
                v.x = (v.x + (sinf(time * (float)M_PI * _waves * 2 + v.y * .01f) * _amplitude * _amplitudeRate));
            }

            if (_horizontal)
            {
                v.y = (v.y + (sinf(time * (float)M_PI * _waves * 2 + v.x * .01f) * _amplitude * _amplitudeRate));
            }

            setVertex(Vec2(i, j), v);
        }
    }
}

例子

cc.Waves:create(2, cc.size(16,12), 4, 20, true, true)
Cocos2d-x 动画（Animate）的制作
asher_11的博客
09-13 1654
当我们拿到一张一张的动画图片后，首先将动画图片用TexturePackerGUI做出一个*.plist文件，接下来就可以开始动手了。 先讲一下动画制作的流程 1.将我们一个一个的动画图片创建为CCSpriteFrame, 也就是做成精灵帧 2.再将创建好的CCSpriteFrame加到一个CCAnimation中， 也就是将动画帧进行打包 animation->addSpriteFrame
bake 前端cocos2d_cocos2d-js 入门 （主要是HTML5）
weixin_39564151的博客
01-17 791
cocos2d-js是cocos2d-x的JavaScript版本，真正跨全平台的游戏引擎，采用原生JavaScript语言，可发布到包括Web平台，iOS，Android，Windows Phone8，Mac，Windows等平台。利用cocos2d-js开发HTML5游戏/动画，我们可以通过SDK也可以直接使用js类库：先说说SDK的开发步骤：1、 安装python2、 解压SDK，运行set...
如何使用cocos2d的CCWaves波纹效果
tangaowen的专栏
12-08 4732
cocos2d里面有个   CCWaves 的action，可以用来实现 波纹 效果，或者上下震动，或者左右震动的 效果。    初始化函数为:     +(id)actionWithWaves:(int)wav amplitude:(float)amp horizontal:(BOOL)h vertical:(BOOL)v grid:(ccGridSize
Cocos2d-x中的3D功能
zscjob的专栏
03-01 4382
或许你已经开始接触Cocos2d-x了，并且已经知道它是一个2D游戏引擎。从3.x版本开始，Cocos2d-x已增加并改进了3D功能。3D游戏有着巨大的市场，所以Cocos2d-x中添加了3D开发所需的所有功能。或许3D开发对你来说是个新事物，并且很多专业术语你都不熟悉。但这篇文章会让你熟悉一些额外的软件工具，下面就让我们一起来了解了解Cocos2d-x中的3D功能吧。 初学3D Sp
Cocos2d-x之3D
weixin_40763897的博客
03-10 2400
Cocos2d-x是一个二维（2D）游戏引擎。但在Cocos2d-x版本3开始，3D特性被加了进来并进行了改进。3D游戏市场非常巨大， Cocos2d-x正在添加3D开发所需的所有功能 。 3D技术 Mesh（网格）： 顶点，用于构造要渲染的形状和纹理。 Model（ 模型 ）： 可以渲染的对象 ，它是风格的集合。在Cocos2d-x中就是Sprite3D对象。 Texture（ 纹理 ）：三维...
Cocos2d-x 之帧动画 Animate
xingxinmanong的博客
07-14 794
写在前面前面分别介绍了精灵Sprite、精灵帧SpriteFrame和2D贴图Texture2D的用法，这篇文章介绍一下帧动画的用法。Animatecocos2d-x中的帧动画是一个动作Animate，它封装一个动画（名词）Animation，然后让精灵执行动作runAction。所以执行动画的精灵和动画里的精灵帧要指向同样的图片集。
Cocos 2d实现气球定时爆炸效果
y0205yang的博客
05-11 385
HelloWorldScene.h #ifndef __HELLOWORLD_SCENE_H__ #define __HELLOWORLD_SCENE_H__ #include "cocos2d.h" class HelloWorld : public cocos2d::Layer { public: cocos2d::Sprite* bomb; static cocos2d::Scene* createScene(); virtual bool init(); void bang(floa
Cocos2d-x入门（计算机游戏开发课程笔记）
HYY的博客
03-09 8024
Cocos2d-x入门（计算机游戏开发课程笔记） 文章目录Cocos2d-x入门（计算机游戏开发课程笔记）查看版本创建项目基础架构1. 命名空间2. 程序入口函数3. AppDelegate.happlicationDidFinishLaunching()applicationDidEnterBackground()applicationWillEnterForeground()HelloWorldScene.h构建简单场景字体位图字体 (BMFont)TrueTtpe字体 (TTF)系统字体 （Sys
Cocos2d-x-Lua示例项目HelloLua(1)
最新发布
2401_84412104的博客
05-02 121
我见过很多技术leader在面试的时候，遇到处于迷茫期的大龄程序员，比面试官年龄都大。这些人有一些共同特征：可能工作了7、8年，还是每天重复给业务部门写代码，工作内容的重复性比较高，没有什么技术含量的工作。问到这些人的职业规划时，他们也没有太多想法。其实30岁到40岁是一个人职业发展的黄金阶段，一定要在业务范围内的扩张，技术广度和深度提升上有自己的计划，才有助于在职业发展上有持续的发展路径，而不至于停滞不前。不断奔跑，你就知道学习的意义所在！
【cocos2d-x lua】飞机大战小游戏6：碰撞检测
Waveeeeeee的博客
04-18 772
基础玩法实现完毕。
使用cocos2d-x开发的一款平台跳跃类小游戏
03-23
3. **动作（Action）**：cocos2d-x提供了一系列的动作类，如MoveTo、JumpBy、Animate等，用于让精灵执行各种动作，如移动、跳跃、旋转等。 4. **物理引擎**：为了实现真实的碰撞检测和物理效果，cocos2d-x集成了Box...
cocos2d中 获取动画当前帧数1
08-08
在Cocos2d-x中，动画通常由一系列的精灵帧（SpriteFrame）组成，每个精灵帧对应于一个单独的图像（纹理，CCTexture2D）。当我们创建动画时，会基于这些纹理生成精灵帧，并将它们组织成一个动画序列。这样，我们就...
别踩白块游戏cocos2d-x3.x实现
10-26
Cocos2d-x是一个广泛使用的开源游戏引擎，尤其适合2D游戏开发，它支持多种编程语言，包括C++、Lua和JavaScript。 首先，我们需要了解Cocos2d-x的基本架构。Cocos2d-x包含了一系列的类，如Scene（场景）、Layer（层...
cocos2d-x 3.0
08-06
cocos2d-x 3.0中的cc::Animate类可以轻松管理这些帧，通过`createWithFrames`方法创建动画，并使用`runAction`将动画添加到精灵上。 3. 物理引擎：如果游戏需要更真实的物理效果，比如重力、碰撞检测，可以集成Box...
cocos2d-x 3d模型显示
06-13
- 对于有动画的3D模型，Cocos2d-x可能需要配合如`cc::Animation3D`和`cc::Animate3D`类来实现动画的播放和控制。 11. **交互性**： - 用户与3D模型的交互，如点击检测，可以通过碰撞检测和事件监听器来实现。 12...
cocos2dx作茧自缚修改creator_to_cocos2dx（一）
canjiangmengyuan的专栏
12-14 4976
前言  反正是作死，新项目选择了cocos2dx+lua，ui编辑器用的是cocoscreator，还是义无反顾的使用。然后现在回想起来，真心是一路坑。但是，在使用的时候，触控的大神已经能支持导出绝大部分的功能了。我也只能在他们的基础上小打小闹下。   先讲个尴尬的事情，刚开始用creator的时候，一个程序给我说他打开creator文件要10多分钟，然后我愣是没发现问题，没办法的情况下，我把工程
cocos2dx 3.x widget 透明过滤 UIbutton实现
canjiangmengyuan的专栏
06-16 3992
参考了很多资料，理都懂，然并卵啊！ 第一个想到的是用RenderTexture来实现判断点击的像素点的alpha值，参考的资料 http://blog.csdn.net/lwuit/article/details/40658347 发现不成功，貌似渲染机制改了有点蛋疼。 第二个参考的就是 http://blog.csdn.net/super_level/article/details/
cocos2dx学习之路——毕业工作感悟（一）
canjiangmengyuan的专栏
07-30 2135
其实最开始根本没想到会走游戏这条路，就像去年刚来成都的时候到处找工作
TiledMap 浅谈
canjiangmengyuan的专栏
09-08 1945
对于等距地图，所有对象的形状（矩形、点、椭圆形、多边形、折线）都是投射到相同的坐标空间的。ValueMap类型的别名是std::unordered_map，unordered_map也是C++的容器类，它是一种无序的map类型，map是“键-值”对类型。ValueVector类型的别名是std::vector，vector是C++的容器类，它能够存放任意类型的动态数组，std是命名空间。注意，对应的图块集中，GID是延续之前的，也就是从1开始到当前图集的最后一个，下一个图集第一个是延续上一个图集的。
c3dEngine2：轻量级Cocos2D-X风格的3D游戏引擎
资源摘要信息:"c3dEngine2是一个类似于cocos2d-x的简单3D游戏引擎" c3dEngine2是一个开源的3D游戏引擎，它是基于Cocos2d-x游戏引擎开发的。Cocos2d-x是一个广泛使用的开源游戏引擎，它支持多种平台，包括iOS、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值