1. three.jsとは?

lab.js Builderは,three.jsを動かすことが出来ます。

Three.js - JavaScript 3D library

three.jsのプログラムはdocumantationを参考にしました。

three.js

2. lab.js Builderに環境をセットアップする

セットアップの方法はこれまでと同じです。lab.js Builderの設定アイコン(右端)をクリックします。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b3425e4c-2e06-4e12-986b-a8dfbe147740/Untitled.png

HTMLタグを選び,使用するライブラリのリンクを貼り付けます。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a4f8cca7-de01-42e2-96fd-b86df9b8b0b0/Untitled.png

具体的には以下のような感じです。

<script src="<https://threejs.org/build/three.js>"></script>

次は,HTML Screenコンポーネントを追加します。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9dcfcb06-9f6c-4868-8697-eb702ffdb183/Untitled.png

Scriptsタブに切り替えて,実行タイミングを「run」にします。