次世代仕様のWebGPUとは？ 次期macOSでのOpenGL非推奨化はWebGLに影響をもたらすのか - ICS MEDIA
次世代仕様のWebGPUとは？ 次期macOSでのOpenGL非推奨化は WebGLに影響をもたらすのか ウェブの3Dグラフィックスを扱う新しい仕様として、WebGPUが提案されています。広く普及したWebGLがある中で、WebGPUとはどういった目的で生まれようとしているのでしょうか？ 本記事ではWebGLとWebGPUの違いと、近況を紹介します。 業界を震撼させたAppleのOpenGL非推奨化 今月6月上旬に開催されたWWDC 18で発表されたmacOS 10.14 MojaveとiOS 12のウェブページでは、OpenGL/OpenCLおよびOpenGL ESを非推奨化する旨が記載されています。macOS 10.14とiOS 12でOpenGL等は引き続き動作するものの、Metalへの置き換えを呼びかけています。 ▲What’s New in macOSにはOpenGLとOpenC
HTML5で近代的な3Dゲームを実現する第一歩になりそうなWebGLのデモ - Chrome Life
3Dグラフィックスをブラウザだけで表現できる「WebGL」は、HTML5が浸透してくることでますます期待されています。 今までもWebGLを使ったサンプルやアプリケーションが登場していますが、どちらかというと3次元で表現したものがブラウザで見れるといったレベルのものがほとんどでした。 ブラウザで表現するのにも限界があるのか？と思っていましたが、そんなことはないというサンプルを見つけました。 Team Fortress2が作ったthree.jsのWebGLを使ったデモです。 精密な3Dグラフィック表現、キャラクターのスムーズなアニメーション、微妙な影の重なり具合など完成度が高いサンプルになっています。 本当にブラウザで動いてるの？ と疑ってしまうほどです。 three.jsは、JavaScriptからWebGLを簡単に使えるようになるライブラリーです。 今までもthree.jsを使ったサンプ
CUTT System:WebGL+HTML5 3DCG プログラミング入門
WebGL+HTML5 3DCG プログラミング入門 著者 松田 晃一 判型 B5 変型, 592頁, CD-ROM付属 本体価格 5,800円 ISBN 978-4-87783-273-5 本書について 本書は、ウェブブラウザ上に三次元グラフィックスを表示するための標準仕様であるWebGLを用いてプログラムを作成するための入門書です。 WebGLは、3DCGの分野で広く用いられているOpenGLをもとに組み込み機器向けの描画ライブラリとして策定されたOpenGL ESを、ウェブブラウザ上で使用できるようにしたものです。Google ChromeやFirefoxなど、WebGLに対応するウェブブラウザであれば、グラフィックスハードウェアの処理能力を活用した3DCGを特別なプラグインなしに表示することができます。 本書は、WebGLやOpenGLについて特別な知識を持たない読者でも独力で読み
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
WebGL-2d: An Implementation of the 2d Canvas...
Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. WebGL-2d is an interesting project that is aiming to be a complete port of the Canvas2D API implemented in a WebGL context as a proof of concept. "Huh, why would anyone want to do that?“, you might be asking. Currently, in supporting browsers, WebGL performs better in some
最新ブラウザが映し出す3Dの夢世界
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
[ヅ] Google Chrome で WebGL が動作しないので --ignore-gpu-blacklist で回避する方法 (2011-04-06)
ウチの Windows XP + Google Chrome 10 だと WebGL のコードが実行されない。。。 正確にはChrome 10、Windows XP、Nvidia 7300 GTの組み合わせでGoogle Bodyが動作しない事が発端としてDev版をWindows XPにインストールした場合、デフォルトでWebGLがdisableになった様です。 Chrome 10からWindows XPでのWebGLサポートを停止 - 強火で進め Σ（゜д゜lll）ガーン！ ウチのは Chrome version 10.0.648.204 (Official Build 79063) ※以下の方法はあまりお勧め出来る事では有りません。自己責任にてどうしても試したい方のみ試してみて下さい。 引数に --ignore-gpu-blacklist を付けてChromeを起動するとこのブラックリ
XP 上の Chrome 10～ で WebGL を有効にしたい
WebGL 技術を利用したミュージックビデオ、ROME （ムービー）を見てみたかったのです。 参考にさせていただいたサイト： http://www.nilab.info/z3/20110406_02.html 1. about:gpu で現在の状態を確認 Chrome version 11.0.696.68 (Official Build 84545) Hardware Acceleration Unavailable となっていて利用できない状態です。 2. Chrome を引数つきで起動 --ignore-gpu-blacklist Chrome のショートカットに引数を加えてもOK。 3. about:gpu で状態を確認 Diagnostics が出力されれば有効になっていると思われます。 （注意点） ・最近グラフィックドライバを更新していない場合は OpenGL の性能に関わるこ
Google I/O の WebGL セッションが素晴らしいのでハイライトを紹介してみる - WebOS Goodies
今週はみんな Google I/O に気を取られているだろうから、ブログの更新はサボろうかな…と思っていたのですが、なんとなく動画を見てみた WebGL セッションの内容があまりに素晴らしかったので、ハイライトをご紹介することにしました。 WebGL を活用するためのテクニックやパフォーマンス Tips などが解説されていて、 WebGL に関わっている方は必見です。また、けっこう見栄えの良いデモがいろいろ出てくるので、「WebGL ってなに？」という方でも楽しく見れると思います。 とはいえ、解説されている内容をきちんと理解するには WebGL の基礎知識が必須です。もしセッションを見て興味を持たれたら、こちらの記事もぜひご参照くださいませ。 前半は処理を GPU へ移行してパフォーマンス改善する例 最初にまず WebGL の基本概念を説明。その後、円や立方体などのオブジェクトをアニメーシ
WebGL研究部 - ウェブブラウザ上で高度なグラフィックを提供するWebGLについての研究と情報
以前紹介したGLGEのようなWebGLを使ったライブラリを今回もご紹介します。 GLGEの時にも述べたようにWebGLだけでは、ソードコード的にも複雑になりバグも出やすい。 凝ったものを作るとなると面倒なので便利な３Ｄライブラリ「SceneJS」をご紹介します。 「SceneJS」は、GLGEとは全くことなりゲーム開発を目的としたライブラリではなく、 簡単に３Ｄシーンを構築したいという人向けです。 ３Ｄモデルのフォーマット「COLLADA」も対応しており ３Ｄ制作ソフトウェアから読み込み可能でデザイナーとの連携もスムーズに。 「SceneJS」の特徴の１つは構文で、階層構造で簡潔にコードを記述でき、 ワールドの中でカメラを設定する・光源を設定する・モデルの配置を設定する、 そして、描画する。という流れで記述し画面に表示できる。 SceneJSのデモが公式ページで公開されており、
JavaScript でリアルタイム 3DCG を実現する WebGL の使い方 - WebOS Goodies
先日、ちょっとした思いつきで WebKit の Nightly Build をインストールし、 WebGL を試してみました。 WebGL というのは現在策定中の新しい規格で、 JavaScript を使って本格的な 3DCG を実現する API です。同じ目的を持つものとして Google の O3D がありますが、 WebGL は OpenGL ES を管理している Khronos グループを中心に Google, Mozilla, Opera, NVIDIA, AMD といった企業が参画しており、標準化という面ではリードしています。 まだ策定中の規格なので今後変化するかもしれませんが（WebGL 1.0 が正式リリースされました）、少なくとも現状の WebKit の実装については使い方がわかったので、本日はそれをご紹介します。 WebGL は Web 上の最も重要なグラフィックス A
PhiloGL: A WebGL Framework for Data Visualization, Creative Coding and Game Development
PhiloGL is a WebGL Framework for Data Visualization, Creative Coding and Game Development. Idiomatic JavaScript PhiloGL is built on JavaScript good practices and idioms, providing an expressive and powerful API Focused on Performance PhiloGL tries to be as close to the gl calls as possible, providing a clear yet tight abstraction to WebGL All the Modules you need PhiloGL modules cover from Program
iPhoneの加速度センサーをコントローラーにしてWebGL内を動くマルチプレイヤーゲームを作ってみた - 最高のコンピューティング環境とは？
この作品は「第0回 HTML5プログラミング＆クリエイティブ・コンテスト」へ応募した作品です。 WebSocketの普及により、ブラウザの載っている端末は、他のブラウザで表示している物の、リアルタイムなコントローラーとして利用できるようになることを実感できるような内容となっています。 iPhone / Androidをマルチプレイヤーゲームコントローラーとしての利用する作品として2つのパートに分かれています。 パート2が、加速度センサーとWebGLを使った物です。 パート1. WebSocketを利用したiPhone / Androidによるマルチプレイヤーゲームコントローラーのサンプルゲーム1 この作品では、WebSocketを使えば、特定の場所に集まった人々が、iPhone / Androidをコントローラーとして利用して、一緒に簡単にゲームに参加できることを示します。 技術的な内容は
Kinectを使ってブラウザのWebGL内を動いてみた - 最高のコンピューティング環境とは？
Kinectを買ったので、最近熱いWebGLの入力として使ってみた。 遊び・デモ用で汎用的には作ってない。 デモムービー ムービーではChrome10のWebGLでKinect入力の棒人間が動いてます。 Firefox4 / Safari5とかでも動きます。 Firefox3でも動かなくはないですが、WebGL非対応なので檄重です。 やってることとそれぞれのソースコード 1.Kinect --> 2.OpenNI(PC用のKinect対応フレームワーク)を使ったアプリ --[TCP]--> 3.ローカルNode.jsサーバー --[WebSocket(SocketIO)]--> 4.ブラウザでWebGL(three.js)を使って表示 最初はDepthJSを使おうとしたけど、特定のブラウザでしか動かない拡張らしく、OpenCVとかも面倒だと思っていた時に、下記のサイトでOpenNIから簡単
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GDC2011、NVIDIAブースレポート KHRONOS GROUP PRESIDENTインタビュー Webアプリ新時代を見据えて、KHRONOSが規格制定に乗り出する新オープンAPI規格とは?
スマッチャ Plus
WebGL examples