原文:shader 动画之旗子/水纹波浪 !Cocos Creator !

顶点动画 正弦 波长 振幅 周期。 效果预览 使用步骤 新建材质 Material , 选择对应的 Effect ,调整参数。 在场景中新建一个精灵 Sprite , SpriteFrame 选取一个超小的图片。渲染模式选择平铺 TILED ,修改节点大小。材质选择上面创建的材质。 预览就能看到这张图片动起来了。 实现原理 为什么选择平铺模式可以实现这个效果呢 简单的 Sprite 通常是 个顶 ...

2020-06-24 17:36 0 706 推荐指数:

查看详情

Cocos Creator Shader工具

十一就这样过去了,没什么大成就,但还是写个总结吧。前几天用Cocos Creator写一个demo,涉及到了shader开发,而cocos一直没有好用的shader工具,就心血来潮要自己开发一个。花了两天时间,模拟Unity Shader完成了一套基本的材质框架,由于不知道怎么扩展编辑器 ...

Fri Oct 20 02:07:00 CST 2017 0 1843
Cocos Creator 动画控制

侦听循环的动画剪辑播放完成 动态修改AnimationClip.speed,AnimationSate.speed,duration不会更新 在指定帧停止 ...

Wed May 27 19:29:00 CST 2020 0 547
飘扬的旗帜!shader 编程实战!Cocos Creator

shader + mesh 立个 flag 吧! 文章底部获取完整代码! 效果预览 使用方法 创建一个空节点 添加用户脚本组件 mesh-texture-flag 添加图片 修改对应属性 实现原理 概括来说就是创建 mesh 网格模型,通过顶点 ...

Sat Jan 18 01:55:00 CST 2020 0 247
Cocos Creator 动作(动画)笔记

动作cc.ActionInterval 和cc.ActionInstant; var action = cc.moveTo(2, 100, 100); // 创建一个移动动作node.runActi ...

Fri Jan 19 02:44:00 CST 2018 0 5090
cocos creator基础-cocos动画、碰撞、绘图

cocos动画、碰撞、绘图 1、动画 层级关系:1节点、2动画(Animation)、3动画剪辑(Animation Clip)、4属性轨道、5动画帧a. 动画(Animation)是节点上的一个组件.b. 动画剪辑(Animation Clip)就是一份动画的声明数据,将它挂载到动画 ...

Tue Jan 22 02:22:00 CST 2019 0 2453
Cocos_Creator Tween 动作动画

Tween 提供了一个简单灵活的方法来创建 action。 相对于 Cocos 传统的 cc.Action,cc.Tween 在创建动画上要灵活非常多: 支持以链式结构的方式创建一个动画序列。 支持对任意对象的任意属性进行缓动,不再局限于节点上的属性,而 cc.Action 添加一个 ...

Fri Jul 17 18:31:00 CST 2020 0 5589
cocos creator动画编辑器学习

动画是一个渐变的过程,怎么样在cocos creator动画编辑器中实现这个过程. 一、层级关系: 1节点、2动画(Animation)、3动画剪辑(Animation Clip)、4属性轨道、5动画帧 a. 动画(Animation)是节点上的一个组件. b. 动画剪辑 ...

Thu Nov 10 06:53:00 CST 2016 0 20847
研究了3天,终于将 Shader 移植到 Cocos Creator 2.2.0 上了!

预览 扫光特效—Fluxay2 马赛克像素特效—Mosaic 过渡效果—Transfer Shawn 花了3天时间,研究了Cocos Creator 2.2.0 的 Effect 语法,终于在1024节前夕,大概知道如何将 2.1.3 的 Shader 特效给移植过去,成功移植了上面 ...

Fri Oct 25 22:37:00 CST 2019 3 2077
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM