![デジタル・フロンティア-Digital Frontier | DF TALK](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc985d3b50081f61ff9ee9c614fbbd62282f8292/height=288;version=1;width=512/http%3A%2F%2Fwww.dfx.co.jp%2Fdftalk%2Fwp-content%2Fuploads%2F2014%2F06%2Fdftalk03-300x199.png)
多彩な表現力のWebGLを扱いやすくする「Three.js」:Webグラフィックをハックする(5)(1/5 ページ) Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリだ。サンプルコードと見比べながら、効率良く学習しよう Three.jsの基礎 本連載も5回目を迎え、いよいよ佳境に入ります。今回の題材は、Webブラウザ上で3次元グラフィックを実現する「WebGL」です。ただし、これまでと違ってAPIを直接は触れず、「Three.js」を利用します。Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリです。Mr.Doob氏を中心にオープンソースで開発が進められており、WebGL界隈ではデファクトスタンダードに近い地位を築いています。 Three.jp公式サイト WebGLはこれまで解説し
第11回Away3D TypeScriptが2015年3月13日付でビルドを改めた 野中文雄 2015-04-20
Away3D TypeScriptはHTMLの3D技術「WebGL」を扱いやすくしたフレームワークです。個人ブログ(HTML5で3Dを実現する本格派WebGLフレームワーク、Away3D TypeScriptの公式デモ)で紹介したようにAway3Dを使えばGPUによる本格的な3D表現をプラグイン無しで作成できます。 そこで、初級者にもやさしいAway3D TypeScript(以下、Away3D)チュートリアルをはじめてみることにしました。必要となるスキルレベルは、JavaScriptの入門書を一冊読み終えたぐらいを想定してます。Away3DはJavaScriptやTypeScriptのどちらでも利用できますが、本連載ではJavaScriptで解説します。 この記事について AwayJSは活発に開発されていないため、本サイトとしては利用は推奨しません。WebGLを活用したい方は、Three
オートデスクは、期間限定ギャラリー「Autodesk Gallery Pop-up Tokyo」のオープンイベントにおいて、「Autodesk 123D Design」の日本語版を近日中にリリースすると発表した。 オートデスクは2015年10月23日、無償3次元CAD「Autodesk 123D Design」の日本語版を提供すると発表した。詳細な日程は未定だが、同年10月下旬~11月上旬ごろからダウンロード可能になる見込みだという。 同発表は、オートデスクが開設した期間限定ギャラリー「Autodesk Gallery Pop-up Tokyo」のオープンイベントに登壇した、同社 ブランド&コミュニケーション担当副社長 グレッグ・エデン氏のプレゼンテーション内で明かされた(関連記事:最新モノづくりの“ストーリー”を体感できる「Autodesk Gallery Pop-up Tokyo」)。
ZygoteBody™ & 3D data © 2012-2017 Zygote Media Group, Inc. Quick guide Navigation Click+drag with the mouse to rotate, scroll to zoom. Or use the buttons in the upper left. The Home button resets the view. Change from Capsule to Orbit mode in the upper right to enable full 3d rotation and hold Ctrl down to pan the view. (Premium users only) Slider Use the opacity slider on the left to reveal layer
Capital One’s Venture card has always been a bit of a hybrid between cash back and travel rewards cards. While you could earn a lot of points through Hotels.com, and erase travel purchases from your credit card statement by redeeming them, you couldn’t transfer them to any airline programs like you could points from …
可動式のフィギュアとPCを接続して動かすと3Dデータを操作できる「QUMARION(クーマリオン)(税込み6万7800円)」。付属のソフトと組み合わせてマウスやキーボードなどの一般的な入力デバイスでは直感的な操作が難しかった人型のCGを手の中にある人形を動かすことでポージングできる、ということなのでガチャガチャと動かしてどんな格好ができるか試してみることにしました。 外箱はこんな感じ。 内箱のフタは透明でこのまま飾っておけそう。 本体の身長は約30.8センチ。 箱の下段には付属品一式が入っています。 内容物はQUMARION本体の他に、手の交換パーツ2セット、USBケーブル、専用コントローラー、オーナーズカード、取り扱い説明書など。初回限定品には専用スタンドや描き下ろしポスターなどが入っています。 また、初回限定パッケージは以下のソフトを同梱。 ・イラスト制作ソフトウェア「CLIP STU
CADソフトでデザインしたフィギュアを「3Dプリンター」で出力する、という手法で製作された作品がワンダーフェスティバル2012[夏]に展示されていたので、会場で写真に収めてきました。 ブースを設置していたのは一般社団法人3Dデータを活用する会・3D-GANで、この区画の中でさまざまな団体、企業がそれぞれ展示を行っています。 ◆ Miku Hatsune XS(初音ミクXS) 天使のような翼が生えた初音ミク。 mqdlさんが作成した3Dデータを元にして東京リスマチックの立体造形出力サービスを利用して製作されたもの。 同社の公式Twitterアカウントでは、実際に3Dプリンターを使用して出力している様子が公開されています。 3Dプリンターで出力したパーツを整えてから組み立てるとこうなります。 翼の先端の仕上がりはかなりシャープ。 台の上に腰掛けたポーズ。 バストアップ。 ◆クリスタルブロック
私たち人間の体はとても複雑で神秘的な造りをしています。 医学が進歩しても、いまだに解明できていない病気も多くあります。 そんな不思議のベールにつつまれた人体ですが、最新のWebテクノロジーを使って医学・解剖学の分野で理解を深めるためのツールが登場してきています。 今回ご紹介するのは、HTML5とWebGLのウェブ標準技術を使った人体解剖図のChromeウェブアプリ「BIODIGITAL HUMAN」です。 「BIODIGITAL HUMAN」は、詳細な医療の説明と組み合わせて人間の構造を3Dで学ぶことができる教育ツールです。 Googleからも同じような3Dの人体解剖図ツール「Google Body Browser」がラボで登場しましたが、Google Mapの人体解剖図版といったレベルでしかありませんでした。 BIODIGITAL HUMANは、人体解剖図が見れるだけでなく、臓器1つ1つ
ニコニコ動画ユーザーのTda(ティーダ)さんが作った初音ミクのMMDモデル『Tda式Appendミク』(3DCGソフトウェア『MikuMikuDance』で動かせるモデル)が美しすぎて感動です。 紹介動画からこの3D初音ミクがヌルヌル動く様子が見れますが、髪の毛や指先などの細かい動きが分かるのが素晴らしいです。 [Tda式ミク・アペンド]美し過ぎて生きるのがつらいです[モデル紹介] ‐ ニコニコ動画(原宿) ニコニコ動画のアカウントを持っていない人は以下の紹介動画のスクリーンショットからお楽しみください。 恥ずかしそうにするミク。 頭の飾りも作り込まれています。 もちろん衣装の作り込みもハンパじゃありません。 表情もゆたかに変化させられます。 なにか変な顔も入っていた気もしますが、気のせいです。 また、さきほどの3Dモデルにさらに修正をくわえ、踊らせてみた動画もアップされています。歌ってい
【完全図解】超初心者でも大丈夫。話題のゲームエンジン「Unity」での3Dゲーム作成入門 ライター:Veki 12345→ ●Index ・UIと基本操作(物理エンジン) ・物体を動かしてみる(スクリプト,入力処理) ・インスタンスを生成する(プレファブ) ・当たり判定と爆発処理 ・敵の発生と文字表示 登場以来,注目度が上がり続けているゲームエンジン「Unity」。個人や(前年度の収益が一定の収入に達していない)企業はフリーで使用できるほか,スマートフォンやWebブラウザ上で高品質な3Dゲームを実現できるなど,話題の多い製品です。コミュニティ活動も盛んで,たくさんの素材が流通しているほか,最近ではUnityに関する日本語の情報も次第に増えてきました。 Unityは,手軽に使える本格的なゲームエンジンであるのは確かですが,まったくの初心者にはまだまだ分かりにくい部分が多いのも事実でしょう。ち
[SIGGRAPH]ついにDirectX 11を凌駕した!? Khronosに聞く「OpenGL 4.2」の正体 ライター:西川善司 Khronosに属するメンバー企業を示したスライド Khronosが規格策定に携わっているオープンスタンダードAPI群がこのスライドに示されている Khronos Group(クロノスグループ,以下Khronos)は,組み込み機器向けのオープンスタンダードAPIワーキンググループとして2000年に発足した団体である。活動初期においては,組み込み機器向けのOpenGL ESの規格策定に注力していたが,2006年に本家OpenGLの規格策定を行っていたOpenGL ARB(Architecture Review Board)と統合することになった。その結果,Khronosは,クロスプラットフォーム対応のオープンスタンダードAPIの規格化団体として,最も大きなもの
複数の画像のスクロールのタイミングをずらして表示するパララックスを簡単に実装できるjQueryのプラグインを紹介します。 jQuery.Smart3D デモページ [ad#ad-2] パララックスはそれぞれのタイミングをずらして視差効果を生み出し、奥行き感を出すものです。 上記デモでは背景と人物の画像2枚をそれぞれマウスに合わせてずらして表示しています。 使用画像 5枚の画像を使用したパララックス Smart3Dの実装 一番最初に紹介したデモの実装方法です。 HTML 各画像をリスト要素で配置します。 <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS スタイルシートでサイズを設定し、好みでborderなどのデザイン
rotate3Di - Flip HTML content in 3D デモ [ad#ad-2] rotate3Diの対応ブラウザ Firefox 3.5+ Chrome Safari IE 9(pre7+) 多分、Operaも大丈夫とのことです。 ※Opera 10で動作しました。 rotate3Diの実装 rotate3DiはjQueryのプラグインのため、実装にはjquery.jsが必要です。 外部ファイル JSファイルを外部ファイルとして記述します。 <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript" src="rotate3Di/jquery-css-transform/jquery-css-transform.js"></script>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く