TM & © 2020 Turner Broadcasting System, Inc. A WarnerMedia Company. All Rights Reserved. AdultSwim.com is part of Turner Entertainment Digital which is part of the Turner Sports & Entertainment Digital Network.
![Adult Swim Singles](https://cdn-ak-scissors.b.st-hatena.com/image/square/7ea939c318605cf333fa71e3860e8424e6285520/height=288;version=1;width=512/https%3A%2F%2Fwww.adultswim.com%2Fmusic%2Fsingles-2018%2Fuploads%2F1535640937136_Wdk.jpg)
This experiment generates machines inspired by exploding view diagrams. Best viewed in Google Chrome. Click and drag to rotate. Shift-click and drag to pan. Mouse wheel to zoom. Created by Michael Chang for Google Data Arts Team. Uses WebGL with THREE.js by Ricardo Cabello, TWEEN.js by Soledad Penadés for animation, THREEx keyboard script by Jerome Etienne.
JavaScriptでMac定番のジニーエフェクトを作ってみました。今回利用したのはHTML5周辺技術のWebGLというもので、プラウザネイティブでGPUを利用できる機能です。 デモを見る (2023年バージョン) デモを見る (2012年バージョン) ※2023年にデモをThree.js r151で動作するようにメンテナンスしました。 WebGLとCanvasの違い 今回はWebGLを使っているため再生可能な環境が限られています。本当は再生できる環境を増やすためにWebGLではなくCanvasタグを利用したかったのですが、Canvasタグだとアンチエイリアスの限界で「ヒビ割れ」が発生して完成させることができませんでした。 失敗作A (自前で作成したバージョン) 失敗作B (Three.jsのCanvasレンダラーを利用したバージョン) 対策としてトライアングルを外側に広げるなど色々試した
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く