【HT·3D·flow 】流动特效

【HT·3D】编辑器中展示流动
1、在全局反序列化中写：

// 流动动画 uv偏移
var flow = dm.getDataByTag('flows')
flow.eachChild(function (item) {item.s('top.uv.offset', [0, 0])
})
function flowAnim() {ht.Default.startAnim({duration: 1000,easing: function (t) { return  t },action: function (v, t) {flow.eachChild(function (item) {item.s('top.uv.offset', [item.s('top.uv.offset')[0] - 0.01, item.s('top.uv.offset')[1]])})},finishFunc: function () {flowAnim()}})
}
flowAnim()

其中的“flows”代表需要流动的线的组名：

【在前端页面显示】
1、json文件中删除onPostDeserialize
不然会报错onPostDeserialize函数的调用有误

2、展示页面
在反序列化后写：

this.initFlows(g3dDataModel);

initFlows(dm){// 流动动画 uv偏移var flow = dm.getDataByTag('flows')flow.eachChild(function (item) {item.s('top.uv.offset', [0, 0])})function flowAnim() {ht.Default.startAnim({duration: 1000,easing: function (t) { return  t },action: function (v, t) {flow.eachChild(function (item) {item.s('top.uv.offset', [item.s('top.uv.offset')[0] - 0.01, item.s('top.uv.offset')[1]])})},finishFunc: function () {flowAnim()}})}flowAnim()
},

【HT·3D·flow 】流动特效相关推荐

ThreeJs技术交流（2）——箭头、标语等流动特效
ThreeJs技术交流(2)--箭头.标语等流动特效写在前面效果演示如何实现结束语写在前面好久没写文章了,最近趁休息在家无聊有时间再来写点东西.前段时间有朋友问我一个效果怎么做.他也是看了 ...
2.CCGridAction(3D效果)，3D反转特效，凸透镜特效，液体特效，3D翻页特效，水波纹特效，3D晃动的特效，扭曲旋转特效，波动特效，3D波动特效...
1 类图组织 2 实例 CCSprite * spr = CCSprite::create("HelloWorld.png"); spr->setPosition(cc ...
2.CCGridAction(3D效果)，3D反转特效，凸透镜特效，液体特效，3D翻页特效，水波纹特效，3D晃动的特效，扭曲旋转特效，波动特效，3D波动特效
1 类图组织 2 实例 CCSprite * spr = CCSprite::create("HelloWorld.png"); spr->setPosition(cc ...
html5图片自动翻转特效,CSS3带动态阴影效果的3D图片翻转特效
在前不久我们讲解了CSS3 3D卡片翻转技术,在这篇文章中,我们要跟进一步,在卡片3D翻转的基础上,制作卡片的动态阴影效果.最终效果是鼠标滑过图片时,卡片会3D翻转,图片的背面显示图片的标题,在图片的 ...
jquery环形3D立体旋转特效
jquery环形3D立体旋转特效作者/代码整理:站长素材 (转载请附加本文地址,带有"懒人原生"字样的谢绝转载)发布日期:2013-07-20 立体效果比较强的jquery特效 ...
php星空背景动态,纯CSS3炫酷3D星空动画特效
简要教程这是一款使用纯CSS3制作的炫酷3D星空动画特效.该特效中,以飞船向前快速移动为视角,所有的星星都快速的变大并向后移动,效果非常逼真. 使用方法 HTML结构该3D星空特效只使用一个元素 ...
纯CSS3炫酷3D星空动画特效
效果: 源码: <!DOCTYPE html> <html lang="zh"> <head><meta charset="UT ...
技术分享：用JS实现的3D海浪涌动特效
分享一个基于ThreeJS的3D海浪涌动特效,效果如下: 常可用于页面背景,3D效果,视觉观感很好,海浪会随机涌动,科幻感.技术感强烈. 代码说明代码会引用ThreeJS库,版本号为56.注:必须是 ...
2022跨年烟花代码（一）Canvas绘制3D烟花动画特效
Canvas绘制3D烟花动画特效 html代码 <!doctype html> <html> <head> <meta charset="utf-8 ...

【HT·3D·flow 】流动特效

【HT·3D·flow 】流动特效相关推荐

最新文章

热门文章