FlashでStage3Dコンテンツを作るならおさえておきたい、各種3Dライブラリ徹底比較 - ICS MEDIA
2013年5月26日、Stage3Dオンラインカンファレンスが開催されましたが、各種3Dライブラリについてまとまった情報が欲しいなと思ったのでブログ記事にしてみました。Flashを用いた3Dコンテンツを導入するにあたり、3dsMax, Maya、Cinema4Dなどの3Dモデル作成ツールとの親和性、GUIで直感的に作成できるシーン構築ツールなどに重点を置いて解説します。 Away3D http://away3d.com/ Adobeと非営利な活動として提携している。3dsMaxとの親和性が高くユーザー数が多い。シーン編集ツールAwayBuilderが登場し、日々進化を続けています。 3Dツールとの親和性 公式では3dsMaxを推奨。3dsMaxのエクスポータープラグインを備えています。（後述のSEA3Dと組み合わせると強力） Blender, Maya, Cinema4D用のスクリプトが提
VOXEL ARTICLE - voxel
Are you looking for a fun and exciting way to spend your time online? Look no further than online slots! With their colorful graphics, engaging sound effects, and endless opportunities to win big, online slots are a popular choice for both seasoned gamblers and newcomers alike. Online slots are not…
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
多彩な表現力のWebGLを扱いやすくする「Three.js」
多彩な表現力の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はこれまで解説し
MdN Design｜総合情報サイト
現状、3Dグラフィックを利用したWebサイトを構築するには、FlashやSilverlightといった独自プラットフォーム上で構築する必要があるだけでなく、ブラウザに専用プラグインをインストールする必要がある。しかし、WebGLが広く普及すれば、オープンな環境でパワフルな3Dグラフィックの提供が可能になる。 HTML5の仕様には、今後のWebサイト構築に大きく影響を与えるものが数多く存在するが、デザイナーとして注目しておきたいタグの中に「canvas」がある。canvasとは図形を描くためのHTML要素で、JavaScriptを使って画像を合成したり、アニメーションをつくることが可能だ。FlashやSilverlightの代替になる存在というよりは、プラグインなしでも情報をユーザーに提供したい場合に有効だ。このcanvasを利用して3D画像を描写する仕様が「WebGL」である。2D画像と同
なぜ WebGL がいいの? | Yomotsu net
この記事は 「Why you should use WebGL」の著者 Florian 氏に転載許可をいただき、CC-by-sa license のもと公開します。まだ翻訳途中です ( still translating… ) There is (among graphics enthusiasts) a lot of debate what API/version of something to use with a bunch of hotly contested alternatives. I would like to convince you to give WebGL a try, and this blog post explains why. It will also quickly summarize a few things people usually ask abo
よりリアルなWebGLを実現させるGLSL実装·glsl.js MOONGIFT
glsl.jsはWebGLにおいてGLSLを使えるようにするライブラリです。 ゲームや3Dをリアルに近づけるために必要な要素の一つがシェーダ（ライティング/シェーディング）です。OpenGLでは効率的なシェーダを実現するためにGLSL（OpenGL Shading Language）を開発しましたが、WebGLの世界におけるGLSLとして紹介するのがglsl.jsです。 こちらはこくこくと色が変わるデモ。 全体が変わって格好いいです。 ボールが飛び交うデモ。 スプライト画像のマリオが移動するデモ。 デモ動画 デモ動画 glsl.jsはWebGLのサブセットになります。JavaScriptでロジック処理を行った後、レンダリング処理をglsl.jsが行います。ソースを見ると普通にGLSLが書かれているので移植も容易かも知れません。 glsl.jsはJavaScript製、Apache Lice
【第22回 HTML5とか勉強会レポート】 Processing.js、SVG、WebGL。HTML5周辺のグラフィック関連技術
HTML5による最新Webアプリ 2011年10月26日、品川グランドセントラルタワーのマイクロソフト品川本社にて、「第22回 HTML5とか勉強会」が開催された。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナー向けの勉強会だ。今回のテーマは「グラフィック関連API」。当日の様子をお伝えしよう。 Processing.jsってなんだ？ まず、ゼロベースの田中氏（@dotimpact）からプレゼンがスタートした。田中氏は美術大学で非常勤講師をしたり、Processingの入門書執筆なども手掛けている。 Processingとは 田中氏のプレゼンは、Processingの紹介から始まった。 田中氏の＠ITでのProcessingの記事「Processingの対話式スケッチプログラミングで遊ぼう」も参照いただきたい。 Processingは2001年、MITメディア
YouTube - WebGL Aquarium Running on Google's Liquid Galaxy
This is a 100% HTML5, WebGL and JavaScript. Each of the 8 machines is running Chrome. They communicate using WebSockets to a node.js server using the socket.io library. You can find out more info at http://webglsamples.googlecode.com
モジラ、WebGLのセキュリティに関するMSの懸念に反論
WebGLによって多くのセキュリティリスクが生じるというMicrosoftの懸念に、Mozilla Foundationが反論した。Mozillaは、Microsoftも「Silverlight」の3Dインターフェース技術で同じリスクを受け入れている、との見解を示した。 WebGLは、Khronos Groupの新しい標準規格で、ハードウェアアクセラレーションに対応した3Dグラフィックスをウェブサイトで使用できるようにするもの。「Android」デバイスや「iOS」デバイスでもみられるOpenGL ES 2.0標準が使用される。WebGLは現在、Mozillaの「Firefox」とGoogleの「Google Chrome」に組み込まれている。 MicrosoftはWebGLについて、新しく低レベルのインターフェースが、ダウンロードされたコードにさらされるため、その安全性を懸念している。同
アップル、「iAd」でWebGLグラフィックスをサポートへ
MicrosoftがWebGLへのセキュリティ懸念を示す一方で、Appleはウェブブラウザで3Dグラフィックスを表示させるための同技術を取り入れようとしている。 「Safari」がベースとするオープンソースブラウザ「WebKit」のナイトリービルドにはWebGLのサポートが含まれているが、AppleはWebGLを正式にサポートするつもりかどうかについては明らかにしていなかった。しかし、Appleのある社員が先週、WebGLは「iOS 5」において、「iAd」のみを対象に利用可能な選択肢の1つとする予定であると述べた。 AppleのChris Marrin氏は、WebGLのメーリングリストで、「WebGLは、iOS 5において一般的には提供されない。iAd開発者のみが利用可能となる予定である」と述べた。 「iPhone」や「iPad」上にうっとうしい「Flash」の広告が表示されないことをあ
［速報］グーグル、Webアプリのマネタイズを提供、わずか5％の決済手数料。Google I/O 2011
［速報］グーグル、Webアプリのマネタイズを提供、わずか5％の決済手数料。Google I/O 2011 グーグルがサンフランシスコで開催中のイベント「Google I/O 2011」。2日目の基調講演はWebがテーマになりました。Webアプリケーションでの課金、高速なゲームの実現、そしてChromeを搭載した専用のノートPCである「Chromebook」が発表されました。 2日目の基調講演の模様を紹介しましょう。 Chromeはさらに高速に 昨日に続いて、グーグル Senior Vice PresidentのVic Gundotra氏登場。Galaxy Tabは気に入ってくれたかな？ 今日のテーマはWebだ。Chromeチームはスピード、セキュリティ、機能などに関してWebを前進させてきた。Chromeの今後について話をしよう。 Chrome担当、Senior Vice Presiden
Google I/O の WebGL セッションが素晴らしいのでハイライトを紹介してみる - WebOS Goodies
今週はみんな Google I/O に気を取られているだろうから、ブログの更新はサボろうかな…と思っていたのですが、なんとなく動画を見てみた WebGL セッションの内容があまりに素晴らしかったので、ハイライトをご紹介することにしました。 WebGL を活用するためのテクニックやパフォーマンス Tips などが解説されていて、 WebGL に関わっている方は必見です。また、けっこう見栄えの良いデモがいろいろ出てくるので、「WebGL ってなに？」という方でも楽しく見れると思います。 とはいえ、解説されている内容をきちんと理解するには WebGL の基礎知識が必須です。もしセッションを見て興味を持たれたら、こちらの記事もぜひご参照くださいませ。 前半は処理を GPU へ移行してパフォーマンス改善する例 最初にまず WebGL の基本概念を説明。その後、円や立方体などのオブジェクトをアニメーシ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cesium: The Platform for 3D Geospatial
Google Zeitgeist 2012: A Year in Search
GitHub - pixijs/pixijs: The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
米Microsoft、3D技術のWebGLは「セキュリティ的に有害な技術」と懸念を表明 
Mozilla、「Firefox 4」の“WebGL”実装にセキュリティ上の問題があることを公表