Blenderで提供されているPython API機能(bpy)を使ってテキストベースで、3Dモデリングをしてみようと思い立ち、実際に一般的に行われるモデリングの手順と比較しながらやってみました。実際にモデルを作りながら比較したことで、結果として私はこちらのテキストベースのモ …
続きを読む
カテゴリ: Graphics
【Three.js】DracoLoderをWebpack+Typescriptで使用する方法
GLTFのファイルをGLTF Loderで読み込もうとしたとき、「No DRACOLoader instance provided.」のエラーが出てDRACO圧縮というものあることを知り、そこから、Webpackを用いたbuild環境でDRACO Loderを使用する設定に一苦労したので、その時の記録 目次Doraco Loder関連のエ …
続きを読む
閉じた本の3Dグラフィックモデリング-BlenderとWebGL創作記 | Part1
Blenderを使用した3Dモデリングの「初級編」です。なにごとも、始めるときは「Hellow,World」から始めるように、Blenderを触り始めるうえで非常に簡単な本のモデリングをから始めたいと思います。 目次「閉じている本」モデル完成品作成に使用した環境Blender基本操作・モ …
続きを読む
【図解】OrbitControlsで操作するカメラ制御定番パターン|Three.js
3Dモデルを使った作品制作におけるモデルを映し出すカメラの視点というのは、そのコンテンツの顔を決めるものとなるので非常に重要です。画像とは違いコンピュータグラフィックは360°すべての視点から見せることのできる点が魅力ですが、3Dモデルをどの角度からも隙なく作り …
続きを読む
【Three.js】Blenderで作成したglTFやvrmモデル読み込んで表示
Blenderで出力した、GLTF(GL Transmission Format)形式と、3Dモデルが配布される際に良く用いられるVRM(Virtual Reality Model)形式について、Three.jsを用いたブラウザ上での表示方法を備忘録的にまとめておきます。 目次目的:ブラウザで3Dモデルを表示3Dモデル表示に …
続きを読む
Blender更新管理|Blender Launcherを早々に導入すべきだった
いままで、普通にBlender公式サイトからBlenderをインストールして使っていましたが、バージョンアップが入るたびに、更新の仕方を忘れていたり、前のバージョンが上書きされて使えなくなったりしないか調べたりと、手間がかかっていたので、その時間が無くなるツール導入メ …
続きを読む
【Three.js】ブラウザで表示、動作する3Dオブジェクト入門|テンプレ付き
ブラウザ上で2Dや3Dのコンピュータグラフィックを扱う場合、WebGLを用いてレンダリングするらしいですが、今回はそれを手軽に扱えるJavaScriptライブラリ「Three.js」の本を読んだので備忘録としてまとめておきます。上手く扱うことができればブラウザ上でGPU性能を引き出し …
続きを読む
【Structure Synth】コーディングによる3Dの描画が可能なフリーソフト
"Structure Synth"はプロシージャルモデリングにより、幾何学的な3DCGが生成できるフリーソフトです。「プロシージャル」とは「手順の、手続き上の」という意味で、ここでは数式や設計文法(プログラム)を利用してモデリングすることを言います。今回は個人的に最近ハマって …
続きを読む