Help us understand the problem. What is going on with this article?

【PlayCanvas】ボーンアニメーションをスクリプトから制御する

More than 1 year has passed since last update.

この記事は PlayCanvas Advent Calendar 2017 の13日目の記事です。
PlayCanvasでのボーンアニメーションのスクリプトからの制御方法で、ドキュメントにも載っていない方法を紹介します

ドキュメント

アニメーションブレンディング
pc.Animation | PlayCanvas API Reference

隠れたプロパティ

APIリファレンスにはduration,name,node程度しか載っていませんが、consoleで出力すると多くのプロパティが隠れています。
image.png

アニメーションの速度を変更する

this.entity.animation.speed = 2;

アニメーションを一時停止する

this.entity.animation.playing = false;

アニメーションの現在位置を取得する

console.log(this.entity.animation.currentTime); //秒
console.log(this.entity.animation.currentTime/this.entity.animation.duration) //0 - 1

アニメーションを早送り/逆再生

this.entity.animation.currentTime++;//早送り
this.entity.animation.currentTime--;//逆再生

参考プロジェクト
https://playcanvas.com/project/535814/overview/animationviewer

utautattaro
世界中の端末で自分の書いたコードを走らせることが夢です
https://utautattaro.com
playcanvas
"PlayCanvasは、ブラウザ向けに作られたWebGL/HTML5ゲームエンジンです。PlayCanvas運営事務局は日本国内でのPlayCanvasの普及を目的に活動しています"
https://playcanvas.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away