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

テクノロジーカテゴリーの変更を依頼記事元:

clockmaker.jp

35 usersがブックマークコメント

コメント

11

記事へのコメント11件

注目コメント
新着コメント

ProjectNya Safariで見れませんよ！もぅー！

2012/02/16 リンク

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

2012/02/16 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

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

JavaScriptでMac定番のジニーエフェクトを作ってみました。今回利用したのはHTML5周辺技術のWebGLという... JavaScriptでMac定番のジニーエフェクトを作ってみました。今回利用したのはHTML5周辺技術のWebGLというもので、プラウザネイティブでGPUを利用できる機能です。デモを見る (2023年バージョン) デモを見る (2012年バージョン) ※2023年にデモをThree.js r151で動作するようにメンテナンスしました。 WebGLとCanvasの違い今回はWebGLを使っているため再生可能な環境が限られています。本当は再生できる環境を増やすためにWebGLではなくCanvasタグを利用したかったのですが、Canvasタグだとアンチエイリアスの限界で「ヒビ割れ」が発生して完成させることができませんでした。失敗作A (自前で作成したバージョン) 失敗作B (Three.jsのCanvasレンダラーを利用したバージョン) 対策としてトライアングルを外側に広げるなど色々試した

ブックマークしたユーザー

nikutaiha2013/10/20
nilab2013/05/29
test_tester2013/04/19
bleu-bleut2012/02/29
lanius2012/02/25
naoswave2012/02/21
okyawa2012/02/21
miggit2012/02/21
muddydixon2012/02/18
tomo_p2012/02/17
ysk_lucky-star2012/02/17
kkeisuke2012/02/16
itoyu_1102012/02/16
wakuworks2012/02/16
tech_labo002012/02/16
moritata2012/02/16
wasai2012/02/16
clavier2012/02/16

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx