bluesbug

  • Twitter
  • Github
フリーでフロントエンドエンジニアやってます。
ご依頼などありましたらTwitter、またはメール【bluesbug(at)gmail.com】までどうぞ。

ポートフォリオ
http://gl-pf.tumblr.com/

Works

3Dキューブ生成jQueryプラグインを作ってみた

以前作った3Dキューブのアニメーションのコードが意外に注目されていたので、3Dのキューブを作る部分をjQueryのプラグイン化してみました。 まだキューブの背景の設定などが、設定できないので修正を重ねていきます。

  • 3485
  • 1

CSS3で3Dキューブの回転

CSS3の3D要素を使ってキューブの回転の挑戦してみました。 本当はアニメーションの途中にディレイを入れたかったんですが色々試してみてもやり方がわからず。 transitionやjsとの組み合わせも試してみましたがウマくいきません。

  • 5300
  • 1

jQueryでオブジェクト指向を使ってアニメーション

Javascriptのオブジェクト指向に最近入門しました。 そのせいでjQueryでもオブジェクト指向を使ってみました。 複数の要素に対して、同じアニメーションを時間差で動かしています。 オブジェクトにclassで取得した要素を渡すと、要素を三分割してそれぞれ15秒間隔でアニメーションしてくれます。 「一つ目15秒、二つ目30秒、三つ目45秒」って言う風に。 ほんとはjQueryではオブジェクト指向は使う意味余りないらしいので、オススメしません。

  • 2505
  • 1

forked: 迫り出す文字

前回のCSS3アニメーション版。 初CSS3アニメーション。

  • 1878
  • 0

よくある円がゴロゴロするヤツ(500個)

以前書いたパーティクルを高速化、円形に変形、色づけをして派手にしてみました。

  • 1696
  • 2

画像のピクセル分解&復号アニメーション

画像のデータをgetImageDataで取得して、配列の数値をひたすら演算してガリガリやってみました。 Firefoxで見ると激重でChromeだと幾分マシです。 高速化をいろいろ試してみたんですが、自分の中ではこれが限界です。 よくよく考えてみると横300px縦200pxで合計6万ピクセルだし、色データを含めた配列を考えるとそれの4倍(24万個の配列)なのでしょうがないのかも。 更に高速化できる強者を募集してます。

  • 2696
  • 0

Skills

  • Wordpress
  • Photoshop
  • Illustrator
  • jQuery
  • HTML5
  • XHTML
  • CSS
  • CSS3
  • JavaScript
  • PHP

Hot tags

Categories

HTML / CSS / JavaScript