babylon.jsでのテクスチャの貼り方

はじめに

Babylon.jsでのテクスチャの貼り方を忘れてしまっていたので記事化する。
またPlaygroundでのセーブのやり方も忘れていたので同時に記載し備忘録とする。

やり方

テクスチャ

BABYLON.MeshBuilderを使いboxを作成
テクスチャ用のマットをBABYLON.StandardMaterialで作成
作成したマットをテクスチャに割り当てる
boxのマテリアルに付与してやる

var box = BABYLON.MeshBuilder.CreateBox("box", {diameter:2, segments: 8}, scene);

const boxMat = new BABYLON.StandardMaterial("boxMat");
boxMat.diffuseTexture = new BABYLON.Texture("textures/albedo.png", scene);

box.material = boxMat;

保存方法

1.再生ボタンの隣のボタンを選択（ctrl+sでも可）

2.詳細を記載する画面が出てくるので記入をしてOkを押す

3.これでURLが変化し、共有がされる。

今回作ったコード

参考サイトなど

テクスチャ情報
https://doc.babylonjs.com/toolsAndResources/assetLibraries/availableTextures

保存方法関係
https://www.crossroad-tech.com/entry/GetStartedBabylonjs2022_winter

チュートリアルの日本語版
https://zenn.dev/chomado/books/babylonjs-tutorial-ja/viewer/2-05

終わりに

しばらくぶりにBabylon.jsを触ったのでどの機能がどこにあったのかを失念していた。
技術書の執筆までに要素を分解し、記事化をすることで知見の共有を行うとともに執筆の練習とする。