あぷぷ
1
Cubism SDK For Web(5-r.1)サンプルモデルをビルドし、
WEBサイトで表示することができました。
例えばサンプルモデルの上半身だけを表示しようとする場合はどのようにすれば良いのでしょうか
Samples/TypeScript/Demo/src/lappdefine.ts
のパラメタを見ていて
CanvasSizeがAutoになっていたので500角にしたら全体が潰れたように表示されてしまい
export const CanvasSize: { width: number; height: number } | 'auto' = {
width: 500,
height: 500,
};
ViewScaleを2にすると2倍に拡大はできるものの、
export const ViewScale = 2.0;
頭が切れてしまうので、下に下げようと下記2つの値を変えてみても変化がありません
export const ViewLogicalBottom = -1.0;
export const ViewLogicalTop = 1.0;
どこで設定するのでしょうか?
obs
2
こんにちは。
モデルの見え方を変更するには、CubismUserModelが持つモデル行列(CubismModelMatrix)を使います。
// lappdelegate.ts
public run(): void {
// メインループ
const loop = (): void => {
// インスタンスの有無の確認
if (s_instance == null) {
return;
}
// 時間更新
LAppPal.updateTime();
...
// NOTE: 変更箇所
const modelMatrix = LAppLive2DManager.getInstance().getModel(0).getModelMatrix();
if (modelMatrix != null) {
// 2倍に拡大
modelMatrix.scale(2.0, 2.0);
// 写る位置を上にずらす。
modelMatrix.setY(-1.0);
}
// ループのために再帰呼び出し
requestAnimationFrame(loop);
};
loop();
}
以上、お試しください。
「いいね!」 2
あぷぷ
3
さっそくの回答ありがとうございます!
無事実現できました!ありがとうございました!