iloveas 发表于 2017-11-16 09:25:03

把我的看你有多溅发到这里来

本帖最后由 TKCB 于 2019-2-28 10:05 编辑

游戏玩法相当简单,点击水波(双键玩法下需要左右键交替点击),让溅起的水花打中火箭尾巴上的火,即可将其击落并获得分数奖励。坠落的火箭有一定几率分解出道具or硬币,点击即可触发效果or获得分数奖励。
http://zhiwu.rhlgz.com/RocketShooter.swf

截图










SWF下载,试玩



下载源代码
**** Hidden Message *****


更新历史:
2014.9.17 V0.8
首个上线的发行版本

2014.9.19 V0.9
1 新增道具系统,加入炸屏,减速,回血,金币共4种道具
2 火箭出现的位置适当下调,从而降低游戏的难度
3 溅人等级头衔名称更改为”溅不起“,”溅得起“,”溅精“,”溅神“,”溅圣“
4 若干细节优化

2014.9.25 V1.0 第一个正式版发布!
1 新增双键玩法(鼠标左右键交替点击)
2 称呼用户时的修饰语由原来的“尊敬的”改为“溅溅的”
3 优化场景中的动画元素,水波加入球面扭曲,小山和水波交界处的水波纹也动了起来
4 优化用户信息的读取,成功率有所提高
5 若干细节优化,目前的程序趋于稳定
6 代码整理得差不多了,准备开源!

2014.9.30 V1.1 重大更新!
1 游戏调整为关卡模式,让玩家每过一关都可以休息一下再继续玩,手酸的朋友可以借此机会活动活动筋骨。
2 随机生成的火箭新增两种颜色(本来0.9版还有这功能的,结果我在发布1.0的时候,因为一个低级错误而导致火箭的颜色只剩下一种,打包好的1.0版源码也有这问题,不过我已经修复好了)。
3 因为模式改了,所以游戏结束的界面也作出了相应的调整。
4 拍照按钮改到关卡选择面板上。



作者必须勇敢地向大家坦白,这是一款以技术为主导的游戏,换而言之,就是为了用上某些技术而制作出来的游戏,因此策划方面比较受限,游戏的系统也不太有新意。

那这里是要突出啥样的技术呢?就是那个动态变形的水波动画以及晶莹剔透的水花效果了,而且为了让玩家注意到这些效果,我希望把这部分做成玩家操作的主体。但很遗憾,以水作为武器的游戏真心不太多见,为此作者感到相当的纠结。

所幸的是,世间万物都相生相克,火就为水所克制,因此,只要让敌方跟火挂钩,那么整个策划案也就得以成型了。

依赖于火的物体有很多,比如热气球,火箭,喷气式灰机等等,考虑到热气球掉下来的效果不易做得美观,而喷气式灰机用火来表现又有点别扭,最后我就把敌方定位为登天中的火箭。

既然以技术为主导,那关于这款游戏的技术点,我就肯定有很多东西可以发表了, 哈哈。这当中主要包括以下几点:

1 基于柏林噪声+自定义混合模式的水波效果:游戏中的水波通过BitmapData的perlinNoise动态生成,而非直接导入的素材,因此玩家每次打开,看到的水波形态都不甚一致,从而给到玩家不一样的视觉体验。

2 水波的置换扭曲:点击水波的时候,代码通过置换图滤镜使水波的效果发生变化,从而让水波产生同步跳跃的动画。

3 基于绘图函数+柏林噪声的火焰效果:与水波相类似,也是通过代码动态生成。

4 水花粒子的实时融合与分离技术:水花通过粒子技术制作,但各个粒子之间并非绝对独立,游戏中的水花使用了动态混合/分离的算法,因此看起来比一堆小球的动画来得更加逼真自然。

4 Photoshop细腻度的渐变算法:界面中的渐变填充并非直接通过beginGradientFill来绘制,而以笔者对Photoshop平滑渐变算法研究数月所得的成果进行实现(有兴趣的童鞋可以在Photoshop和Flash里拖同样的渐变,然后比较下其中的差别,Photoshop渐变要比Flash的柔和一些)。

5 利用计算机图形学中的不均匀膨胀法实现的Q版字体:大家在游戏里面看到的Q版文字并非使用直接嵌入的字体,而是对设备字体“微软雅黑”&“黑体”通过图形学算法变形所得,游戏结束界面中大家会看到自己的昵称,所以这显然不是嵌入字体。

6 利用多线程优化耗时较长的操作:既然一切图形都通过代码生成,那么处理的时候必定比直接使用素材要耗费更长的时间,容易导致界面假死,故游戏一开始就把一些耗性能的绘制操作放入到子线程里,以便在进入游戏的时候可以直接调用(不过由于Google浏览器下某些操作不能在子线程里进行(原因尚未查明),所以使用Google浏览器的童鞋,一开始可能会卡的比较明显)

7 基于向量的碰撞检测:用向量判断线段相交,从而实现较为高效的碰撞检测,不过此举使精确度有所损失。

8 没有背景音乐和音效:因为我还不会乐理知识,不知道怎么用代码生成自己想要的声音,所以就没做了(哈哈,我才不会那么傻呢,找到合适的素材了就弄进去)

当然了,这里面还有很多的不足,比如有些细节没处理好,代码还没有做太全面的优化,所以视觉效果和性能方面都还有待提高。



游戏相关技术点的具体原理和实现代码都可以在《点睛 ActionScript3.0游戏互动编程》里面找到,欢迎持续关注。《点睛 ActionScript3.0游戏互动编程》是格美大神自己写的书!厉害吧!


q33a22z11 发表于 2017-11-16 09:55:15

本帖最后由 TKCB 于 2018-12-14 17:35 编辑

666:):):):):):):):)

TKCB:占个楼
格美(楼主)帖子好像会出现半天加载不出来,想玩的同学,可以来这里下载
http://www.11ria.com/forum.php?m ... &pid=8680&fromuid=4

yonghua 发表于 2017-11-16 14:56:10

好溅,好溅,好贱:lol

David 发表于 2017-11-23 12:43:39

666 666 6666666:lol

niauwu 发表于 2017-12-20 00:15:24

很特別,有進步,手好酸

foghting 发表于 2017-12-20 10:05:45

#:'(一关都没过。。。。

古古0715 发表于 2018-1-18 20:06:46

好棒好玩#:lol#:lol

TKCB 发表于 2018-12-14 17:05:09

本帖最后由 TKCB 于 2018-12-14 17:09 编辑

格美(楼主)帖子好像会出现半天加载不出来,想玩的同学,可以来这里下载




SWF下载


雪原xy 发表于 2018-12-15 12:29:50

楼主的帖子里好像没有内容,这也能精华贴!羡慕嫉妒恨!!#:lol

jiqingxing 发表于 2019-2-12 18:30:02

啥玩意啊 来看看学习下撒
页: [1] 2
查看完整版本: 把我的看你有多溅发到这里来

感谢所有支持论坛的朋友:下面展示最新的5位赞助和充值的朋友……更多赞助和充值朋友的信息,请查看:永远的感谢名单

SGlW(66139)、 anghuo(841)、 whdsyes(255)、 longxia(60904)、 囫囵吞澡(58054)

下面展示总排行榜的前3名(T1-T3)和今年排行榜的前3名的朋友(C1-C3)……更多信息,请查看:总排行榜今年排行榜

T1. fhqu1462(969)、 T2. lwlpluto(14232)、 T3. 1367926921(962)  |  C1. anghuo(147)、 C2. fdisker(27945)、 C3. 囫囵吞澡(58054)