tairashi

プログラマ生活2年目。

スマホゲームの会社でJavascript書いたりPHP書いたりしています。

Works

くるくる画像切り替え

(Test for transitions. Please use Chrome.) CSSのアニメーションのテスト。 アニメーションをCSSに書いておくとJavascriptのソース短くすんでいいですね。 ***追記*** squereとspiralを追加しました。 chainを修正しました。 WindowsのChrome,FireFoxでの表示崩れを修正しました。 ****** Chrome推奨。

  • 8195
  • 25

画像を乗算合成・スクリーン合成

鳥の画像とチェック柄の画像をcanvas上で合成しています。 左のラジオボタンを選択すると、合成式が切り替わります。 (2012/5/9 追記) 式を追加してみました。 計算ミスがありそうで怖いですがフォトショ持ってないので検証しきれません(´・ω・`)

  • 25602
  • 31

回転メニューのUI forked: SPEC vol.5 投稿用コード

UI for selecting cards. Please use iPhone. ■見所 UIにこだわって作りました。 最初に表示されるカードのメニューでは、 width、height、top、leftなどの値を javascriptで計算して立体的な見た目を実現しています。 ■閲覧環境について フリック操作が必要なのでiPhoneで御覧ください。 (Smartphoneモードの画面を、ホーム画面に追加して閲覧すると一番見やすいです)

  • 138996
  • 5

forked: 画像をマウスオーバーでカラーに

残像が残るように改良してみました。重いです。 FFで見れるように修正しました。IEは未検証。

  • 2113
  • 1

Skills

  • Wordpress
  • MovableType
  • iOS Browser
  • Android Browser
  • HTML5
  • CSS
  • CSS3
  • JavaScript
  • CoffeeScript
  • PHP
  • SQL

Hot tags

Categories

HTML / CSS / JavaScript