HTML5で燃えさかる炎の表現に挑戦！ WebGL対応のJSライブラリAway3Dはパーティクル機能がかなり魅力的 | ClockMaker Blog
HTML5で燃えさかる炎の表現に挑戦！ WebGL対応のJSライブラリAway3Dはパーティクル機能がかなり魅力的 先日の記事で紹介したJavaScriptライブラリ「Away3D TypeScript」(WebGLに対応)ですが、燃え盛る炎の表現を作成してみました。 デモは以下から試せますので、ぜひWebGL対応のブラウザ(Chrome, Firefox, IE11)を使ってご覧下さい。 Demo (WebGL対応のブラウザでご覧ください) Source (TypeScript 0.9.5で作成) 移植元のFlash版のデモ マウスで画面をドラッグ＆ドロップするとアングルを動かすことができます。もしかしたら環境によっては動作が重たいかもしれないので、ブラウザのウインドウサイズを小さくしてみると滑らかに再生できるようになるかもしれません。 ▲右クリックするとFlash Playerではない
フロントエンドJavaScriptにおける設計とテスト
今日話さないこと JavaScriptの基礎知識、jQueryの導入 気持ちいいUIやUXがうんちゃら CanvasやWebGLを使ったリッチでイケてるゲームの作り方
Magic Sphere - jsdo.it - Share JavaScript, HTML5 and CSS
▼はじめに 音が鳴ります。音量にご注意下さい！ WebGLに対応したブラウザ（Chrome, Firefox）でご覧下さい。 フルスクリーンの方が楽しいかも。 ▼操作方法 マウスドラッグで球体を回転させます カードをクリックで選択、再度クリックで選択キャンセル 1枚目に選択したカードがベースカードになります ベースカードを選択キャンセルすると、すべてのカードの選択状態がリセットされます 2枚以上選択すると「合成する」ことができるようになります（2枚以上であれば何枚でも合成可能） 合成演出が終わったらはじめに戻り、以下ループ。 ▼サウンド フリー音楽素材 Senses Circuit http://www.senses-circuit.com/ SPEC vol.5 エントリー http://jsdo.it/event/spec/vol5 (function(){ "use strict";
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
chrome-life.com
