Works

EaselJSでキラキラエフェクト

EaselJSでキラキラエフェクト。 シェイプで円を描画。ぼかしフィルター適応。 レイヤー効果を加算に設定でキラキラ。 円が大きくなるほどぼけとスピードが遅くなります。 Jqueryはいらないかw ※ハマったところ ブラーエフェクト掛けるときdrawCircle()前に設定すると真っ暗になってしまう。 エフェクトはdrawの後に設定しなければならないようです。

  • 13804
  • 30

EaselJS キラキラ星をcanvasで描画

メリークリスマス! ということで奇麗な星をEaselJSで描画。 drawPolyStar()で星形を描画できます。 線に色をつけて塗りを白くすると奇麗になります。 星の数が増えちゃうバグ?あり…。メモリーリークかな? ↑バグを修正。恥ずかしい凡ミス…。だがまだ何かおかしい…。 フレームレートによって星の数を制限すると良いかもしれない…。 とりあえず星の生成数を減らしてみたが…。 2012-12-26 ・はじめに星を描画するように設定。 ・ステージ上の星の数を制限するように修正。 ※参考URL http://fumiononaka.com/Business/html5/FN1203001.html

  • 6081
  • 5

HTML5 でペイントツール

HTML5で簡易的なペイントツールを作成。 できること ・線の太さの調整 ・色変更 ・アンドゥ、リドゥ ・画像の書き出し 今後実装したい ・カラーパレット

  • 7247
  • 2

HTML5 Book Interface

HTML5+CSS3+Jqueryで本のインターフェイスを実装。 transit.jsを使ってCSS3のプロパティをJqueryから使いやすくしました。

  • 2021
  • 0

CSS3 Gradient Patterns

CSS3で綺麗なグラデーションパターンを作成してみました。

  • 2600
  • 1

CSS Bubbles 「CSSでシャボン玉」

CSS3で空に浮かぶ感じのシャボン玉を描画してみた。 現状、webkitとmozillaで円形グラデーションの描画の仕様がかなり異なるため苦労した。 mozillaではパーセンテージの指定ができるがwebkitだとできないようで、 シャボンの大きさを変更したときにwebkitだとグラデーションがずれてしまった。

  • 3685
  • 0

Skills

Hot tags

Categories

HTML / CSS / JavaScript