メインコンテンツまでスキップ

<pc-gsplat>

<pc-gsplat>タグは、3D Gaussian Splatsをレンダリングするためのgsplatコンポーネントを定義するために使用されます。

スプラットベースのシーンをレンダリングする場合、最高のパフォーマンスを得るには、<pc-app>タグのantialiasをfalseに、max-pixel-ratioを1に設定することをお勧めします。

使用法
  • それは、<pc-entity>の直接の子である必要があります。

属性​

属性タイプデフォルト説明
assetString-Gaussian splatアセットID (gsplatタイプのアセットを参照する必要があります)
cast-shadowsBoolean"false"gsplatコンポーネントが影を落とすかどうか
enabledBoolean"true"コンポーネントの有効状態
lod-base-distanceNumber"5"最初のLOD遷移 (LOD 0 から LOD 1) の距離。これより近いスプラットは最高品質のLODを使用します。最小値は0.1。LODレベルを含むアセットにのみ影響します。
lod-multiplierNumber"3"連続するLOD距離しきい値の間の乗数で、等比数列を形成します。値が大きいほど、より粗いLODへ早く切り替わります。最小値は1.2。LODレベルを含むアセットにのみ影響します。
lod-range-maxNumber"99"許可される最大のLODインデックス (この値を含む)。距離によって選択されるLODは、この値より粗い (インデックスが大きい) ものにならないようにクランプされます。デフォルトの99は事実上「上限なし」を意味します。LODレベルを含むアセットにのみ影響します。
lod-range-minNumber"0"許可される最小のLODインデックス (この値を含む)。距離によって選択されるLODは、この値より細かい (インデックスが小さい) ものにならないようにクランプされます。値を上げると、最高品質 (最大) のLODファイルのダウンロードを回避できます。LODレベルを含むアセットにのみ影響します。

例​

実物のぬいぐるみをスキャンしたガウシアンスプラットです。ドラッグで軌道回転、スクロールでズームできます。上で推奨した <pc-app> の属性にも注目してください:

ライブサンプル
<pc-app antialias="false" max-pixel-ratio="1">
    <pc-asset src="https://cdn.jsdelivr.net/npm/playcanvas@2.21.4/scripts/esm/camera-controls.mjs"></pc-asset>
    <pc-asset id="toy" src="https://developer.playcanvas.com/assets/toy-cat.sog"></pc-asset>
    <pc-scene>
        <pc-entity name="camera" position="0 0 2.5">
            <pc-camera clear-color="#1d1f2b"></pc-camera>
            <pc-script>
                <pc-script-instance name="cameraControls" enable-pan="false" zoom-range="1 5"></pc-script-instance>
            </pc-script>
        </pc-entity>
        <pc-entity name="toy" position="0 -0.7 0" rotation="0 0 180">
            <pc-gsplat asset="toy"></pc-gsplat>
        </pc-entity>
    </pc-scene>
</pc-app>

JavaScriptインターフェース​

GSplatComponentElement APIを使用して、<pc-gsplat>要素をプログラムで作成および操作できます。