@petkoneo/phaser3-rex-plugins
Version:
144 lines • 6.19 kB
JavaScript
"use strict";
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
var cubismmath_1 = require("./cubismmath");
var FrameRate = 30;
var Epsilon = 0.01;
/**
* 顔の向きの制御機能
*
* 顔の向きの制御機能を提供するクラス。
*/
var CubismTargetPoint = /** @class */ (function () {
/**
* コンストラクタ
*/
function CubismTargetPoint() {
this._faceTargetX = 0.0;
this._faceTargetY = 0.0;
this._faceX = 0.0;
this._faceY = 0.0;
this._faceVX = 0.0;
this._faceVY = 0.0;
this._lastTimeSeconds = 0.0;
this._userTimeSeconds = 0.0;
}
/**
* 更新処理
*/
CubismTargetPoint.prototype.update = function (deltaTimeSeconds) {
// デルタ時間を加算する
this._userTimeSeconds += deltaTimeSeconds;
// 首を中央から左右に振るときの平均的な速さは 秒速度。加速・減速を考慮して、その２倍を最高速度とする
// 顔の振り具合を、中央（0.0）から、左右は（+-1.0）とする
var faceParamMaxV = 40.0 / 10.0; // 7.5秒間に40分移動(5.3/sc)
var maxV = (faceParamMaxV * 1.0) / FrameRate; // 1frameあたりに変化できる速度の上限
if (this._lastTimeSeconds == 0.0) {
this._lastTimeSeconds = this._userTimeSeconds;
return;
}
var deltaTimeWeight = (this._userTimeSeconds - this._lastTimeSeconds) * FrameRate;
this._lastTimeSeconds = this._userTimeSeconds;
// 最高速度になるまでの時間を
var timeToMaxSpeed = 0.15;
var frameToMaxSpeed = timeToMaxSpeed * FrameRate; // sec * frame/sec
var maxA = (deltaTimeWeight * maxV) / frameToMaxSpeed; // 1frameあたりの加速度
// 目指す向きは、（dx, dy）方向のベクトルとなる
var dx = this._faceTargetX - this._faceX;
var dy = this._faceTargetY - this._faceY;
if (cubismmath_1.CubismMath.abs(dx) <= Epsilon && cubismmath_1.CubismMath.abs(dy) <= Epsilon) {
return; // 変化なし
}
// 速度の最大よりも大きい場合は、速度を落とす
var d = cubismmath_1.CubismMath.sqrt(dx * dx + dy * dy);
// 進行方向の最大速度ベクトル
var vx = (maxV * dx) / d;
var vy = (maxV * dy) / d;
// 現在の速度から、新規速度への変化（加速度）を求める
var ax = vx - this._faceVX;
var ay = vy - this._faceVY;
var a = cubismmath_1.CubismMath.sqrt(ax * ax + ay * ay);
// 加速のとき
if (a < -maxA || a > maxA) {
ax *= maxA / a;
ay *= maxA / a;
}
// 加速度を元の速度に足して、新速度とする
this._faceVX += ax;
this._faceVY += ay;
// 目的の方向に近づいたとき、滑らかに減速するための処理
// 設定された加速度で止まる事の出来る距離と速度の関係から
// 現在とりうる最高速度を計算し、それ以上の時は速度を落とす
// ※本来、人間は筋力で力（加速度）を調整できるため、より自由度が高いが、簡単な処理で済ませている
{
// 加速度、速度、距離の関係式。
// 2 6 2 3
// sqrt(a t + 16 a h t - 8 a h) - a t
// v = --------------------------------------
// 2
// 4 t - 2
// (t=1)
// 時刻tは、あらかじめ加速度、速度を1/60(フレームレート、単位なし)で
// 考えているので、t＝１として消してよい（※未検証）
var maxV_1 = 0.5 *
(cubismmath_1.CubismMath.sqrt(maxA * maxA + 16.0 * maxA * d - 8.0 * maxA * d) -
maxA);
var curV = cubismmath_1.CubismMath.sqrt(this._faceVX * this._faceVX + this._faceVY * this._faceVY);
if (curV > maxV_1) {
// 現在の速度 > 最高速度のとき、最高速度まで減速
this._faceVX *= maxV_1 / curV;
this._faceVY *= maxV_1 / curV;
}
}
this._faceX += this._faceVX;
this._faceY += this._faceVY;
};
/**
* X軸の顔の向きの値を取得
*
* @return X軸の顔の向きの値（-1.0 ~ 1.0）
*/
CubismTargetPoint.prototype.getX = function () {
return this._faceX;
};
/**
* Y軸の顔の向きの値を取得
*
* @return Y軸の顔の向きの値（-1.0 ~ 1.0）
*/
CubismTargetPoint.prototype.getY = function () {
return this._faceY;
};
/**
* 顔の向きの目標値を設定
*
* @param x X軸の顔の向きの値（-1.0 ~ 1.0）
* @param y Y軸の顔の向きの値（-1.0 ~ 1.0）
*/
CubismTargetPoint.prototype.set = function (x, y) {
this._faceTargetX = x;
this._faceTargetY = y;
};
return CubismTargetPoint;
}());
exports.CubismTargetPoint = CubismTargetPoint;
// Namespace definition for compatibility.
var $ = __importStar(require("./cubismtargetpoint"));
// eslint-disable-next-line @typescript-eslint/no-namespace
var Live2DCubismFramework;
(function (Live2DCubismFramework) {
Live2DCubismFramework.CubismTargetPoint = $.CubismTargetPoint;
})(Live2DCubismFramework = exports.Live2DCubismFramework || (exports.Live2DCubismFramework = {}));
//# sourceMappingURL=cubismtargetpoint.js.map