HTML5 CanvasとWebGLの使い分け―CreateJS勉強会/池田発表資料 (前編) ― ICS LAB
2015年2月10日（火）、アドビシステムズ株式会社でCreateJS勉強会 (第5回)が開催され30名を超える方々が来場されました。勉強会のフォローアップとして、発表資料「CreateJSで制作するスペシャルコンテンツ」のスライドをブログ記事という形で公開します。本記事では口頭で発表した内容もできる限り記載しました。 なお、前編（CanvasとWebGLの比較）と後編(WebGLの最適化)の二部構成にしています。前編となる本記事ではスペシャルコンテンツ制作にあたり調査したHTML CanvasとWebGLの双方の利点・欠点をまとめています。 HTML CanvasとWebGL 今回のテーマは「HTML CanvasとWebGLの使い分け」です。皆さんもご存知の通り、HTML5のCanvas要素 (JavaScript ではCanvasRenderingContext2Dオブジェクト）は従
Mozillaのゲームに対する本気度を担当者が語る。WebGLが拓くゲームプラットフォームとしてのWebブラウザの姿
Mozillaのゲームに対する本気度を担当者が語る。WebGLが拓くゲームプラットフォームとしてのWebブラウザの姿 ライター：米田 聡 2014年9月2日から4日までパシフィコ横浜で開催されていた日本最大のゲーム開発者会議「CEDEC 2014」では，米Mozilla Foundation（以下，Mozilla）からブラウザのゲームプラットフォーム化を推進している担当者が来日して「Games on the modern Web」（モダンWebにおけるゲーム事情）と題するセッションを行った。4GamerではGame Developers Conference 2013（以下，GDC2013）の際にMozillaの試みをレポートしているが，今回のCEDEC 2014のセッションはその後の進捗報告という感じの内容で，ブラウザのゲームプラットフォーム化が現実になっていることをMozillaの担当
日本全国の3D地図、国土地理院が公開 ダウンロードして3Dプリントも
国土地理院は3月19日、Webブラウザで閲覧できる日本全国の3D地図「地理院地図3D」を公開した。データをダウンロードすれば3Dプリンタを使って出力できる。防災対策や学校教育などでの活用を見込むという。 日本全国を網羅する「地理院地図」の新たな表現として、高低差を3Dモデルで示し直感的に理解できるようにした。通常の地図データと標高データを利用しており、日本全国の好きな場所を3Dで表示できる。3Dプリンティング用のデータは、WebGL、STL、VRMLの3形式でダウンロード可能。 「地理院地図3D」のトップページでは、東北・裏磐梯、関東・高尾山、中国・秋吉台、沖縄・首里城など各地方の測量部おすすめの場所が20カ所挙げられている。 関連記事 「世界最高精度のデジタル3D地図」JAXAが整備へ 「だいち」撮影の300万枚活用、5メートルの精度で起伏再現 JAXAは、陸域観測技術衛星「だいち」が撮
プラグインなしでブラウザ上でUnityで開発したゲームが動作可能に
WebGLやasm.jsの技術を駆使し、専用プラグインなしでもブラウザ上でUnityで開発したゲームを動かすことが可能になると、MozillaとUnityが発表しました。 Mozilla and Unity Bring Unity Game Engine to WebGL | The Mozilla Blog https://blog.mozilla.org/blog/2014/03/18/mozilla-and-unity-deliver-award-winning-game-engine-to-the-web/ UnityはWindows・Mac OS X・ウェブブラウザ・Flash プレイヤー・iPhone・iPad・Android・Wii・Wii U・PS3・Xbox 360など幅広いプラットフォームのゲーム開発に対応したツールで、2005年にOS Xに対応したゲーム開発ツールとし
WebGLの能力を引き出すプログラマブルシェーダー
WebGLの能力を引き出すプログラマブルシェーダー Webページ上で利用できるグラフィック技術を紹介する本連載も、ついに最終回となりました。フィナーレを飾る題材は、WebGLの最も強力な機能である「プログラマブルシェーダー」です。前回（多彩な表現力のWebGLを扱いやすくする「Three.js」）と同様にThree.jsの使用を前提として、プログラマブルシェーダーの基本的な書き方と、Three.jsを各機能に組み込む方法を解説します。 前回はThree.jsの代表的な機能を解説し、いずれもWebGLでなければ実現の難しいものばかりでした。しかし、実はそれでもWebGLの能力のごく一部を使っているにすぎません。独自のプログラマブルシェーダー（カスタムシェーダー）を書くことができれば、描画処理の大部分を柔軟にカスタマイズでき、望み通りの表現を得られます。Three.jsの使い方に慣れたら、ぜひ
最新バージョンのChrome 31とOpera 18、asm.jsとWebGLで高速実行を実現。Unreal Engine 3対応に
最新バージョンのChrome 31とOpera 18、asm.jsとWebGLで高速実行を実現。Unreal Engine 3対応に Mozillaが開発したasm.jsは、JavaScriptを事前最適化コンパイラで徹底的に最適化するとともに、実行時チェックやガベージコレクションなどの実行速度の足を引っ張る処理を止めてしまうなどの手法で、JavaScriptを高速で実行できるようにする仕組みです。 asm.js:コンパイラのための低レベルかつ高度に最適化可能なJavaScriptのサブセット MozillaはFirefoxでasm.jsに対応していますが、GoogleもJavaScriptエンジンの最適化の一環としてasm.jsも高速に実行できるようにすると、5月に行われたイベント「Google I/O」で表明していました。 MozillaのGame Platform Strategis
Windows 95の付録ゲーム「Hover」がWebに帰ってきた
米Microsoftは10月2日（現地時間）、かつて「Windows 95」のCD-ROM版の付録として公開したドライブゲーム「Hover」をWebゲームとして再現したと発表した。Webページでプレイできる。オリジナルとは異なり、マルチプレイヤーモードも選択できる。 Hoverはそれほど有名ではないが、当時はやりはじめた3Dゲームを無料で楽しめるものとして記憶しているユーザーもいるだろう。ゲームの基本ルールは、仮想空間上をドライブして敵より先に相手の旗をすべて奪うというもの。空間には旗の他、シールドやパーツが浮遊しており、これらを取り込むことでレベルが上がる。 Web版HoverはWebGLをはじめとする最近のWeb標準を多用し、同社の次期Webブラウザ「Internet Explorer（IE）11」でプレイするのに最適だとしている。同社によると、Windows 7上でのIE 11のプレ
［速報］Internet Explorer 11でWebGLサポート、Visual Studio 2013では消費電力のプロファイリングも可能に。Build 2013（Day1）
［速報］Internet Explorer 11でWebGLサポート、Visual Studio 2013では消費電力のプロファイリングも可能に。Build 2013（Day1） マイクロソフトの開発者向けイベント、Build 2013がサンフランシスコで開幕しました。1日目の基調講演では、Windows 8.1に続いてVisual Studio 2013が紹介されました。 基調講演の模様を、Windows 8.1とInternet Explorer 11、Visual Studio 2013の紹介を中心にダイジェストで紹介しましょう。 （本記事は「［速報］Windows 8.1プレビュー版公開、デスクトップとモダンUIがよりシームレスに。Build 2013（Day1）」の続きです） 電力消費量のプロファイリング、非同期処理デバッガ CVP, Windows Program Manage
ブラウザーの3D表現もここまで来た！WebGLを使った驚きのWebサイト
ブラウザーで3次元コンピュータグラフィックスを表... / WebGLを使った3D表現 / SculptGL他...全13件 ブラウザーで3次元コンピュータグラフィックスを表示させるための標準仕様「WebGL」。Microsoftも重い腰を上げ、次期バーションの「IE11」からWebGLを標準サポートすることが決定しています。これからますます目にする機会が増えそうです。 そんな、圧倒的な3D表現が可能なWebGLを使った驚きのWebサイトを集めました。
Graphical Webの拡がり；HTML5とその周辺技術で実現する | gihyo.jp
もちろん、すべてHTML5を中心とする標準技術であるため、JavaScriptを通じてそれぞれを組み合わせて利用できます。 注目されるGraphicalWeb こうした新しいWebのグラフィックス技術の拡大もあり、2012年にはThe Graphical Webというカンファレンスがスイス開催されました。 The Graphical Web2012のWebサイト 実はこのカンファレンス、2002年から10年以上も続いているカンファレンスで、2011年まではSVG Openという名前で開催されていました（ちなみに、2007年には日本で開催されました）。しかし、2012年からカンファレンス内で扱う技術はSVGのみにとどまらず、HTML5 media、CSS3 Animations、2D Canvas、WebGLなどの技術も取り上げることとなり、こうした技術の総称としてカンファレンスのタイト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
御嶽山 噴火の証言｜NHKオンライン
Angry Birds Walkthrough Videos, Golden Eggs, and more | AngryBirdsNest
Engadget | Technology News & Reviews
cmmntr.com