物体操作について書きます。position,scale,rotationの値を操作して動きの変化を観察します。 position positionを使ったコード例 scale scaleを使ったコード例 rotation rotationを使ったコード例 まとめ 参考サイト position オブジェクトの位置を指定しま…

色の指定方法について書きます。色々な指定方法がありますが、一通り使えるようになると良いと思います。 色の指定:THREE.Color() まとめ 参考サイト 色の指定:THREE.Color() 色の指定の記述は、以下のようなものがあります。 // Color // デフォルトは白 co…

今回は、3種類の補助機能についてご紹介します。開発段階で使うと便利です。 GridHelper AxesHelper LightHelper まとめ 参考サイト GridHelper GridHelperは、平面にグリッドを表示します。グリッドを作ったら、シーンに追加します。コードの記述例は、以下…

物体をアニメーションさせる処理について書きます。これで動きのあるものを作れるようになります。 アニメーション:requestAnimationFrame() 全コード 補足 参考サイト アニメーション:requestAnimationFrame() 前回までのコードにアニメーション処理を追加…

ブラウザで3Dグラフィックスを表現する方法について書きます。今回は、Three.jsの導入と基本的な記述の仕方についてご紹介します。 前提知識 下準備 3D空間の表示と基本のコード Three.js(3D)の基本要素 まとめ 参考サイト 前提知識 JavaScript ローカル開発…

家にこの本があったので読んでみました。セールスエンジニアという職種に興味のある方は、一読しておくと良いかもしれません。 本書は、エンジニアからセールスエンジニアにキャリアチェンジした著者が、10年間セールスエンジニアとして働いてきた経験から得…

本記事は、YAMLシリーズの記事をまとめています。 YAMLは、設定ファイルやデータ保存などに利用されるそうです。YAMLは初見ではありませんが、記述のルールを全く知りませんでした。そのため、勉強してみました。何かの参考になれば幸いです。 YAMLの記事ま…

p5.jsは、3Dモデルを表示することができます。preload()内で予め3Dモデルを読み込みます。その後、setup()やdraw()内で適宜処理します。preload()内では、3Dモデルの他に画像や音楽、動画、JSONデータなどが読み込めます。 3Dモデルの読み込みと表示:preload…