【WebGL特集】第2回：回転する立方体｜株式会社モックス
※この記事は2013年の記事を2018年5月に加筆修正したものです。three.jsの使用バージョンはr92です。 【前記事】 【WebGL特集】第1回：WebGLって何？ 今回から、webGLの具体的な表示方法を解説していきます。 １、テキストエディタの用意 webGLはテキストで記述していきます。メモ帳でもかまいませんが、記述が多くなるので使いやすいテキストエディタを用意したほうが良いでしょう。webGLはHTMLの中にjavascriptとして記述していきます。webGLと言っていますが、厳密にはjavascriptのライブラリの一つであるThree.jsを使いwebGLを表現しています。今後はややこしくなるのでwebGLという言葉を使っていきます。 ２、FireFoxの用意 表示の確認に使用するブラウザは、FireFoxを使います。出来たwebGLのJavaScriptが記述された
【WebGL特集】第4回：Blenderでモデル出力｜株式会社モックス
※この記事は2013年の記事を2018年6月に加筆修正したものです。three.jsの使用バージョンはr92です。最新バージョンではJsonモデルの読み込みはできなくなっております。 【前記事】 【WebGL特集】第1回：WebGLって何？ 【WebGL特集】第2回：回転する立方体 【WebGL特集】第3回：カメラをグリグリ 前回までは、CGソフトを使わず、three.jsのチカラのみで３Dオブジェクトを出力していました。 今回はBlenderというフリーの3DCGソフトを使い、自作のオブジェクトモデルをコンバートし出力する方法を解説します。 １、なぜBlenderなのか 2018年時点ではwebGLと最も相性のいい3DCGソフトはBlenderです。モデルのみであれば一応、各ソフトにwebGL出力用のプラグインなり、Collada出力なり、何かしらの手段がないことはないのですが、バグやエ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
three.js - JavaScript 3D library
Vue.jsでthree.jsを使ってみる - Qiita
