WebGLを使ってブラウザ上で3Dモデルを描画した話 - DMM.comラボエンジニアブログ

皆様、はじめまして！DMM.com Labo システム本部 事業サービス開発部の久野です。この度、社内の勉強会のLTで話した内容をまとめてみました！ 内容はWebGLというJavaScriptのAPIを使って、ブラウザ上で3Dモデルをアニメーション付きで描画するために何を行ったのか、です。 ▼実際に動作するデモです。 テクスチャを大量に読み込まなければならないので表示まで時間がかかるかもしれません。 ▲ブラウザによっては動作しない可能性がありますがデモプログラムなので悪しからず。 WebGLとはなんぞや？ WebGLとはKronos Groupが管理するOpenGL ES 2.0をブラウザ上のJavaScriptから扱えるようにしたAPIです。GPU(グラフィックカードまたはグラフィックボード)の機能を駆使して高度な3D描画を高速に行うことが出来、昨今のPC、スマートフォン等の主要なブラウ

[hush_in]

フルスクラッチすごい

[llminatoll]

気になる

[motchang]

つよい…

[mk18]

モデルの理解にいい

[ibunyayugo]

これって一般でできたらキャラクターモデリングの敷居めっちゃ下がるな

[s-wyvern]

フルスクラッチって凄いな

[atomer]

個人作成じゃなくても艦これモデルの使用はNG出そう

[jerryb]

フルスクラッチ連呼されていたので絵も描いたのかすごすぎる！と思ったらCCライセンスだった（でも成果は十分すごいと思う）。

[itouhiro]

Android4.4のChromeブラウザーでも動作した。FPS一桁だけど。／3D開発、個人的にはUnityよりこちら(HTML5)使いたい。Unityは有料クローズドだし、開発環境はムダに重いし。

[ryunosinfx]

現物は素晴らしい

[efcl]

MMDモデルをBlenderの拡張で整形した情報を作って、WebGLでレンダリング

[pochi-mk]

ふ、フルスクラッチ！

[xaicron]

WebGL上でハッカドール2号が動いてる！

[field_combat]

スゴイな

[gam-22]

フルスクラッチでモデル読み込みとアニメーション実装したのか…つよすぎ！！

[dnasoftwares]

“(；´Д｀).oO(DMMのブログだし艦これのモデルを使いたかったけど個人作成のMMDモデルはライセンスが・・・)”

[key_amb]

ハッカドールのMMD用モデルデータはCCライセンスなのか

[progrhyme]

ハッカドールのMMD用モデルデータはCCライセンスなのか

[vvakame]

"フルスクラッチで3Dモデル描画を実装してみた" つよえ…

[sigeharucom]

http://redlily.github.io/ ←Androidのchromeでも動いた！　　　フルスクラッチで3Dモデル描画を実装。データ吐き出し用にBlenderのプラグインをPythonで開発。すごい。、

[yasu-log]

【B!】WebGLを使ってブラウザ上で3Dモデルを描画した話 - DMM