CreateJS × TypeScriptのパーティクルデモ

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 を参考にさせていただきました。

5648
10

Sass(SCSS) × CompassでおしゃれなCSS3パーティクル

Sass(SCSS)とCompassでおしゃれなCSSパーティクルを作ってみました。色、図形、アニメーション等はすべてCSSのみで表現されています。 JavaScriptはクラス名の切り替えのみに用いており、画面をタップすることで、図形が切り替わります。ブログ記事「SCSSとCompassでおしゃれなCSSパーティクルを作ってみた – ICS LAB 」 http://ics-web.jp/lab/archives/1808 のデモを、jsdo.it向けに一部手を加えたものです。 ※ Firefoxはちょっとアニメーションがおかしいようです。Chromeなどで御覧ください。

4321
10

藤原竜也変換ツールJS版

あ゛あ゛あ゛あ゛あ゛あ゛1゛0゛万゛び゛ゅ゛ー゛ー゛ー゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛あ゛！゛！゛！゛解説→[JavaScriptで藤原竜也変換ツールを作りましたよ゛お゛お゛お゛ - Qiita](http://qiita.com/tonkotsuboy_com/items/f5aecb241b66bb9705e7) 本゛家゛は゛こ゛ち゛ら゛で゛す゛ [藤原竜也変換ツール](http://fujiwara.morishin.me/)

114083
5

Font Awesomeでパーティクル

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 をご覧ください。

3468
7

クレナイ

[手軽にテキストシャッフル演出ができるJSライブラリ「shuffle-text」を公開 - ICS MEDIA](https://ics.media/entry/15498)で紹介されていた、[shuffle-text](https://github.com/ics-ikeda/shuffle-text)を使用しました。

1228
0

tonkotsuboy

Works

CreateJS × TypeScriptのパーティクルデモ

Sass(SCSS) × CompassでおしゃれなCSS3パーティクル

藤原竜也変換ツールJS版

Font Awesomeでパーティクル

クレナイ

Skills

Add your skills

Hot tags

Categories

HTML / CSS / JavaScript