HTML内に配置したcanvasにThree.jsの設定を行う
Three.jsを使用する際、canvasを自動生成するのではなく、あらかじめHTMLに用意したcanvasタグを使って...
Three.jsの記事一覧
Three.jsでテキストを配置する
Three.jsでテキストを配置する方法をメモ。 今回はViteを使った開発環境での使用例になります。...
Three.jsで立方体の各面にテクスチャを設定する
以前にThree.jsで平面にテクスチャを設定する記事を投稿しましたが、立方体などの各面に別のテクスチャを張り付ける方法...
Three.jsでオブジェクトにテクスチャを設定する
Three.jsでオブジェクトにテクスチャ(画像)を張り付ける方法を試してみます。...
Three.jsでマウスに合わせて動かす
以前に実装したThree.jsで複数のランダム配置をした記事のコードに、マウスに合わせて動作する処理を追加してみます。...
Three.jsでサイズと色と位置をランダムに配置する
Three.jsで配置する要素のサイズや色、位置などをランダムに配置する実装を試してみます。...
Three.jsでアンチエイリアスを有効にする
Three.jsで描画したオブジェクトの線がギザギザしている場合の対応として、アンチエイリアスの設定を試してみます。...
Three.jsでオブジェクトの周りをドラッグで動かす
OrbitControlsを使って、マウスのドラッグでカメラをオブジェクトの周りを移動できるようにしてみます。...
Three.jsでlil-guiを使ってみる
ブラウザ上で要素を操作できるGUIを作成するライブラリ「lil-gui」を使って、Three.jsの操作を試してみます。...
Three.jsで線を描画する
Three.jsで線を描画する方法を試してみます。...
Three.jsのライトの種類
Three.jsのライトについていくつか試してみます。...
Three.jsのジオメトリーの種類
Three.jsで用意されているジオメトリーのうち、いくつかの表示を試してみます。...
Three.jsでリサイズに対応する
Three.jsのリサイズ対応の実装で少し迷うことがあったのでメモ。...
Three.jsをViteで使用する
設定方法 ターミナルでプロジェクトを作成するディレクトリに移動して、下記コマンドでViteのプロジェクトを作成します。 ...
Three.jsでMMDを使ってみる
MMDを使ってみるの記事の続きで、実際にThree.jsでMMDを使ってみます。...
Three.jsを試してみる
WebGLを使った3D描画を実装できるライブラリ「Three.js」を使ってみたので、使い方をメモしておきます。...