JavaScript 3DレンダリングエンジンのThree.jsを試す
こんにちは。 KRAYアルバイトの浅海です。 今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。 半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。 「ちょっとのプログラムで3Dができる。」 この面白さを皆さんに届けたいです。 目次 立方体を表示する 光をあてる テスクチャを貼り付ける マウスで回転させる マウスで移動させる クリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ
とあるPGの研究記録（レコーダー）
今回は前回途中まで読み込んでたwdrフォーマットをちゃんと読み込んでみました。以下のが前回までの状態です。 前回までは「法線データが壊れる」、「UV座標が壊れる」等の不具合があり(法線の長さが0 or 全て同じ方向を向いてる、UV座標の値が非数値 等等)、参考にしてるサイトにも詳しく記載されておらず、ここ数日困っていました。 ところが先日、より詳しく記載しているサイトを発見してしまいました。頂点データが壊れる場合の対処法の他、wtdフォーマットの読み込み方等とても役に立つ情報が満載なサイトです。おまけにサンプルコード付き！
ホーム - Cg site
当社の特徴 当モデリング会社は、2Dから3Dへの複雑なモデリングを深く理解しており、費用対効果の高く、タイムリーかつ高品質なアウトプットを提供しております。
iPhoneではちゅねを動かすサンプルコード公開 - 強火で進め
今回、iPhoneではちゅねを動かすプログラムを作ろうと色々とOpenGL ESの情報を調べたところとにかく情報が少ないなぁ。という印象がありました。 少しでもOpenGL ESが盛り上がれば良いなと思い、ソースコードを公開することにしました。 よろしければOpenGL ESの勉強にお役立て下さい。そして、これからOpenGL ESの勉強を始める方のために以下のような情報をブログなどに書いて貰えるととってもうれしいです。 今、ここまで出て来てるよ。 こんなことにハマって、こうやって解決した。 作成したプログラムの中でここ部分までは公開できるの公開します(自由に使ってOKです。だったらとってもうれしいです(^_^;)。Tipsとかの小さなノウハウ系も大歓迎です)。 また、「実機でちゃんと表示できました」「こんなの作りました」などコメントやとトラックバックを頂きましたら見に行きますのでブログへ
TWIN TAIL LOVERS.（仮） - TWIN TAIL LOVERS.（仮）
ついに ねんがんの RadeonHD5870 を てにいれたぞ！ ころしてでも（ｒｙ 最初に † 当サイトはある事ない事を適当に書き連ねているだけのゆる～い所です。 基本的に自らの学習内容をメモとして残し誰かの役に立つかもね？というスタンスです。 どちらかというとプログラミング関連のサイトに分類されるっぽいです。 ↑
西川善司の3Dゲームファンのための「ラブプラス」グラフィックス講座 DSの3D能力を超えた5,000ポリゴンキャラクターをレンダリングする技術に迫る - GAME Watch
西川善司の3Dゲームファンのための「ラブプラス」グラフィックス講座 DSの3D能力を超えた5,000ポリゴンキャラクターをレンダリングする技術に迫る 会場：ＫＯＮＡＭＩ本社 本連載は、センセーションを与えた3Dゲームグラフィックスにスポットをあてていく連載である。 本連載ではこれまではどちらかと言えばハイエンド技術ばかりに目が向けてきたわけだが、PS3やXbox 360といったハイエンド現行機が普及期/熟成期に突入した今は、そうしたホットトピックに巡りあう機会が減ってきたように思える。これは、全体的な技術の底上げが行なわれてきたと言うことであり、喜ばしい反面寂しい気もする。 そんなわけで、これからは、アーティスティックな方向性で一工夫ある斬新な表現や、ユニークなアプローチの技術にも目を向けなければ、と思っていた矢先に、注目せざるを得ないタイトルと遭遇した。 それが今回取り上げる「ラブプラ
その27 アニメーションの根っこ：スキンメッシュアニメーション（ボーン操作）
ホーム < ゲームつくろー！ < DirectX技術編 < アニメーションの根っこ：スキンメッシュアニメーション（ボーン操作） その27 アニメーションの根っこ：スキンメッシュアニメーション（ボーン操作） RPGで主人公が走り、飛び、勝利のポーズを決める。かっこいいですよねぇ～。そういう軟質系の動きは「スキンメッシュアニメーション」と呼ばれています。これをDirect3Dで実現するために、その23あたりから地道な下積みをしてきています。この章では、いよいよアニメーションの根本をなす「ボーン操作」について説明します。この章、はっきり言って試行錯誤と調査と努力の結晶です(T_T) ① ボーン登場！ ○×にもちらちらと出てくる「ボーン（骨）」。スキンメッシュアニメーションの中核をなす重要な概念でして、ようやくここで堂々の登場となります。ボーンとはスキンメッシュに埋め込まれた骨のことで、この骨をぐ
3D座標変換 - ゲームプログラミングWiki
解説 ここからが3Dの本番となります。 今回は3Dの中で一番基本であり、数ええられないくらいの 3D 初心者を消してきた「座標変換」について説明します。 今までの中で間違いなく強敵で、数学もどんどん出てきます。 それでも 3D ゲームを作るに当たってこの行列変換は必ず必要になってきます。 気合を入れましょう。 ↑ 座標変換って何？ そもそも座標変換とは何なのでしょうか？ 座標については知ってますよね。 変換といえば、文字を変えていくあの変換ですよね。 座標変換とは文字通り「座標を変えていきます。」 3Dの座標変換は数式で演算することもできますが、通常は行列を用いて変換していきます。 さて、ここでプリミティブのことを思い出してください。 ポリゴンを形成するプリミティブは全て頂点から形成されています。 ということは頂点を操作すれば図形が変わるということです。 そこで、この性質を用いてこの頂点に
アフィン変換_3DCG - FreeStyleWiki
元のオブジェクトが持つ頂点情報などは中心位置を(0, 0, 0)としたときの座標系であらわされます。これを「ローカル座標」と言います。 ここから始まり、すべてのオブジェクト（物体）はシーンという3D仮想空間内に配置されます。この「シーン」を表現する座標系を「ワールド座標」と言います。ローカル座標からワールド座標に移行する際に、オブジェクトの拡大縮小・回転・平行移動などが行われます。ワールド座標にはオブジェクトだけでなく、光源・視点も配置されます。 さらに、今度はこれを「視点（カメラ）位置から見たときの」座標に変換します。視点は情報として、「視点位置」と「視線方向」があります（その他、視野角度などの情報もありますが、これが使用されるのは「パースペクティブ変換」です）。これを元に変換すると、始点位置が(0, 0, 0)で視線方向がZ軸で奥に向かってZがプラスになる座標系に変換されます。これを「
link集/3D Model Data - NomisoBraaan Wiki
3Dモデルデータのファイルフォーマットや読み書きライブラリに関するリンク集 OpenGL link集/DirectX link集/3D Graphics link集/VR link集/GIS系 ファイルフォーマット情報へのリンクは link集/規格物#FileFormat にもあり。 3D Model Format Link集へのLink 3D Model Databases 海外サイト。各種3D-DBフォーマットに関する情報。 3D Data Formats 海外サイト。各種フォーマット情報へのリンク集。 O'Reilly Graphics File Formats encyclopedia homepage 海外サイト。各種フォーマットに関する情報。 関連書籍 https://www.amazon.co.jp/dp/1592000339 円 ↑ OpenFlight [*.flt] M
makuchan's diary
▲どこからみてもスーパーマンじゃない。 #動物はあなたのごはんじゃない ゆかり姫。今月で38歳か。 QX10が届いたので軽く撮影してみた。 まずメモリーカードが必要だ！ｗ まぁ無くてもスマホに自動転送してくれるけど。iPhone5の軽さにこのレンズの重さはバランス悪い。慣れが必要かも。 肝心の画質だけど、室内撮影で見てみると普通のコンデジレベルで凄さを感じない。 あとwifi接続に時間がかかる。サッと出して撮影というわけにはいかないようだ。 ぬーん。微妙。 ねんどろいど 雪ミク Magical Snow Ver.の引換券を受け取ってきた。 あとは当日サッポロファクトリーに行くだけだ！（ﾟ∀ﾟ）
☆PROJECT ASURA☆ [OpenGL] 『メッシュを読み込む！！(1) ～OBJファイル～』
さすがにサンプル作るのに，いつも箱とか平面だとへぼいので，メッシュファイルを読み込んでみます。 使うファイルはAlias Wavefront OBJ File(*.obj)です。 いろいろなファイルがありますけども，そのなかでもOBJファイルはシンプルでわかりやすいほうだと思います。 まずはファイルの読み込みをつくる前にざっとファイルフォーマットの説明をします。 上のようなメッシュファイルを表示するためにはOBJファイルとMTLファイルの2つを使います。 OBJファイルの方は幾何形状のデータを取り扱います。要するに頂点座標とか法線ベクトルとかテクスチャ座標とか，面を構成するのに必要なデータとかそういうのが書かれています。 一方MTLファイルの方は，材質データを取り扱います。環境色とか拡散反射光とかテクスチャのファイル名とかそういうのが書かれています。 とりあえず，まずOBJファイルのほうか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
とあるSEの研究記録Ⅲ（レコーダー） - とあるSEの研究記録Ⅲ（レコーダー）
「Final Fantasy XIII」 リアルタイムカットシーンのワークフロー
「アイドルマスター２」は前作からどこが変わった？ こだわりのグラフィックス&アニメーション技術を公開
次期アイドルマスター プログラミング プレビュー(1/2)
ゲームプログラマーを目指すひと 「インデックス付き頂点ブレンディング」 をやってみた(DirectX)
ゲームつくろー！
すめぽんをｶﾝｻﾂするブログ