$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
I’ve been creating a series of lessons as a way of teaching myself WebGL. The first ten are based on the well-known NeHe OpenGL tutorials, but I’ve diverged since then. Here are the ones so far. If English isn’t your first language, you might like these translations of the lessons: Chinese: 本课程中文版 Spanish: español Japanese: 日本語でのレッスン Lesson 0: Getting Started shows you how to download, install and
GDC, GTC and 3D city planning lead this week’s WebGL stories. CALL FOR SUBMISSIONS: WebGL artists, the call for submissions to the 3D Web Fest is open. Deadline to submit is April 8th (project doesn’t need to be done till late April). Don’t delay; submit today! Stockholm-based Agency9’s Johan Göransson and team just released support for iOS and Android for a streaming WebGL 3DMaps and City Planner
こちらのブログ内に引用されているツイートによればiAdであればiOS 4.2からWebGLが使えていたようです。 Enabling & Using WebGL on iOS - Nathan de Vries http://atnan.com/blog/2011/11/03/enabling-and-using-webgl-on-ios/ また、iAd以外にもUIWebViewにちょっとした裏技を使えばWebGLが使えるみたいです(Safariアプリ上で実行する方法は今のところ無いみたいです)。 具体的にはこんな感じ、とっても分り易いですねw [webView setWebGLEnabled:YES]; 実際にこれを使用したサンプルがこちらのGitHubにて公開されています。 このプロジェクトをビルドすれば実際に3Dモデルが表示されます。 373行辺りの以下の記述を // Front fa
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
One Millionth Towerはカナダ国立映画庁作成のHTML5製オンラインドキュメンタリーです。 HTML5やWebGLを使って何ができるのか、色々思い描きつつもなかなか実際に取り組むのは困難です。そこでOne Millionth Towerをぜひ見て欲しいと思います。カナダ国立映画庁作成によるOne Millionth TowerプロジェクトはHTML5/WebGLを駆使して作られたオンラインドキュメンタリーとなっています。 3D空間がぐりぐり動きます。マシンパワーはそれなりに使います。 自分で動かすことも、ドキュメンタリーを見ることもできます。 これがHTML5+WebGLの力なのか…と思い知ることができます。 ドキュメンタリーも動画という訳ではなくWebGLを使ってぐりぐり動きます。 写真やドローが合わさってバーチャルな感じのドキュメンタリーが楽しめます。 写真の上にドロー
Emberwindは同名ゲームをHTML5+WebGLへポーティングしたゲーム。Operaチームが開発している。 EmberwindはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5の技術の一つ、WebGLはWebベースで高度なグラフィックスを描くためのAPIだ。だがどんなグラフィックスを描けば良いかと言われるとなかなか思いつかない。そこで注目したいのがゲームだ。 ゲーム中の画面 Webブラウザ内で動くゲームにWebGLを使えば、よりグラフィカルで面白いゲームが作れるに違いない。とは言え開発するのは簡単とは思えない。そんな中、OperaチームがやってのけたのがWindows/Mac OSX/iOSゲームのEmberwindをHTML5にポーティングしてしまうという代物だ。 EmberwindはノームのKindleとフクロウのWickが町中にいるグレムリンを倒して
The WebGL GlobeThe WebGL Globe is an open platform for geographic data visualization. We encourage you to copy the code, add your own data, and create your own. If you do create your own globe, please submit it. We will post our favorite links below. FEATURES Latitude / longitude data spikesColor gradients, based on data value or typeMouse wheel to zoom
Googleが、これまでWebプラグインとして開発してきた3DのWebアプリ作成API「O3D」を、「WebGL」ベースのJavaScriptライブラリに変更する。 米Googleは5月7日（現地時間）、Webサイト向け3Dアプリ作成API「O3D」のプロジェクトの路線変更を発表した。これまでWebプラグインとして開発してきたが、3DグラフィックスAPI「WebGL」ベースのJavaScriptライブラリにする。WebGLは、グラフィックス標準化推進団体Khronos Groupが標準化を進めるOpenGL ES 2.0のJavaScript向け実装で、Firefox、Safari、Operaなど複数のWebブラウザがサポートしている。 GoogleはKhronos Groupに参加しており、2009年4月にBSD Lincenseの下でO3Dをリリースした。WebGLの開発にもかかわって
WebGL FilterはWebGLを使ったWebベースの画像イフェクトソフトウェア。 WebGL FilterはHTML5/JavaScriptのフリーウェア（ソースコードは公開されている）。HTML5では様々な新しい機能をWebの世界に提供する。その一つとして知っておきたいのがWebGLだ。GPUを使ったグラフィカルな表示処理が可能になる。 イフェクト例 だが一般的なWeb開発者からすると敷居が高く、ゲームや3Dグラフィックスを必要としない限り使わない技術に思えてしまう。だがWebGL Filterを見れば考えが変わるかも知れない。 WebGL Filterは画像にイフェクトを施すWebアプリケーションだ。WebGLを使っているので高速、かつリアルタイムに処理が施せるのが特徴になっている。明るさやコントラスト、ぼかしやズーム効果など様々なイフェクトが用意されている。 他のファイルを開く
通常、複雑な記述をより簡単にできるようにした、3Dを描画する軽量のスクリプトを紹介します。 サイトでは下記のように数多くのデモが楽しめます。 three.js -Javascript 3D Engine [ad#ad-2] three.jsは<canvas>, <svg>とWebGLを使って、2Dと3Dをレンダリングすることができます。 各デモは対応ブラウザ（Firefox4+, Chrome9+, Safari10.6+など）でご覧ください。
See the experiment Synopsis So a few years ago I made a Flash experiment, inspired by the genius of Yugo Nakamura. Well things have moved on since then and I’ve been playing with WebGL and three.js a lot recently (if you hadn’t noticed!), so it felt like the right time to remake that sucker. Tech Details The actual implementation is fairly simple. To begin with I take a plane and have it subdivide
PhiloGLはWebGLフレームワーク。ゲームやデータのビジュアル化に利用できる。 PhiloGLはJavaScript製のオープンソース・ソフトウェア。Webの技術は日々進化している。これまではプラグインを使ったり、特別な方法をとらねば出来なかった事も、どんどんデフォルトのブラウザでできるようになっている。その一つが3Dだ。 動画の色を解析してビジュアル化 3Dと言えばローカルコンピュータ上で実現するものだった。ついでFlash等のブラウザプラグインでサポートされるようになり、WebGLの登場によってWebブラウザレベルでもサポートされる技術になった。そのWebGLを楽しめるライブラリがPhiloGLだ。 PhiloGLはWebGLフレームワークであり、データのビジュアル化や3Dモデル化を補助するためのソフトウェアだ。例えば三角形や四角形の図形を描く、回転させる、グラデーションを施す、
Three months ago I released Bigshot, mostly because I wanted a better way to present big images on this blog. Now it also has experimental support for VR panoramas, as users of WebGL-capable browsers can see on the Bigshot VR demo page[a]. The code is still in development, so don't be surprised if you find bugs. Here's an example VR panorama. I assembled it from 38 photos using Hugin[b] and Photos
Tetris in WebGL http://phillihp.com/projects/creating-tetris-with-opengl-and-webgl/tetris-v1/ こちらのコメント欄にて自分もテトリス作ってるよ( http://dionyziz.kamibu.com/3d/tetris/ )って書き込みも有ります。 phillihp.com – getting noticed for WebGL Tetris | phillihp's tech blog http://phillihp.com/2011/02/10/phillihp-com-getting-noticed-for-webgl-tetris/ こちらは音楽も付いてました。
Lesson 1 >> [This post has been updated several times since it was originally written, as things have moved on a bit since it was originally published in October 2009... to the best of my knowledge, information is correct as of 17 January 2012.] The first step in trying out WebGL is to get a browser that supports it. How you do that depends on whether you want to look at cool WebGL demos or develo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
