tonkotsuboy

鹿野壮(かのたけし) / ICS Inc. / Interactive Developer / 九州大学音響設計学科卒 /

Webサイト制作やモバイルアプリ開発、ブログ執筆を行っているフロントエンドエンジニアです。

ICS MEDIA で技術記事を執筆しています。
https://ics.media/entry/author/kano

Qiita
http://qiita.com/tonkotsuboy_com

Twitter
https://twitter.com/tonkotsuboy_com

Flickr
https://www.flickr.com/photos/tonkotsuboy_com/

Works

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

  • 4131
  • 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などで御覧ください。

  • 2979
  • 9

藤原竜也変換ツールJS版

8゛万゛V゛i゛e゛w゛超゛え゛た゛ん゛だ゛よ゛お゛お゛お゛何゛な゛ん゛だ゛よ゛お゛お゛お゛お゛!゛!゛!゛ 解説→JavaScriptで藤原竜也変換ツールを作りましたよ゛お゛お゛お゛ - Qiita http://qiita.com/tonkotsuboy_com/items/f5aecb241b66bb9705e7

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

  • 2209
  • 7

Skills

  • Wordpress
  • Photoshop
  • Fireworks
  • Dreamweaver
  • Flash
  • Illustrator
  • iOS Browser
  • Android Browser
  • jQuery
  • HTML5
  • XHTML
  • CSS
  • CSS3
  • JavaScript
  • SCSS
  • ActionScript
  • node.js

Hot tags

Categories

HTML / CSS / JavaScript