美文网首页
关键字顶点动画

关键字顶点动画

作者: 不决书 | 来源:发表于2019-10-14 20:56 被阅读0次

几个关键点:

material..morphTargets = true;    //开启顶点动画
//    http://catchvar.com/threejs-animating-blender-models
//动画的基本控制参数
var animOffset       = 0,   // starting frame of animation
    walking         = false,
    duration        = 1000, // milliseconds to complete animation
    keyframes       = 20,   // total number of animation frames 设定了多少个关键帧
    interpolation   = duration / keyframes,   // milliseconds per frame
    lastKeyframe    = 0,    // previous keyframe
    currentKeyframe = 0;
//渲染方法
function render()
{
    if ( android ) // exists / is loaded
    {
 // Alternate morph targets
 time = new Date().getTime() % duration;
 keyframe = Math.floor( time / interpolation ) + animOffset;
 if ( keyframe != currentKeyframe )
 {
    android.morphTargetInfluences[ lastKeyframe ] = 0;
    android.morphTargetInfluences[ currentKeyframe ] = 1;
    android.morphTargetInfluences[ keyframe ] = 0;
    lastKeyframe = currentKeyframe;
    currentKeyframe = keyframe;
 }
 android.morphTargetInfluences[ keyframe ] =
    ( time % interpolation ) / interpolation;
 android.morphTargetInfluences[ lastKeyframe ] =
    1 - android.morphTargetInfluences[ keyframe ];
    }
    renderer.render( scene, camera );
}

Mesh中的解释,就是通过这个取各个关键帧的数据

.morphTargetInfluences : Array

An array of weights typically from 0-1 that specify how much of the morph is applied. Undefined by default, but reset to a blank array by updateMorphTargets.

FYI:https://stemkoski.github.io/Three.js/Model-Animation.html

//加入控制

https://stemkoski.github.io/Three.js/Model-Animation-Control.html

相关文章

  • 关键字顶点动画

    几个关键点: Mesh中的解释,就是通过这个取各个关键帧的数据 .morphTargetInfluences : ...

  • 骨骼动画原理

    3D动画 提供一种机制,描述各定点位置随时间的变化 骨骼动画简介 顶点动画早期的3D模型动画,就是把每帧的顶点数据...

  • GPU蒙皮动画

    GpuInstancingAnimation 使用GPU顶点动画替代蒙皮骨骼动画 效果 上万个模型同时播放动画,批...

  • Unity Shader顶点动画

    今天我们使用shader来实现一个这样的动画SinAnim.gif 先说下思路,如下图宽是X轴,高是Z轴。我们以X...

  • unity性能优化

    1、蒙皮网格动画改顶点动画 空间换时间 2、Animator LOD 远处动画降频 3、Animator Inst...

  • 光照基础-1-模型与材质

    1 渲染管线与模型基础 1.1 渲染管线 顶点着色器就是将模型的顶点进行计算,可以使顶点变化坐标空间实现动画效果,...

  • 案例-顶点动画-模拟水面

    准备 创建shader文件、将它拖到新建的材质球上。不赘述。 在场景中创建一个plane用于演示,不赘述。 编写V...

  • UnityShader精要笔记十四 纹理动画 顶点动画

    本文继续对《UnityShader入门精要》——冯乐乐 第十一章 让画面动起来 进行学习 没有动画的画面往往让人觉...

  • smpl 模型是什么?

    动画制作相关术语 Vertex(顶点):动画模型可以看成多个小三角形(四边形)组成,每个小三角形就可以看成一个顶点...

  • iOS 基本动画

    1、改变frame //开始做动画,关键字“move”-->移动动画 [UIView beginAnimation...

网友评论

      本文标题:关键字顶点动画

      本文链接:https://www.haomeiwen.com/subject/nqssuctx.html