YAIMO BLOG

実家から帰ってきて腕がうでがなまっていたのでHANABIの勉強をしてみました。夏ですしね。パーティクルおもしろいです！
wonderfulの注釈をみながらやってみてください。むちゃくちゃ楽しいです。




以下のエントリーがすばらすぃ。わかりやすい注釈ありがとうございます。
forked from: HANABI（初級者がコードに注釈をつけてみた）

初心者の僕にとってハチャメチャ勉強になりました。

ColorTrasnformによる色の減色はClockさんの以下のエントリーを先にみておくとわかりやすいです。
Flashで残像エフェクト (フレームアクションで簡単に)

この方がsqrt()の意味がわからないと書いていたので自分なりに補足:
Math.randam()は0(限りなく0に近い)~1の値をとりますが、
もし0.1だった場合、0.1=1/10 -> sqrt(1/10)となり、(sqrt(10)=3.16…..なので)1/3.16 = 0.316になる
同様に、1/sqrt(2) = 0.707 のように計算していくと、




となるので、0.3以下の値がでにくくなるんじゃないかと思われます。
こんな方法があったのか！！他の方のコードってとっても勉強になります。

今回一番面白かったのが、unlock(),とlock()でしたね。
リファレンスを見てた時、どーやって実際につかったりするのかな？なんて思ってましたが解決しました。

BitmapData.perlinNoiseのperlinNoiseを知っておくと今後のパーティクルにとっても役に立つらしい。
まだわからないけどｗ


[勉強]perlinNoiseを動かす（の解説を初級者がしてみる）

ここがとてもいい解説。



Pointはaddした方が遅い気がしなくもない。PerlinNoiseおもたいなぁｗ
より軽くするために精進します。
続きを読む…

BitmapData.draw(source:IBitmapDrawable, matrix:Matrix = null, colorTransform:ColorTransform = null,
blendMode:String = null, clipRect:Rectangle = null, smoothing:Boolean = false):void

ブログ拝見してて、このエントリーみておれもコレやりたい！っておもってたんでBitmapDataの勉強にやってみました！
最初はRectangleでもできる？の？って思ってRectangleでやってみたけど、スマートにできない感なのですっぱりやめて
もとのmatrixを使っての方法で。

一枚の画像を分轄してそれをパーティクルのように移動させるには？

1. MatrixとRectangleの基準点はdraw(Displayobject)で読み込んだソースの基準点になるので注意が必要。


2. Matrixで変形後 -> colorTransformで色を変えて -> Rectangleで切り取るというイメージ


3. 切り取りなどはちゃんと int 整数で切り取って扱う事、じゃないとサンプルのように線が見えてしまう。

続きを読む…

いまさらながらMatrixをやってみようかと。。一応何となくやってたのですが、
そろそろちゃんと覚えようかと。。BitmapData.draw()の引数にMatrixがあるので覚えておくべき！
これも全部BitmapとParticleのため！がんばるぞ

Matrixについての基本的な考えとかは、以下のエントリーがGood

• 第11回　マトリクスを使ってムービー上のインスタンスを移動・回転・拡大/縮小する


• 第12回　移動や変形に，慣れれば便利なマトリクスの仕組み

それで色々注意した方がいいことは、
続きを読む…

カラーの勉強第2段！！次はColorTransformについて勉強！
ColorTransformについて、ColorMatrixFilterはあくまでフィルター、ColorTransformはプロパティ
プロパティ->詳細->拡張効果の所と同じ場所。
ColorTransformにはややこしい所があって。
DisplayObjectのColorTransformとBitmapDataのColorTransformのでは設定の仕方と具合が少し違うという点

DisplayObjectのColorTransform


1. DisplayObject.transform.colorTransform=colorTransformで代入


2. ColorTransform(1, 1, 1, 1, 0, 0, 0, 0) でDisplayObjectの元の色に戻すことは可能

BitmapDataのColorTransform


1. colorTransform(rect:Rectangle, colorTransform:ColorTransform):void
   colorTransform() メソッドによるビットマップイメージの特定領域のカラー値を調整


2. ColorTransform(1, 1, 1, 1, 0, 0, 0, 0) で色に戻すことは不可能

以下のデモは、DisplayObjectとBitmapDataに対して、
ColorTransform(0.5, 0.5, 0.5)を適用したもの(以下コードのコメントアウト適用した場合)
ColorTransform(0.5, 0.5, 0.5)を適用した後に、new ColorTransform(1, 1, 1)を行い色を元に戻そうとしたもの(コードのコメントアウトを取った場合)
以下コードのコメントアウト適用した場合
以下コードのコメントアウトを取った場合

【ColorMatrixFilterとColorTransformはどっちが速い？】

ColorTransformの方がはやい！！

続きを読む…

Bitmap と Particleの勉強すれば、なんだって怖いものはなくなるようなきがする。。
だからちょっとづつ勉強をしようと決起。苦手意識があるMatrixとかColorTransformとかを
がんばって覚えよう！

ParticleにはBitmapの操作、フィルター、最適化、色の操作がきっとキモだと思う。

手始めにColorMatrixFilterを勉強。

flash.filters.ColorMatrixFilter

むっちゃわかりやすい！！Matrixが少し怖くなくなった。


続きを読む…