第22回HTML5とか勉強会で発表してきました
こんばんはー、にゃまだんです。 第22回HTML5とか勉強会でWebGLについて発表してきました。 発表資料はこちら ・右キーでスライドを進めて、左キーでスライドを戻します。 ・W, A, S, Dキーを押しながらドラッグしても何かしらのアクションが起きると思います。 以前から勉強会の存在は知っていて、第21回はUstreamで視聴しました。 そして初参加がまさか発表とは本当に驚きました、私が。 反省 今回は初心者向けのグラフィクスAPIということで発表させて頂きました。 私の力不足で伝わりきらない所が多々あったと思います、本当にごめんなさい。 発表のテーマとして「3Dっぽさ」がありました。 当然立方体よりも三角形を描くだけ、更にはカメラのシミュレート等を色々省略すれば、少し手続きは少なくなります。 しかし、それだけではWebGLに期待する「3D」の印象は残らないと思います。 という訳で「
Chrome ブラウザの Stable 版がバージョン 9 にアップデート
.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
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から簡単
いまこそ始めよう、WebGL | gihyo.jp
あけましておめでとうございます。私はWebGL勉強会の運営メンバーの増田知記と申します。 この度、技術評論社様より執筆の機会をいただきましたので、WebGL勉強会の活動内容とWebGLの動向についてお話をさせていただきます。 WebGL勉強会とは WebGL勉強会設立のきっかけは仲間内で「何か勉強会を開いてみたいね」と話が持ち上がったことでした。この時に勉強会のテーマとしてAzureも挙がっており、もしかしたらAzure勉強会になっていたかもしれません。 1回目の勉強会を昨年の9月にを開催したのを皮切りに、今までに4回の勉強会を開催してきました。人気の高い勉強会と比べるとまだ少ないですが、会を重ねる毎に参加者が増えており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な
WebGL now in Beta: here comes the 3D web!
$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
Spider GL
What Is Computer Graphics and Why Is It Important? The importance of computer graphics lies in their applications. In engineering applications (e.g. automotive and aerospace), the ability to quickly visualize newly designed shapes is indispensable. Before the advent of computer graphics, designers built expensive prototypes and time-consuming clay models. Now, designers can interactively view and
WebGL Inspector
About WebGL Inspector is a tool inspired by gDEBugger and PIX with the goal of making the development of advanced WebGL applications easier. What Firebug and Developer Tools are to HTML/JS, WebGL Inspector is to WebGL. Note: this is alpha software - if you find bugs, let me know (or better yet, fork and fix them! :) Check out the readme on github for more information. Status There hasn't been an u
Hack The WebGL(WebGL勉強会)
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Worlds of WebGL - Nihilogic
Here's another thing I did while I was first playing around with WebGL, working on the musical solar system thing. Due to changes in the WebGL spec and the various implementations it got broken before I had a chance to put it online and it's just been sitting collecting dust ever since. I just tried fixing some of the issues and it seems to run ok now (let me know if it doesn't). It's a small expe
「Canvas 3d JS Library」がWebGLに対応 - 強火で進め
WebGL時代以前から頑張ってたJavaScriptの3Dライブラリ「Canvas 3d JS Library」が2.0になり、WebGLに対応した様です。 Canvas 3d JS Library » C3DL 2.0-WebGL and beyond http://www.c3dl.org/index.php/c3dl-news/c3dl-2-0-webgl-and-beyond/ 以前のバージョンからサポートしていたColladaファイルの読み込みについてもWebGL対応版となった今回でもちゃんと対応しています。 ライセンスはMIT License。uncompressedの c3dapi.js ファイルに記載有り。
note.x | First impression of the WebGL
HTML5の周辺技術の一つ、WebGLがどんなもんか様子を伺ってみたのでメモっとく。 WebGL概要 Mozillaが作ってたCanvas3Dがベース OpenGL 2.0 or OpenGL ES 2.0をサポートする環境でハードウェアアクセラレートされた2D、3Dグラフィックスを表示する HTML5のCanvasを通じた、JavaScriptとOpenGL ES 2.0のバインディング リソース khronos WebGLセクション WebGL Cheat Sheet WebGL対応ブラウザ（いずれも開発中） Webkit nightly Build Minefield (FireFox 3.7 nightly Build) Chorome (Chromium) Opera? ※未確認 仕事が早いというか、気が早いというかすでにいくつかのライブラリが公開されてる。 WebGLライブラリ
WebGL Spec Initial Public Draft Released
$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
WebGL Specification
All of the typed WebGLArray views have the following IDL template: [ Constructor(in unsigned long length), Constructor(in WebGLTypeNameArray array) Constructor(in sequence<type> array) Constructor(in WebGLArrayBuffer buffer, [Optional] in unsigned long byteOffset, [Optional] in unsigned long length) ] interface WebGLTypeNameArray : WebGLArray { [IndexGetter] type get(in unsigned long index); [Inde
Getting a WebGL Implementation - WebGL Public Wiki
WebGL 1.0 WebGL 1.0 is supported in the stable releases of most major browsers on both desktop and mobile platforms. Chrome, Firefox, Internet Explorer, Opera, and Safari are all known to have good WebGL support on both desktop and mobile browsers. See http://caniuse.com/#feat=webgl for availability details. Technical issues such as known hardware problems or lack of required GPU features may prev
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
A dash of speed, 3D and apps
DeNA Engineering - DeNAエンジニアのポータルサイト
angleproject - Project Hosting on Google Code
WebGL Public Wiki