https://modelviewer.dev/docs/index.html
▲参考ページ
分かりやすい、かつ変更しやすいものだけ
カメラコントロール、interaction-prompt="none"、URL（CSSで背景色指定）から、属性を追加してテスト<model-viewer camera-controls="" interaction-prompt="none" class="（任意のクラス名）" src="（任意のglbファイルURL）"></model-viewer>
©️Small Cacti Pot by Isa Lousberg
interaction-prompt=""
インタラクションプロンプトの無効化
・デフォルト値：auto・オプション値：auto,none
- interaction-prompt="none"
↓背景に使用した画像
- HDR→JPGにした画像
- JPG画像
背景、環境イメージ
environment-image=""
背景イメージをオブジェクトのみに適用（オブジェクトのライティングに影響）
・デフォルト値：null・オプション値：neutral,legacy,hdrまたはjpgファイルのURL
- environment-image="legacy"
- environment-image="（hdr、jpg形式ファイルのURL）"
skybox-image=""
背景イメージを適用（オブジェクトのライティングに影響）
environment-imageの指定でオブジェクトのライト調整
フラットな背景の指定は、CSSでbackground-image: url(任意の画像のパス);指定
- skybox-image="（png、hdr、jpg形式ファイルのURL）"
- skybox-image="（png、hdr、jpg形式ファイルのURL）" environment-image="legacy"
- skybox-image="（png、hdr、jpg形式ファイルのURL）" environment-image="neutral"
省略
- skybox-image="（png、hdr、jpg形式ファイルのURL）" environment-image="（png、hdr、jpg形式ファイルのURL）" 同様にオブジェクトに当たる環境ライトを別に変更できる
- skybox-image="（png、hdr、jpg形式ファイルのURL）" 普通のJPeg画像での表示
影、露出、コントラスト
exposure=""
露出 光の量
・デフォルト値：１・オプション値：任意の正の値
- environment-image="（hdr、jpg形式ファイルのURL）" exposure="0.2"
shadow-intensity="" shadow-softness=""
影の有無 / 影の柔らかさ
・デフォルト値：０/１・オプション値：０〜１の任意の値
- shadow-intensity="1"
- skybox-image="（png、hdr、jpg形式ファイルのURL）" shadow-intensity="1" shadow-softness="0.2"
tone-mapping=""
トーンマッピング コントラストの変更
・デフォルト値：neutral・オプション値：neutral, aces, agx, reinhard, cineon, linear, none
- tone-mapping="linear"
- skybox-image="（png、hdr、jpg形式ファイルのURL）" tone-mapping="aces"
カメラ、ユーザー操作
auto-rotate
オブジェクトの自動回転
auto-rotate-delay=""
自動回転を開始するまでの遅延時間
・デフォルト値：3000・オプション値：数値 >=0
rotation-per-second=""
自動回転の速度
・デフォルト値：pi/32 radians・オプション値：デフォルト値を基準にrad,deg,%で指定、マイナスで逆回転
- auto-rotate auto-rotate-delay="0"
- auto-rotate auto-rotate rotation-per-second="-100deg
disable-pan
パン操作の無効化
disable-zoom
ズームの無効化
interpolation-decay=""
カメラまたはモデル移動時の補間率 2倍にすると、速度は半分に
・デフォルト値：50・オプション値：0より大きい値
max-camera-orbit="" min-camera-orbit=""
カメラの角度(最大/最小軌道値)変更
・デフォルト値：Infinity 180deg auto/-Infinity 0deg auto・オプション値：$theta $phi $radius
- auto-rotate disable-pan
- disable-zoom
- auto-rotate max-camera-orbit="auto 0deg auto" camera-controlsオフ
- interpolation-decay="200"