3DキャラクターをPlayCanvasのState Graphで操作する5/6

剣を振るう/キックのアニメーションを追加する

[idle]から[jump]と同様の設定をおこないます。

まず、剣を振るう攻撃[attack_a]とキック[kick]のパラメーターを作成します。

続いて、[Add transition]でアニメーションを[idle]と双方で繋げます。

[idle]から[kick]

Condition : kick

[kick]から[idle]

Duration: 0.2

Exit Time : 1

[idle]から[attack_a]

Condition : attack_a

[attack_a]から[idle]

Duration: 0.2

Exit Time : 1

State Graphエディタを閉じ、[chapter03]の[attack_a]と[kick]のアニメーションを[ANIM]の空きスロットルにdrag＆dropします。

コードを追加する

任意のボタンを押したらアニメーションが再生するように追記します。



var Anime = pc.createScript('anime');

// initialize code called once per entity
Anime.prototype.initialize = function() {

};

// update code called every frame
Anime.prototype.update = function(dt) {

//キーボード[A]を押したらジャンプする
if(this.app.keyboard.wasPressed(pc.KEY_A)){
        this.entity.anim.setTrigger('attack_a');
    } 
    //キーボード[J]を押したらジャンプする
    if(this.app.keyboard.wasPressed(pc.KEY_J)){
        this.entity.anim.setTrigger('jump');
    } 
    //キーボード[K]を押したらジャンプする
     if(this.app.keyboard.wasPressed(pc.KEY_K)){
        this.entity.anim.setTrigger('kick');
    } 
};

Lounch画面で確認してみましょう。

キーボードの[J]、[K]、[A]、でアニメーションを切り替えられることが確認できます。

コリジョン(当たり判定)/リジットボディ(物理制御)を設定する

プリミティブな形状から、地面、武器、攻撃対象のボックスを作成します。

まずは、武器を配置する箇所を選択状態にします。

[HIERARCHY]の[male01_container]の[+]をクリックし、階層を展開して[Right_wrist]を選択します。