JavaScriptのMapを使ってみる
JavaScriptのMapオブジェクトを使ってみます。...
JavaScriptの記事一覧
Three.jsで立方体の各面にテクスチャを設定する
以前にThree.jsで平面にテクスチャを設定する記事を投稿しましたが、立方体などの各面に別のテクスチャを張り付ける方法...
JavaScriptでclassのtoggle処理を実装する
個人的によく使用する、button要素をクリックした際に別要素のclassをtoggleするという処理を汎用的に使えるよ...
TypeScriptの基本的な型を試してみる
TypeScriptの型についていくつか試してみます。...
Three.jsでオブジェクトにテクスチャを設定する
Three.jsでオブジェクトにテクスチャ(画像)を張り付ける方法を試してみます。...
JavaScriptのsinとcosを使ってみる
JavaScriptのsinとcosを使って、円周上を移動する処理を記述してみます。...
関数の引数をオブジェクト形式にする
関数の引数をオブジェクト形式にする実装を試してみます。...
Three.jsでマウスに合わせて動かす
以前に実装したThree.jsで複数のランダム配置をした記事のコードに、マウスに合わせて動作する処理を追加してみます。...
JavaScriptのrequestAnimationFrameを使ってみる
JavaScriptのrequestAnimationFrame()を使ってみます。...
GSAPを使ってみる
アニメーションの実装ができるJavaScriptライブラリのGSAPについて、使い方などをメモ。...
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で用意されているジオメトリーのうち、いくつかの表示を試してみます。...
ReactのuseContextを使ってみる
ReactのuseContextを使って、データをグローバルに扱えるようにしてみます。...
Three.jsでリサイズに対応する
Three.jsのリサイズ対応の実装で少し迷うことがあったのでメモ。...
Three.jsをViteで使用する
設定方法 ターミナルでプロジェクトを作成するディレクトリに移動して、下記コマンドでViteのプロジェクトを作成します。 ...