基于swift语言的“嘎啦嘎啦”游戏设计

Dear 丶 2024-04-01 09:51 61阅读 0赞

目 录  
概述 4  
1 背景介绍 4  
1.1灵感来源 4  
1.2背景描述 4  
2功能说明 5  
2.1 主要功能 5  
2.2辅助功能 5  
3 界面说明 6  
3.1 启动游戏界面 6  
3.2 等待开始界面 8  
3.3 游戏界面 9  
3.4 结算界面 10  
4 连接说明 11  
4.1 页面跳转 11  
4.2 具体连接 11  
5 场景切换说明 15  
5.1初始页面→准备页面 15  
5.2准备页面→游戏页面 17  
5.3结算页面→初始页面 18  
6 应用逻辑说明 19  
6.1 跳跃功能 19  
6.2 障碍物生成和检测 19  
6.3 计分功能 23  
7相关技术说明 24  
7.1动画实现技术 24  
7.2更新检查 25  
8 分工 27  
9 总结感想 28  
9.1 困难及解决办法 28  
9.2 感想 28  
2功能说明  
2.1 主要功能  
“Pokemon Jump”游戏的设计逻辑是通过点击方式控制我们的主角（嘎啦嘎啦）进行跳跃使得主角能够尽可能躲避所有的障碍到达远方，但是一旦主角碰到障碍那么游戏就结束了，但是幸运的是在这个游戏中我们有无数次的试错机会…  
2.2辅助功能  
在“Pokemon Jump”app中，我们包含了如下辅助功能：  
\-显示当前帧数  
\-计分板  
\-更新最高得分  
\-重置功能  
显示当前帧数功能，即在游戏界面的右下角的一个小小的区域显示当前的游戏帧数（预示着游戏的稳定性，帧数越高则画面越流畅，稳定性越高）。（如下图所示）  
1帧数显示  
计分板功能，即在界面上方显示一个数字，预示着当前的分数值，用来记录玩家已经通过控制主角已经通过了多少个障碍。玩家可以通过计分板来实时地得到自己的分数。  
更新最高得分功能，即在结算界面中，除了会显示玩家的获取分数，还可以显示当前设备的玩家历史最高分数记录，当玩家破纪录时更新。  
重置功能，在玩家控制主角碰撞到障碍物时，游戏结束，玩家可以选择重置游戏进行下一次全新的游戏。  
3 界面说明  
在本次的综合程序设计中，所有的界面都以代码形式完成。在课上，我们学用到了利用图形界面生成界面的方法，这是一种非常方便的工具，我们可以通过拖曳控件来简单的完成控件初始化和关联操作。但是在复杂场景设计中，使用这种方法会带来可控性降低，比如我们在程序设计过程中由于自己对部分地知识掌握地不够熟练导致反复出现thread1等现象，很是烦恼。于是在第n次thread1之后决定使用代码来生成和控制我们的图形界面，对组件进行声明、布局设置和功能控制等。  
3.1 启动游戏界面  
在我们的启动界面中，有一个和游戏界面交界的区域，可以看作对正式的游戏场景的一个预处理，本文转载自http://www.biyezuopin.vip/onews.asp?id=16949即在布置完场景基础元素之后加上一些点缀的按钮作为场景的初始启动界面。  
具体界面如下图所示：  
![在这里插入图片描述][8489275e2a814dd3a700cd97c8f16aaa.png]  
2启动界面图  
可以发现在启动界面中，首先由UILabel显示游戏名“Pokemon Jump!!!”，在靠近下方的中间，有PLAY按钮，属于UIButton，使用了init(frame:CGRect)的接口来初始化，通过传递左上角的坐标和长宽构成的矩形，可以简单地完成设置。再通过设置几个组件，分别设置贴图等，来完成一个基本视图的绘制。在欢迎界面上，我们还加入了一些动画元素在其中，是我们的主角（嘎啦嘎啦）的一个微小的位移，以此来吸引玩家开始游戏。

