WebGL のシェーダーでグリグリできる CSS Shaders の使い方 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 こちらの記事を見て「おお、ついに CSS Shaders 実装されたんか！」と喜び勇んで試した後、すべてが終わってから Dev 版 Chrome でも使えることに気づくという情弱ぶりを発揮した今日この頃、みなさんいかがお過ごしでしょうか。いったいいつから使えてたんだろう・・・（´・ω・｀） そんなわけで、最新の話題でもないみたいですが、せっかく試したので記事にして
ニュースリリース ACCESS、WebKitベースの情報家電向けブラウザ 「NetFront® Browser NX v2.0 DTV Profile」を発表
'12.01.05 ACCESS、WebKitベースの情報家電向けブラウザ 「NetFront® Browser NX v2.0 DTV Profile」を発表 －高いメモリ使用効率と安定性、移植性を実現し、 HbbTV、国内VOD規格など幅広いデジタルテレビ向け放送・IPTV規格に対応－ 株式会社ACCESS（本社：東京都千代田区、代表取締役社長：室伏 伸哉、以下ACCESS）は、本日、WebKitをベースにした情報家電向けブラウザの最新版「NetFront® Browser NX v2.0 DTV Profile」を開発し、提供を開始した旨を発表いたしました。最新版は、高いメモリ使用効率と、優れた安定性、移植性を実現すると共に、HbbTV※1やBBC iPlayer※2、国内VOD（Video On Demand、動画配信サービス）規格であるデジタルテレビ情報化研究会仕様、CE-HTM
HTML要素の上にWebGLの描画を合成したらどうなるの - 最速チュパカブラ研究会
みたいなことを先週、ぴろたんと話していてですね。実際どうなるのか試してみました。こうなります。 赤い点線の枠が WebGL を有効にした canvas で、中の青い三角形は WebGL で描画されています。後ろの写真と「GL Overlay Test」という文字は通常の HTML です。 一見ちゃんと描画されているように見えますが、左側の半透明の三角形が、加算合成したような描画結果になっており、少し変です。本来であればもう少し暗い色で描画されている筈です。これは Chrome/Firefox あるいは Mac/Windows を問わず同じなので、今のところWebGL の描画結果を半透明で合成すると確実におかしくなるので、やめたほうがいいと言えます。が、逆に言えば、完全に不透明か完全に透明な部分は正しく合成されるので、限定的には使えるとも言えます。（描画結果にアンチエイリアスがかかっている場
OpenGLなにそれうまいの?? という人のためのWebGLの始め方 - hagino3000's blog
追記：例題の頂点シェーダーで何をしているか説明を追加しました 追記：動作環境の所修正しました、IE9では動作しません。 皆さんはじめまして、荒川智則です。この記事はJavaScript Advent Calendarの21日目です。 この記事では、Google I/OやFirefox Developers Conferenceで華麗なデモがバリバリ出てくるにもかかわらず、実際に使っている人が異常なまでに少ないWebGLについて書きます。対象読者はWebGLに興味があるor手を出してみたけどクソ難しそうだし既に諦めそう、という人です。 WebGLの概要 WebGLはOpenGL ES 2.0のグラフィックAPIをCanvas要素上で使える様にした物です。OpenGL ESはOpenGLの組み込み機器向けのサブセットで、iPhoneやandroid端末にも搭載されています。OpenGL ESな
【レポート】話題の3D描画技術「WebGL」とは - WebKit上の試験実装でデモ | パソコン | マイコミジャーナル
WebKitでの試験実装を利用したデモ WebGLをご存知だろうか? 端的にいえば、Webブラウザ上で3D描画を可能にする技術だ。ただ従来までの3Dテクノロジーと違うのは、プラグインを必要としないこと、Webブラウザ上でネイティブ動作し、場合によってはハードウェアアクセラレーションにより高速動作が可能になるという特徴がある。ゲーム開発メーカーのWolfire Gamesによれば、近い将来にも3DゲームはWebブラウザへと稼働プラットフォームを移行する可能性があるという。 WebGL自体はまだ実装が開始されたばかりの仕組みであり、現状ではAppleが支援するオープンソースのレンダリングエンジンWebKitで試験的に実装が行われただけだ。だがそのデモを見れば、片鱗の部分だけでも可能性が体感できるだろう。 仕組みとしてはHTML5で導入されるCanvasタグを使って3D描画を実現している。Ope
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
Webcam Toy - Take photos online with over 80 fun effects
Buy Instagram Likes - 100% Real & Instant | Only $1.49
NameBright - Domain Expired
http://webglsamples.googlecode.com/hg/aquarium/aquarium.html
Demo: WebGL Photo Album
three.jsの人物を描画するサンプルが恐い位リアル - 強火で進め