はてなブックマーク - HTML5周辺技術のWebGLとJavaScriptでジニーエフェクト

HTML5周辺技術のWebGLとJavaScriptでジニーエフェクト | ClockMaker Blog

clockmaker.jp

タグ : webGL javascript HTML5 canvas js webデザイン 3d *あとで読む flash html

コンピュータ・IT 36 users

JavaScriptでMac定番のジニーエフェクトを作ってみました。今回利用したのはHTML5周辺技術のWebGLというもので、プラウザネイティブでGPUを利用できる機能です。デモを見る (要：Chrome/WebGLを有効にしたSafari) WebGLとCanvasの違い今回はWebGLを使っているため再生可能な環境が限られています。本当は再生できる環境を増やすためにWebGLではなくCanvasタグを利用したかったのですが、Canvasタグだとアンチエイリアスの限界で「ヒビ割れ」が発生して完成さ... > このページを見る

最終更新時間: 2012年02月16日09時33分

▼ブログで紹介する

みんなのブックマーク人気（3）新着

orange-suzuki
Macのぐにょーんっていうエフェクト 2012/02/161 RT

1 RT
ProjectNya
Safariで見れませんよ！もぅー！ 2012/02/16
a-24
Canvasを使いたかったけどクオリティとパフォーマンスを維持するためにWebGLを使わざる得なかったが、結局見れる環境が制限されてしまい実用は難しい。こういった表現をするにはまだFlash使うしかないのかな 2012/02/16

calmbooks
canvasでジニーエフェクト 2012/03/19
naoswave
やはりパフォーマンスも環境面もまだまだとはいえいろいろできるんですね。 2012/02/21
pypupypa エフェクト, ジニーエフェクト, WebGL, three.js
なるほど、やってみないと分からないことってたくさんありますね、参考になります 2012/02/17
ysk_lucky-star html5, javascript, webGL
FlashでもGPUレンダリングできるはず（だよね？）だから、パフォーマンス考えるとFlashの方がいいよなあ 2012/02/17
wasai HTML5, javaScript, WebGL, Webデザイン
あとで見ておく 2012/02/161 RT

1 RT
ProjectNya
Safariで見れませんよ！もぅー！ 2012/02/16
tail_y
HTML5周辺技術のWebGLとJavaScriptでジニーエフェクト 2012/02/162 RT

2 RT
keim_at_Si
良記事。まずは物を作ってみた上で、端的にHTML5周辺技術の特性の指摘。すばらしいです。 2012/02/161 RT

1 RT
hshinoda
via http://j.mp/w6fBGN 2012/02/16
fumix-hat WebGL, javascript, HTML5
WebGLをdisる 2012/02/16
a-24
Canvasを使いたかったけどクオリティとパフォーマンスを維持するためにWebGLを使わざる得なかったが、結局見れる環境が制限されてしまい実用は難しい。こういった表現をするにはまだFlash使うしかないのかな 2012/02/16
orange-suzuki
Macのぐにょーんっていうエフェクト 2012/02/161 RT

1 RT
yasu-log html5
［B!］JavaScriptでジニーエフェクト 2012/02/16
kagioo2uma webデザイン, flash, javascript
Flashとcanvas、WebGLの使い分けについて　結局のところ多くの人たちがストレスを感じることなく見れるものを選択するのが一番いいということか 2012/02/16