https://gyazo.com/9e62a5d5e79b34ae1c36eb6cbb78d8d1

基本情報

高解像度撮影機能

画面解像度の倍率を変更して撮影できるようになりました。

実験的機能 > 解像度倍率(0.125~4)で操作できます。

解像度を上げると当然負荷も増大するので注意してください。

実装

canvasのサイズを拡大 (縮小)し、スタイルを再設定して元の大きさで表示させます.

code:js

canvas.width = width * dpr * this.rendererScale;

canvas.height = height * dpr * this.rendererScale;

canvas.style.width = '100vw';

canvas.style.height = '100vh';

this.renderer.setSize(window.innerWidth * this.rendererScale, window.innerHeight * this.rendererScale);

this.sceneCanvas.style.width = '100vw';

this.sceneCanvas.style.height = '100vh';

MtoonのMaterialDebugモード

モデルのシャドウやノーマル、UVを表示できる機能を追加しました。

イラストや画像編集などの参考になるかも。

実装

debugMode

0 : None : 通常

1 :Normal : ノーマル

2 :LitShadeRate : 影

3 :UV : UV

code:ts

setDebugMode(materials: THREE.Material[] | undefined, mode: number) {

if (materials) {

materials.forEach((material) => {

if ((<MToonMaterial>material).isMToonMaterial) {

(<MToonMaterial>material).debugMode = mode;

}

});

}

}

// exp

setDebugMode(this.currentVRM.materials, value);

参考