30
2015
01

(十一)第一个小游戏

好多人都是上来就做游戏的,我也是,flash还一点都不会,就想着做一个游戏,然后一边碰壁一边学,最后第一个游戏还是夭折了。记得有一本书写的很好,好像叫《第二游戏说》,所以第一个游戏失败的话是很正常的,不要不肯放手。第一个游戏的作用不是做出来炫耀,而是带我们入门,让我们兴趣盎然的去了解一个工具,让我们知道为了做出一个游戏,我们还需要学习哪些东西。

经过前面的积淀,总算可以做游戏了,但是也不能好高骛远,做个超级玛丽、坦克大战的话还是算了。我们的第一个游戏很简单,点击舞台十次。效果如下:

获得 Adobe Flash Player


虽然简单,但也算的上是一个游戏了。下面来看一下这个游戏是怎么做出来的。

游戏总共有3个界面:开始界面、游戏界面、结束界面。我们新建一个fla文档,创建3个关键帧。

第一帧对应开始界面,放一个文本框,写上游戏说明,创建一个开始按钮(也可以用影片剪辑),命名为startBtn,在第一帧写代码:

  1. stop();

  2. startBtn.addEventListener(MouseEvent.CLICK,onStart);

  3. function onStart(e:MouseEvent){

  4. gotoAndStop(2);

  5. }

第二帧放一个动态文本,命名为tf,然后在第二帧写代码:

  1. stop();

  2. var n:int=10;

  3. tf.text="剩余点击次数:"+n;

  4. stage.addEventListener(MouseEvent.CLICK,clickHandler);//注意这里用stage,stage就是舞台,可以从帮助里查一下stage的属性方法事件。

  5. function clickHandler(e:MouseEvent){

  6. n=n-1;

  7. tf.text="剩余点击次数:"+n;

  8. if(n==0){

  9. stage.removeEventListener(MouseEvent.CLICK,clickHandler);

  10. gotoAndStop(3);

  11. }

  12. }

第三帧放一个文本框,写上“恭喜过关”之类的,再放一个“再来一次”按钮,命名为replayBtn,然后在第三帧写代码:

  1. stop();

  2. replayBtn.addEventListener(MouseEvent.CLICK,onReplay);

  3. function onReplay(e:MouseEvent){

  4. gotoAndStop(1);

  5. }

运行一下,看看效果。


打包下载源码

« 上一篇下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。