jsdo.it初投稿です。 CreateJSをTypeScriptで記述してパーティクルのデモを作りました。 フリック操作でパーティクルが発生します。 TypeScript(JavaScriptのコンパイル前のコード)はこちら https://github.com/tonkotsuboy/140106_cjsparticle/blob/master/src/js/main.ts ブログ記事「Node.jsとSocket.IOによるPCとスマホブラウザのペアリングデモ」 http://ics-web.jp/lab/archives/4320 のパーティクル表現の復習を兼ねて作りなおしました。 作成にあたってはclockmaker氏の「Particle Emitter (using facebook flow)」 http://jsdo.it/clockmaker/createjs-particle-emitter を参考にさせていただきました。
Sass(SCSS)とCompassでおしゃれなCSSパーティクルを作ってみました。 色、図形、アニメーション等はすべてCSSのみで表現されています。 JavaScriptはクラス名の切り替えのみに用いており、 画面をタップすることで、図形が切り替わります。 ブログ記事 「SCSSとCompassでおしゃれなCSSパーティクルを作ってみた – ICS LAB 」 http://ics-web.jp/lab/archives/1808 のデモを、jsdo.it向けに一部手を加えたものです。 ※ Firefoxはちょっとアニメーションがおかしいようです。Chromeなどで御覧ください。
あ゛あ゛あ゛あ゛あ゛あ゛1゛0゛万゛び゛ゅ゛ー゛ー゛ー゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛!゛!゛!゛ 解説→JavaScriptで藤原竜也変換ツールを作りましたよ゛お゛お゛お゛ - Qiita http://qiita.com/tonkotsuboy_com/items/f5aecb241b66bb9705e7
ICS MEDIA「HTML5 CanvasとWebGLでアイコンフォント集Font Awesomeを扱う方法」 https://ics.media/entry/8385 で紹介されていたFont Awesomeがとてもおもしろそうなので試してみた。 画面をフリックするとFont Awesomeのブラウザのアイコンフォントのパーティクルが発生する。 フルスクリーンで見た方が迫力があるかと。 コードはCreateJSを使ってTypeScriptで記述。元ソースはこちら。 https://github.com/tonkotsuboy/RainbowBubbles/blob/600b6db793105b73bcc8b7d1f36fc16693850e07/src/js/main.ts ※ スマホでも動きます。http://jsrun.it/tonkotsuboy/1OGr をご覧ください。
[手軽にテキストシャッフル演出ができるJSライブラリ「shuffle-text」を公開 - ICS MEDIA](https://ics.media/entry/15498)で紹介されていた、[shuffle-text](https://github.com/ics-ikeda/shuffle-text)を使用しました。