先说明一下,可不是标题党,如果感兴趣请看完
具体代码请见仓库:
https://github.com/uiuing/spx
先看效果
本GIF 43秒
GitHub仓库: https://github.com/uiuing/spx
起因
今早起来刷GO+社区, 看到大佬的一篇文章:https://bbs.csdn.net/topics/603582959
然后瞬间来了兴趣,然后补了下官方的视频:https://bbs.csdn.net/topics/603487787
学习过程
本身我的理解还是有点模糊的,这里就不讨论技术内容了
管它三七二十一,我于是直接去仓库里先拉取一份跑跑Demo:https://github.com/goplus/spx , 按照许大的教程一步步来
然后克隆到了本地,配合仓库的教程
结合起来慢慢读tutorial里的案例
然后把tutorial里的案例都跑了遍,继续加深理解
然后又把 test 里的案例跑了一遍
尽管没有spx的代码高亮, 但理解起来还是很舒服的,毕竟GO+非常适合作为青少年学习编程的入门语言
动手实现
架构起来
既然代码都读过一遍了,要想加深理解还得自己动手实现一下
参考仓库里的05-Animation和04-Bullet那个案例,写个关于“消灭病毒”的小游戏吧
先把架子搭好
06-DestroyVirus
- res : 设置的一些文件
sounds : 音效文件
bgm :背景音乐
hit :病毒被消灭的音效
sprites : 一些“精灵图”
MyMedicine :针管
Virus : 病毒
backdrop.png : 背景图
index.json :全局设置
- index.gmx : 全局配置
- MyMedicine.spx :针管配置
- Virus.spx : 病毒配置
请注意,我并不是专业的游戏开发人员,所以这里游戏配置仅为粗略的理解
例如 sprites : Sprite 是从游戏开发中来的概念,虽然精灵图也不是一个多信达雅的翻译,但事实标准或传统已经存在了。
如有错误欢迎大家指正!
res
目录结构
sounds
制作配图
制作背景
其他的配图
Blue virus ICON:https://www.iconfont.cn/user/detail?spm=a313x.7781069.0.d214f71f6&uid=207078
Needle ICON : https://www.iconfont.cn/user/detail?spm=a313x.7781069.0.d214f71f6&uid=4176001
制作破碎效果
sprite
MyMedicine
先配置针管贴图
Virus
接下来就是配置病毒了,除了基础的样式除外,还需要添加点击之后的破碎效果
res全局配置
这里主要配置了背景,导入了上面的模块,并且添加了一个计时的效果
index.gmx
这里主要导入这些模块,包括针管 、病毒 、音效、背景音乐
类外三个变量分别用于:计时、病毒生成时间、病毒下落速度
MyMedicine.spx
onStart 让MyMedicine贴图找到鼠标的位置, 并且播放背景音乐
Virus.spx
这里让病毒 隔段时间自动生成, 并且设置随机下落位置,此外,另外还添加了,每当时间增加10秒时自动随机以上的条件
当然,如果点击了病毒,病毒并会消失
总结
尽管这次尝试还有很多遗憾, 例如还没有实现:失败、暂停的等效果,但还是很满足了, 这次感受到了GO+ spx的易学性,从学习到制作差不多是在五个小时左右