个人项目：库洛牌占卜

2022年夏季《移动软件开发》实验报告

姓名：潘摅宇 学号：20170001048

姓名和学号？	潘摅宇，20170001048
本实验属于哪门课程？	中国海洋大学22夏《移动软件开发》
实验名称？	个人项目：库洛牌占卜
博客地址？	XXXXXXX
Github仓库地址？	XXXXXXX

（备注：将实验报告发布在博客、代码公开至 github 是 加分项，不是必须做的）

一、项目简介

库洛牌是日本漫画《魔卡少女樱》及其衍生作品中的魔法卡牌。蕴含着「黑暗」力量的「库洛牌」是由魔力高强的魔法师库洛里多所创造，共有52张卡片，每张卡片都有其象征意义。本项目利用库洛牌的象征意义，以随机抽取库洛牌的形式进行占卜。

二、完成情况

程序主体已完成，可在开发者工具中正常试运行。但因程序中背景音乐文件过大，且尚未在网上找到免费的正版资源，无法以url形式导入，故暂时无法在移动端进行测试，待找到资源后便可正常运行。

三、程序主体

微信小程序仅有如图一个页面，及占卜页面，点击占卜按钮后会出现占卜结果的弹窗，如下图：

弹窗使用了modal控件，一开始为隐藏状态，点击占卜按钮后弹窗出现。

同时，点击页面中的卡牌可使其在魔法阵中旋转，如下图：

此处使用了image控件中的animation参数

页面最下方为背景音乐播放器，背景音乐选取了《魔卡少女樱 CLEAR CARD篇》中的片头曲《CLEAR》，播放器使用了audio控件。

四、测试及运行情况

如（二）完成情况中所介绍，可在开发者工具中正常运行，尚未进行移动端测试。

五、问题及解决方法

1、如何实现弹窗的弹出和消失。

解决方法：将modal控件的置为隐藏状态，点击占卜按钮后再将其modalHidden参数置为false

2、如何实现占卜结果的随机出现及占卜结果中卡牌标题、卡牌图片及象征意义的一一对应。

解决方法：设置一个常数数组，每个元素中包含卡牌标题、图片及其象征意义，每次点击占卜按钮式从数组中随机取一个元素替换掉弹窗中已有的数据。

六、心得体会

1、对课堂所学习的关于微信小程序开发相关的知识：控件的应用、事件的设置、各文件的作及其相互关系等进行一次系统性的巩固以及融会贯通，对微信小程序的开发有了更全面的认识。

2、实现了对微信小程序开发以及JavaScript语言的入门。

3、了解了设计、创意以及统筹策划在项目开发中的重要意义。