HTML5、CSS3だけじゃない！ブラウザで実装できるスゴい技術14選 【WebGL】 | らふらく^^ ~ブログで飯を食う~
2 CSSだけでかわいいボタン最近のトレンドともいえる画像を使わずにCSSだけでリッチな素材をつくった作品。 スマホサイトでは、読み込みを速くするためにこうした技術が必要になってくるので、ぜひ覚えたい所です。 ハートの部分は難しそうだなー。 かわいいふきだし 3 CSSだけでゲーム！CSSだけでシューティングゲームがつくれてしまうという驚きを与えてくれる作品。 :hover, :cehecked をうまく使っています。 CSS3 OF THE DEAD 4 CSSでワニワニパニックCSSだけでワニワニパニックがつくれてしまうんですね！驚きです。 ゲームセンターにいる感覚を味わせてくれます。 CSS PANIC 5 実写と見間違う桜桜が舞う美しすぎるアニメーションです。 動画と見分けがつかないくらいにキレイ！ WebGLを使っているようです。 Amazing Sakura 6 「デザインあ」
9 More Mind-Blowing WebGL Demos
With Firefox OS, asm.js, and the push for browser performance improvements, canvas and WebGL technologies are opening a world of possibilities. I featured 9 Mind-Blowing Canvas Demos and then took it up a level with 9 Mind-Blowing WebGL Demos, but I want to outdo those with this post. I've found nine more mental WebGL demos that you shouldn't miss. Enjoy! 1. WebGL Water This incredible demo is
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
WebGL勉強会 第5回で発表して来ました - hakobera's blog
WebGL勉強会 第5回(http://atnd.org/events/11693)で「WebGL meets Kinect」という内容で発表してきました。内容としては、以下のエントリーを組み合わせて、Kinect で WebGL の中を動き、Wii リモコンでカメラを操作してみたよ、という内容です。 Mac で 「Kinectを使ってブラウザのWebGL内を動いてみた」 - Scalaとlift のはずだった ・・・ Mac で Kinnect & OpenNI - Scalaとlift のはずだった ・・・ 正直デモがないと、あまり内容がない資料なのですが、せっかくなので公開します。資料自体が WebGL で作られているので、Chrome 9などの WebGL の動くブラウザで見てください。(WebGL に対応していない場合は、普通のスライド風HTMLになります。） WebGL mee
WebGL勉強会 第5回で発表して来ました - 強火で進め
WebGL勉強会 第5回(http://atnd.org/events/11693)で発表してきました。 タイトルは「Learning WebGLで学ぶWebGL入門」です。Learning WebGLのLesson 1を解説しながらWebGLを勉強して行く内容と成っています。 WebGLをこれから勉強する方のとっかかりに成る様に意識して作成したので、発表向けというより授業向けに近い内容と成っています。これからWebGLを勉強する人の参考になりましたら幸いです。 Learning WebGLで学ぶWebGL入門View more presentations from nakamura001. (2011/02/18 追記) 補足、書きました。 「Learning WebGLで学ぶWebGL入門」の補足 - 強火で進め http://d.hatena.ne.jp/nakamura001/20
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Android(Nexus One)のFirefox for MobileでWebGLが動く件に関して - 最高のコンピューティング環境とは？
Firefox 4 for Mobile: Demos! ✩ Mozilla Hacks – the Web developer blog http://hacks.mozilla.org/2011/03/webowonder-mobile/ 上記のページを見て、WebGLはどうだろうと思ってFirefox for Mobile4.0b1で試したら動いた。・・・ただし、なぜか逆さま。 まずはLearning WebGLのLesson2(http://learningwebgl.com/lessons/lesson02/index.html)。 次にScene.jsのティーポット(http://scenejs.org/dist/curr/extr/examples/hello-teapot/index.html)。 最後に自作のWebGLサンプルゲーム(http://www.syspri.o
travisglines.com
travisglines.com Buy this domain. 2021 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
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から簡単
Googleが「ANGLE」プロジェクト、Windows向けにWebGL互換レイヤ | パソコン | マイコミジャーナル
米Googleは3月18日(現地時間)、「Almost Native Graphics Layer Engine(ANGLE)」というオープンソース(BSDライセンス)プロジェクトを発表した。DirectX 9.0c APIを呼び出す、WebGLのOpenGL ES 2.0 APIサブセットの互換レイヤ実現を目指す。OpenGLドライバがインストールされていないWindows PCでも、ChromeのようなWebGL対応ブラウザでWebGLコンテンツを動作させるのが狙い。 WebGLは、Webブラウザ上でOpenGL ESを用いたプログラマブルシェーダ・ベースの3Dグラフィックスを実現する。プラグインが不要で、Webブラウザ上でネイティブ動作し、ハードウェアアクセラレーションによる高速動作を可能にする。シンプルな3Dコンテンツのみならず、Webブラウザ上で高度な3Dグラフィックスを用いた3
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CesiumJS
WebGL Presentation
WebGL Filter