Flash Animation 教学 （<<KERORO 军曹摇头帮>> 更新 5-4-2007）

KennyWin

谢谢分享！！！

你好厉害哟！

cshaopin

<<KERORO 军曹摇头帮>>

这是有名的 KERORO 军曹公仔。只要点击他们的头就会摇动。就像我们放在汽车里的摇头狗狗装饰品一样。粉可爱 ！



swf : www.geocities.com/cshaopin/keroro.swf

要弄摇头的效果，首先我们把摇头这个动作分为两个 Components。
１。上下摆动
２。顺时 ＆ 逆时转动

首先我们画了 KERORO 的头， convert to symbol -> movie clip，然后画身体。
在 Main scene create 两个 layer。一个放身体，一个放头。我们给头一个 instance name。（我的 flash 里有三个，分别是 k1head, k2head & k3head。k1,k2,k3 分别代表 Keroro number 1,number 2, number 3)

现在我们来看一下 actionscripts 的部分。我们需要的 variables 分别如下：

range: 摇动的幅度。（越大就越摇得厉害）
hit: 当 mouse click 时，给予一个 constant value。
damp: 缓冲效果。（必需小过 １ 一点点）
angle: Default 是 0。
force: boolean value。Default 是 0。
head_origin = k1head._y; （原本的 y position）

如果要左右摆动，我们需要 adjust 它的 _y position。如果要转动，我们需要 adjust 它的 rotation value。Flash 里有 Math.sin() 这个 function。我们就运用它。

我们知道 sin wave 是 infinite periodic 的，如果单单放 sin function 的话， KERORO 军曹们的头就会永久性的摆动了，真可怜～！



所以为了能使它们会慢慢停下，我们就要加多一个 variable，叫做 damp。 Damp 其实是 Dampening Force。

我们需要一个 boolean variable，来 detect mouse click。如果没有 click, value 就是 0，有 click 就 set 去 1。

k1head.onPress = function(){
k1yaotou_angle = k1diantou_angle = 0;
k1yaotou_force = k1diantou_force = 1;
}

当 value 是 1 的时候，就会启动摇头的 function 了。

k1head.onEnterFrame = function(){
if (k1yaotou_force){
  this._y = k1head_origin + Math.sin(k1yaotou_angle)*k1yaotou_force*k1yaotou_range/2;
  k1yaotou_angle += k1yaotou_hit*k1yaotou_force;
  k1yaotou_force *= k1yaotou_damp;
}

if (k1diantou_force){
  this._rotation = Math.sin(k1diantou_angle)*k1diantou_force*k1diantou_range/2;
  k1diantou_angle += k1diantou_hit*k1diantou_force;
  k1diantou_force *= k1diantou_damp;
}
}

OK ! 以上 function 自己研究，可以尝试更改里面的 value 来看看会有什么效果。

Source: www.geocities.com/cshaopin/keroro.fla

这个 fla file 里面已经有了一副 KERORO 军曹们的图画。大家不妨用别个 character 来取代我选的。关于画画方面呢～～～ 我是慢慢照着画的。。。颜色也是用回原本的。（用 layer，把 original 的放在最底， lock 着它。然后再 create new layer，先用 line tool size 0.25 慢慢 outline 出来，再用 flood fill 来填色）

ENJOY ~!

yuwings

这教学太赞了。。。我是新手，刚刚跟着教学做了flash button...
但是要怎样让button可以link去别的网页？
请各位指点。。。谢谢

yuwings

哦。。。找到了。。。呵呵

http://chinese.cari.com.my/myforum/viewthread.php?tid=818159&extra=page%3D4

小甲

请问我要怎样save file 和 upload?

cshaopin

原帖由 yuwings 于 17-6-2007 04:19 PM 发表
哦。。。找到了。。。呵呵

http://chinese.cari.com.my/myfor ... &extra=page%3D4

很高兴你会善用论坛。

当你做完你的 flash 后， save as name.fla (比如说 save 在 C:\ 里）。。。接着按 file -> publish。你的 C:\ 里面就会有 name.swf。

然后你只要用一些 html code 来放你的 flash 进你的网页里就可以了。 我的 example 是 upload 去 geocities.com 的。用 web based 的 ftp 来 upload。geocities 本身就有这个服务了。

大老权

哇好神啊。。。我作到了好有成就感噢。。。
頂頂頂。。。。

shinn06

那个keroro得好好笑~好可爱

yuansac26

原帖由 cshaopin 于 28-3-2006 05:31 PM 发表
HI～！ 大家好～小弟第一次在这里 post  Flash 教学。希望可以跟大家分享一下。。。

第一个教学：Frame by Frame 动画片。
难度：初级

这是一个很经典的动画技术。。。有许多卡通片都有用过的。。。
在 ...

老师 老师！我刚刚学的！ 交功课咯！ ＾＾ 希望你可以教我更多！

cshaopin

原帖由 yuansac26 于 27-7-2007 05:04 PM 发表



老师 老师！我刚刚学的！ 交功课咯！ ＾＾ 希望你可以教我更多！
http://i28.photobucket.com/albums/c214/yuansac26/hjkk.gif

好有心机。但是最后那一幕应该放慢一点比较好。因为 THE END 的字太快放出来，还没看清楚最后发生什么事就完了。希望能再看到你的作品。

yuansac26

现在我们来看一下 actionscripts 的部分。我们需要的 variables 分别如下：

range: 摇动的幅度。（越大就越摇得厉害）
hit: 当 mouse click 时，给予一个 constant value。
damp: 缓冲效果。（必需小过 １ 一点点）
angle: Default 是 0。
force: boolean value。Default 是 0。
head_origin = k1head._y; （原本的 y position）

[[[天啊！一下很深了！ 图也没有了 ]]]

MHK

好犀利。謝謝。