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、スマートフォン等の主要なブラウ
「AdobeユーザーのためのBlender入門」というチュートリアルを作りました
普段 Adobe Illustrator や Photoshop を使ってデザイン制作をしている、あるいはそれと同等のPCスキルがある方向けの Blender というアプリケーションを使った3DCG制作の入門チュートリアルを公開しました。 こちらのページで体験できます。 AdobeユーザーのためのBlender入門 Blenderとは Blender とは、オープンソースで公開され無償で利用できる統合型3DCGソフトウェアです。 ※統合型3DCGソフトウェア: 要するに色々なことができる3DCGソフトのこと。「モデリング」とよばれる形を作る機能はもちろん、アニメーションやレンダリング、動画編集など色々なことができる。 無償というと「低機能ではないのか」と思われる方もいらっしゃるかもしれませんが、Blender は数十万円の有償ソフトと比べても劣らないほど多機能なソフトウェアです。 おそらく
無償3D CGソフト「Blender」の操作 超基本
無償3D CGソフト「Blender」の操作 超基本：3次元って、面白っ！ ～操さんの3次元CAD考～（46）（1/3 ページ） 前回は暑い盛りの2015年7月26日に開催された「ワンダーフェスティバル」（ワンフェス）の話題から始まり、身体も心も熱くなっていました。8月の半ばから激しい暑さの戻りもなくなって、すっかり秋めいてきましたね。 さて今回から、少しばかり3D CGのお話をしていきます。これまでも3D CGソフトの「Metasequoia」をちらっと紹介だけしたことはありましたが、もう少し「作り方」について触れていきたいと思っています。 例えばメカ設計の業務が中心であれば、3D CGでのモデリングはあまり縁がなくて普通ですね。筆者自身もこれまであまり触れてこなかったのですが、最近は3D CGを扱う機会がちょくちょく出てきました。 先日お話をしたあるモデラーさんは、柔らかい形状を作る時
Unityでドット絵シェーダ - UnityShader 入門
このコンテンツは、『ユニティちゃんライセンス』で提供されています Blenderでドット絵シェーダを作っている方がいましたので、Unityで実装方法考えてみました。 ドット絵シェーダー v1.0 - 3Dモデルをドット絵風に描画するシェーダーが公開！試行錯誤した流れが分かる制作日誌にも注目！ 自分でドット絵は描いたことがない(加えて2Dスプライトを使ったゲームも作ったことはない）ので、間違ってるところがあるかもしれません。 ドット絵について 実装するにあたって、ドット絵がどうやって作られるか考えてみます。 ドット絵の元（ドット絵になる前の絵）は、"高解像度の絵"です。 （この"高解像度"の絵はドッターの脳内にあるかもしれませんし、CGでレンダリングしたものかもしれません） なるべく情報量を保ったまま解像度を落とす、ことを考えます。 1.色選択アルゴリズム 高解像度の絵からドット絵に解像度を
友人をスマホで撮影して3Dモデル化してUnityで動かしてみた
3d model from photos](http://cdn.123dapp.com/wp/wp-content/uploads/2014/09/catch-for-android.jpg) 上記のビデオにもありますが、基本的には周囲をぐるぐると回りながら20枚前後の写真を撮影、123Dのサイトにアップロードすることでモデルデータ化されます。 今回、友人の小島さんが撮影した友人の伊藤さんは次のようなデータになりました。iPhone5での撮影です。 試行錯誤の結晶 2014-07-27-18-27-10 3D Model Made with 123D 123D Catch なかなか綺麗な仕上がりです。背景になっていた壁や道路、カフェもモデル化されており妙な迫力があります。そしてモデルデータは.obj形式か.3dp形式でダウンロードできます。このままでも一応、Unityへ持っていく事が可能
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3D CGを背景などに活用してる漫画家さん達の話(blender/メタセコイア版) (2ページ目)