<?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
    <plist version="1.0">
    <dict>
    	<key>CFBundleDevelopmentRegion</key>
    	<string>en</string>
    	<key>CFBundleDisplayName</key>
    	<string>PokemonJump</string>
    	<key>CFBundleExecutable</key>
    	<string>$(EXECUTABLE_NAME)</string>
    	<key>CFBundleIdentifier</key>
    	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
    	<key>CFBundleInfoDictionaryVersion</key>
    	<string>6.0</string>
    	<key>CFBundleName</key>
    	<string>PokemonJump</string>
    	<key>CFBundlePackageType</key>
    	<string>APPL</string>
    	<key>CFBundleShortVersionString</key>
    	<string>1.0</string>
    	<key>CFBundleVersion</key>
    	<string>1</string>
    	<key>LSRequiresIPhoneOS</key>
    	<true/>
    	<key>UILaunchStoryboardName</key>
    	<string>LaunchScreen</string>
    	<key>UIMainStoryboardFile</key>
    	<string>Main</string>
    	<key>UIRequiredDeviceCapabilities</key>
    	<array>
    		<string>armv7</string>
    	</array>
    	<key>UIStatusBarHidden</key>
    	<true/>
    	<key>UISupportedInterfaceOrientations</key>
    	<array>
    		<string>UIInterfaceOrientationPortrait</string>
    	</array>
    </dict>
    </plist>

![在这里插入图片描述][3d2a5347042f47e99765de7fd2e1b22c.png_pic_center]  
![在这里插入图片描述][2e9687688b4c41f493c0ec6ac40c764e.png_pic_center]  
![在这里插入图片描述][5f8d648534e24dc7bc268680a908bded.png_pic_center]  
![在这里插入图片描述][94a988fcbccd4692ad1197040b5446c4.png_pic_center]  
![在这里插入图片描述][d4ae45471c884eed9c275febbcc8530a.png_pic_center]  
![在这里插入图片描述][ce3f6c490b5c46bf86f850e095b07684.png_pic_center]  
![在这里插入图片描述][b310e9a6704a4eceb99fbb56aca6ed4f.png_pic_center]  
![在这里插入图片描述][7076096b313544cf97ece0725de4a53d.png_pic_center]  
![在这里插入图片描述][df9bd0db2c284c3a8c9ea8d634499297.png_pic_center]  
![在这里插入图片描述][c302104066d142959cc04e9cb799dcb4.png_pic_center]  
![在这里插入图片描述][6c853de422894c0bbc9de2c6a2912bcc.png_pic_center]  
![在这里插入图片描述][70a1cdeea07b482f96b6046625926dcb.png_pic_center]  
![在这里插入图片描述][170f4e93428d49dca4ffd640028ac751.png_pic_center]  
![在这里插入图片描述][3592e3d70de7426d8976afd6f65623f9.png_pic_center]  
![在这里插入图片描述][1c6676e8004f4ec8ab3965f37c9d39b6.png_pic_center]

[8489275e2a814dd3a700cd97c8f16aaa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4e532d586f5b41d5afb04ed1e7e44340.png
[3d2a5347042f47e99765de7fd2e1b22c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/962f714e48654f43ab469d850b555b02.png
[2e9687688b4c41f493c0ec6ac40c764e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/1c70eb3806454b86b25eb00d4c67c097.png
[5f8d648534e24dc7bc268680a908bded.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d8ca308f5d8f485096c51780890d58c7.png
[94a988fcbccd4692ad1197040b5446c4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d2e273c9c524485ca90c4dc8b2566523.png
[d4ae45471c884eed9c275febbcc8530a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e679001d58b24648b3e71732be4d6ea8.png
[ce3f6c490b5c46bf86f850e095b07684.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/90077d63b6854bab98dcfcff2486e2ec.png
[b310e9a6704a4eceb99fbb56aca6ed4f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3bacb2199fa44da3a51784fe14052475.png
[7076096b313544cf97ece0725de4a53d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/90492fb7096342038f6d928952c97429.png
[df9bd0db2c284c3a8c9ea8d634499297.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8777eef13e834eb3b83c4be88a85d92f.png
[c302104066d142959cc04e9cb799dcb4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d65e20e7eabc4f619be4f613efbffda5.png
[6c853de422894c0bbc9de2c6a2912bcc.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e2bf9d921d294b5e8e5abeb3119ae1da.png
[70a1cdeea07b482f96b6046625926dcb.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a387627ce251400f8623c244bfe3fa83.png
[170f4e93428d49dca4ffd640028ac751.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f940bd14169045cfb83ddd58f1ff3dcb.png
[3592e3d70de7426d8976afd6f65623f9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/563b19fa7c0745b2a54278ce7fcc247c.png
[1c6676e8004f4ec8ab3965f37c9d39b6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c55f24956bbb4f6498d18f0b975c9195.png