僕がFlashを作るときに使う素材は、
Flashで描けるようなベクター画像ではなく、
ドローソフトで作ったラスター画像を使っています。
■参考
ベクターイメージ
PhotoShopでベジェ曲線に挑戦
ベクター画像を生成する場合、どんなソフトを使ってもだいたいベジェ曲線という作画法を用いるが、
僕はこれがどうにも苦手。
Flashの場合、LineToやらCurveToという関数でベクター画像を生成することもできるので、
もっぱら絵的なものはラスター画像で用意して、線的なものはFlashで描画してしまっている。
避けてばかりじゃいかんなーと思いたち、ペンタブレットも買ったことだし、
最近は知り合いに教わって、ベジェ曲線を使っての作画に挑戦している。
今回はレベル１ということで、ベジェ曲線で波形を描いて、
ナミナミさせてみた。
↓以下参考まで。。
Flashで一番単純な無限ループのやり方だと思う。
あんまり応用利かないやり方だけど・・・。
ステージと同じサイズのループ画像を作成して、
Flash上でシンボル化する。
ステージにシンボルのインスタンスを２つ、
それぞれの x座標を、"0"と"ステージ幅のサイズ"、
y座標を等しくして置く。
あとはマイフレームごとに x 座標を減らしていって、
画面の外にはみ出した時点で、画面幅の位置に戻す。
ACTIONSCRIPT:
- function waveOnEnter(event){
- this._x -= 10;
- if(this._x == -400){
- this._x = 400;
- }
- }
- wave_1_mc.onEnterFrame = waveOnEnter;
- wave_2_mc.onEnterFrame = waveOnEnter;
これでとりあえず波を表現することができました。
表示しているFlashでは周期の違う波を重ねています。
- Newer: Box2D リンケージシンボルでアニメーションさせてダッシュ＆ジャンプ
- Older: Box2D で 降りしきる音符を拾いまわる箱
Comments:1
- okm 08-07-10 (木) 16:03
-
裏が甘い、カクってなってる！とさっそくツッコまれた… （^ヮ^）
Trackbacks:1
- Trackback URL for this entry
- http://parpue.net/web/41/trackback
- Listed below are links to weblogs that reference
- ベジェ曲線と、すごい単純な波の表現 from parpue.net
- pingback from parpue.net - ベジェ曲線と、すごい単純な波の表現（２） 08-10-27 (月) 19:39
-
[...] 以前やったのを関数のベジェ曲線描画でやる。 [...]
