Works

gmailアプリのローディングアニメーション

gmailアプリのローディングアニメーションを createjsで再現 正円1つと 半円2つ使用して作成。 arc()の挙動がポイント

  • 4541
  • 15

パララックスパラパラマンガ

スクロールでパララックスパラパラ漫画 ここのサイトでやってたのを真似してみた http://tour.kathart.dk/

  • 3768
  • 1

DJ もどき

DJモドキ web audio apiにつき要Chrome!!!!! Soundクラスがややこしくなってしまった。 左右のターンテーブルの▶でスタート/ストップ 曲は一度止めると次再生時頭からはじまります。 左右のフェーダーはピッチ変更 中央のフェーダーはクロスフェーダー 基本的に2曲ともピッチは変えずにタイミングあわして再生すれば 合いますw スクラッチみたいな小技不可。

  • 5146
  • 7

TR-808サウンドテスト Web Audio API

パッドをクリックもしくは キーボードの1~4,Q,W,E,Rでも操作可能。 対応ブラウザはchromeのみ。 web audio apiを使い始めた。なかなかワクワクする。 BufferLoaderクラスまるっと使える。 jqueryのajaxだとarraybufferに対応していないので、XMLHttpRequestを使用するのがぽいんと。

  • 2480
  • 2

カオスパッドもどき

カオスパッドもどき作ってみました。 マウスオーバーでエフェクトかかります。 画面外にマウスが出ると、デフォルトの音にもどります。 easel.jsとWeb Audio API使用。 曲は止まりませんのでご注意を。

  • 2132
  • 0

キモチワル良い奴 svg-verlet.js

【svg-verletのテスト】 ドキュメント https://github.com/miketucker/svg-verlet.js 参考 http://creativejs.com/2013/11/svg-verlet-js/ マウスを動かすとそれにより気持ちワル良い動きをします。   【svgのグループIDの種類】 ★Verlets … 骨組みの線 ★Locks … 固定される部分。この場合は二本の足の座標に設定 ★Wind … 風をおこさせて自動で動かせる部分(?)このサンプルでは使ってない ★Links … 顔や手を固定させる位置を明示 ★Statics … 顔や手のパーツ。Links内gタグのIDと同名にすることでリンクされる。

  • 3670
  • 10

verlet.jsでモビール

verlet.jsでモビール

  • 3565
  • 4

ふわふわ化け物

ふわふわ動くだけです。

  • 1717
  • 1

Skills

  • Photoshop
  • Flash
  • Illustrator
  • jQuery
  • HTML5
  • XHTML
  • CSS
  • CSS3
  • JavaScript
  • ActionScript
  • PHP
  • Objective-C
  • SQL

Hot tags

Categories

HTML / CSS / JavaScript