-
Blender / レンダリング（カメラ・ライト）
はじめに わたしは、Web制作における3Dコンテンツの活用を目的としてBlenderを使用しています 通常、Three.jsのようなライブラリを用いてWeb上で…
-
Blender / シェーディング（マテリアル・テクスチャ）
はじめに 「シェーディング」とは、3Dオブジェクトが光とどう反応するかを決める作業のことですこれには、マテリアル（素材の設定）やテクスチャ、ライト（光源）、シー…
-
Blender / ポリゴンモデリング備忘録
Three.jsで利用することを目的に、Blenderの基本的な操作を備忘録として残します オブジェクトとメッシュの違い オブジェクト＊シーン内の3Dデータを表…
-
Blenderの使い方1（基本的な操作と概要）
はじめに Three.jsで利用することを目的に、Blenderの基本的な操作を備忘録として残します 注意私はMacユーザーで、Blenderの操作にはAppl…
-
【韓国時代劇×高麗王朝】34代の王様とドラマ早見表
韓国時代劇でよく耳にする「高麗（コリョ）」。朝鮮王朝の前にあった、約470年続いた王朝です。このページでは、高麗王朝34代の王様と、それぞれの時代を描いた韓国時…
-
グラフィックスのための基礎知識とWebGL
AIと会話するのに困らない程度のコンピュータグラフィックスについての基礎知識だけ^^;勉強しようと思います コンピュータグラフィックスの基本概念と用語 と、th…
-
Three.jsパフォーマンス最適化についてのまとめ
はじめに インタラクティブなウェブサイトのパフォーマンス最適化について スムーズな体験とデバイスの負担のバランスユーザーにスムーズで快適な体験を提供することデバ…
-
Three.js/シェーダー（GLSL）その2
ポストプロセッシング ポストプロセッシングは最終的な画像（レンダリング）にエフェクトを加えることです。 Three.jsでは、これらの「エフェクト」を「パス」と…
-
Three.js/シェーダー（GLSL）その1
シェーダーの概要 シェーダーはGPU上で実行されるGLSL（プログラミング言語）で記述されます 頂点シェーダーとフラグメントシェーダージオメトリの各頂点を配置し…
-
Three.js アニメーション システム（Mixamoアニメーションの統合）
Three.jsのアニメーションシステムの概要 Three.jsのアニメーションシステムは、「キーフレーム」を使ってオブジェクトの動きを定義します 以下の主要な…
-
Jupyter Notebookでリッチな表示：OpenAI APIを使ってみる（その2）
Matplotlibでグラフ Matplotlibについて Matplotlibは、Pythonでグラフ描画を行うためのライブラリの一つです2次元のグラフはもち…
-
p5.js備忘録（4）3Dモデルとシェーダー
3Dモデル 3DCGツールで作成した3Dモデル（立体のキャラクターなどのデータ）を読み込んで表示できます ＊p5.jsでは同じドメイン内からしか3Dモデルを読み…
