- 博客(26)
- 收藏
- 关注
RSS订阅原创 项目实训（十一）
本篇介绍对植物卡牌的选择以及关卡功能的实现，主要为进入冒险模式后首先进入关卡的选择然后进行植物的卡牌选择。首先在关卡进入后会镜头右移展示僵尸，之后在选择卡片之后进入僵尸的刷新。无尽模式的逻辑为击杀完毕当前天数的僵尸后进入第二天。接下来是植物的卡牌选择功能实现...
2022-06-10 17:29:59
121
原创 项目实训（十）
本篇介绍对僵尸基类的完善以及增添旗帜僵尸，路障僵尸，铁桶僵尸。对于僵尸的死亡如果主要分为炸死和被射手攻击死亡两种，对应了不同的死亡动画实现，如果是正常被射手炸死则创建一个只有身体的动画，将之前的僵尸动画进行删除。对于旗帜僵尸而言需要在接近死亡值时转化为只剩身体的动画。同时需要对僵尸是否头部掉落进行检测。对于路障僵尸以及铁桶僵尸则需要在接近一定生命值时销毁之前动画并创建出一个身体然后进行生成一个普通僵尸然后再将其作为普通僵尸进行攻击。...
2022-06-10 17:15:05
96
原创 项目实训（九）
本篇介绍坚果及樱桃的功能实现。坚果需要分为三种状态，根据血量的多少进行动画的切换，以及具有一些植物共有的属性方法，根据植物基类进行继承。樱桃功能为爆炸功能，会对附近僵尸进行一定量的伤害量攻击，首先需要进行爆炸的检测，如果可以爆炸调用爆炸方法，爆炸时进行音效的播放以及生成攻击特效并自身进行动画的转化造成自身死亡效果。...
2022-06-10 16:59:25
95
原创 项目实训（八）
本篇介绍对铲子功能的实现，主要功能为点击铲子后进入想要铲除植物状态，如果所选网格有植物进行植物的铲除。如果点击右键进行铲除状态的取消，以及将铲子放回功能。首先需要进行对铲子状态的判断，即是否在使用铲子，没有使用中则可以点击铲子进行选择。当进行铲除功能实现时，要判断当前网格是否有植物，以及植物与铲子的距离是否小于一定距离，当满足有植物并且距离小于一定距离时，单机左键可以将植物铲除，通过调用植物基类的方法将植物放入缓存池中，并将当前网格状态置为空实现对植物的铲除。如果想要取消铲除状态，则点击右键，将铲子状
2022-06-10 09:37:59
128
原创 项目实训（七）
本次介绍豌豆射手功能的实现，由于后续会需要很多的植物，所以将植物基本的方法定义到植物基类中进行实现。豌豆射手的脚本中只编写他独特的功能代码。豌豆射手功能为射出子弹对僵尸造成攻击。豌豆射手与向日葵相同的初始化功能都在基类中实现不进行过多介绍，主要是初始化分为两种，一种为鼠标点击的初始化，一种为种植后的初始化，另外还有植物初始生命、所需阳光等基本属性的设置。他所独特的功能为攻击僵尸，同时也涉及到对子弹的管理，首先主要介绍攻击方法的实现，豌豆射手只能攻击距离其最近的第一个僵尸，并且当且仅当僵尸位于植物右方并且在草
2022-06-10 01:42:30
93
原创 项目实训（六）
本篇介绍对僵尸功能的实现，暂时介绍僵尸的生成、行走、对植物的攻击。首先在对僵尸预制体进行实例化时要确定僵尸在哪一个网格出现，因此要先获取网格坐标，然后定义僵尸移动的方法。而僵尸移动的状态比较多，首先当前网格为空则为没有植物可以直接行走，如果当前网格有植物并且位于僵尸左边则可以被僵尸攻击，如果在僵尸右边则证明已经经过了植物不需要进行攻击，当僵尸走近房子后游戏将结束。 僵尸攻击植物效果表现为植物掉血并且播放僵尸攻击动画，因此还要为植物添加HP属性，并且增添僵尸攻击植物音效需要的相关配置。僵尸攻击需要
2022-06-09 23:58:56
335
原创 项目实训（五）
在前面文章中完成了对页面基本布置、阳光生成、选择、点击，向日葵功能的介绍，本次介绍卡牌和植物安放部分的功能实现。卡牌功能主要为展示出植物卡牌图片以及植物所需阳光，在鼠标经过中进行图片的放大，鼠标移开后取消放大功能，在卡牌cd状态时不可以进行选择并使用阴影覆盖。安放即为在植物不冷却并阳光足够的情况下可以被点击随着鼠标在场景中移动，移动时会有在最近网格中图形透明的效果以及被种植在网格中。首先是鼠标移入移出对未在冷却状态的植物的放大功能的实现。然后对于卡牌冷却功能的实现，通过每隔0.1秒计算冷却时间使阴影遮
2022-06-09 23:02:49
78
原创 项目实训（四）
本篇介绍向日葵的相关功能逻辑的实现，向日葵的功能为间隔一段时间产生一定值的阳光，该阳光不会在场景中飘动而是固定在向日葵上，用户点击进行收取或者间隔一段时间阳光消失。主要函数为创建阳光和让阳光跳跃动画然后进行对创建阳光的实现同时需要在阳光代码中进行对太阳花的阳光的初始化销毁与收取的方法则与来自太空的阳光方法相同。...
2022-06-02 23:13:45
86
原创 项目实训（三）
本篇主要介绍游戏中白天草地场景的地形网格的设置，从而为后续种植植物做下基础。首先要创建一个网格管理器，进行相应数据调节后编写代码进行网格的设置。主要逻辑为基于grid脚本的形式创建网格，进行对效果的观察设置偏移量数值，这样的话可以防止在一个网格上种植了植物之后没有对其内容的保存以使还能够在这个网格上种植其他植物。 private void CreatGridsBaseGird() { for (int i = 0; i < 9; i++) .
2022-04-13 14:07:37
198
原创 项目实训（二）
首先先进行游戏地图、卡牌、阳光等基本功能的完成。首先选择草地图片为基本图层，然后在上面创建image放置植物卡槽，主要为对图形显示的调整，添加图片和阳光数值，达到下图效果，然后就行对阳光的相关代码编写。阳光的主要逻辑是设置随机阳光从天空中初始化的方法以及下落目标点，鼠标点击阳光时增加游戏管理器中阳光数量，并且销毁阳光自身，在实现过程中需要增加飞行动画和鼠标点击或超时后自动销毁的代码。//鼠标点击阳光private void OnMouseDown() {
2022-04-13 13:42:50
217
原创 项目实训（一）
本次项目为使用unity实现游戏的制作，unity是一个跨平台的游戏开发引擎，它能够帮助开发者快速构建游戏场景，进行游戏开发与发布。它支持将开发好的作品发布到Windows、Mac OS、Android、iOS、Linux等多种平台。首先要进行对unity的使用的了解，unity的窗口主要有Scence窗口，用于展示游戏的场景界面；Game窗口能够实时的显示游戏的完成效果并与之交互；Project窗口，展示项目的工程文件；Hierarchy窗口，展示场景中的物体；Inspector窗口，展示对物体的调试
2022-03-05 15:04:16
6378
原创 人工智能研究中心快递柜——代码分析十三
2021SC@SDUSC本次分析关于审计的细节，也是这个程序的比较重点的部分。首先定义变量。barwidth是进度条的长度，等于trackNode的长度×每一个节点的宽度，在获取到数据的时候赋值；stepwidth就是每一个节点的宽度；trackNode代表节点的进度；Steps用于判断审计是准备状态或是结束状态。 data: { id:'', id2:'', path:'', leixing:'', zhuangtai:'', serviced
2021-12-06 19:08:02
683
原创 人工智能研究中心快递柜——代码分析十二
2021SC@SDUSC本次介绍有关审计的部分，首先定义了需要使用的数据变量，showsearch为是否显示搜索按钮，searchchtext为搜索文字，filterdata为筛选条件数据，showfliter为是否显示下拉筛选，showfilterindex为显示哪个筛选类目，sortindex为一级分类索引，subsortindex为二级分类索引，sortid为以及分类id，subsortid为二级分类索引，scrolltop为滚动位置。 data: { showsearch:fals
2021-12-06 18:03:36
177
原创 人工智能研究中心快递柜——代码分析十一
2021SC@SDUSC本次在上篇的基础上分析拍照上传是如何获取到签名的。拍照上传也分为两步，首先进行图片拍照，然后能够对获得的图片进行预览，调节尺寸和清晰度。首先进行页面初始化数据，tablist就是两步的状态选择，tabcur主要用于状态的转换，snap是摄像头的使用状态，preview表示获取了照片。ata: { TabList: [ {name: '1. 拍照'}, {name: '2. 预览上传'} ], TabCur: 0,
2021-12-05 12:35:57
1433
原创 人工智能研究中心快递柜——代码分析十
2021SC@SDUSC目录电子签名上传图片签名本次开始审计柜的代码分析，由于两部分有一些功能的原理是相似的，所以优先分析快递柜中没有涉及到的功能，首先是审计柜项目中使用到的签名功能。签名功能分为两种选择，一种可以直接微信界面电子签名，另一种是拍照上传签名。电子签名首先定义出需要的参数。var context = null;// 使用 wx.createContext 获取绘图上下文 contextvar isButtonDown = false;//是否在绘制中var
2021-12-03 14:45:10
241
原创 人工智能研究中心快递柜——代码分析九
2021SC@SDUSC本次介绍自己定义的request方法，在本个小程序中使用了多次，主要实现获取数据中内容的功能。该方法的形参是url,method,params,onSuccess,onFail，也因此该方法可使用的范围可以变得很广。if ((method == 'GET' || method == 'get' || method == 'put' || method == 'PUT' || method == 'DELETE') && Object.keys(p...
2021-12-03 13:51:42
1149
原创 人工智能研究中心快递柜——代码分析八
2021SC@SDUSC本次开始介绍柜子的具体使用功能的实现。由于关于wxml方面都是使用view标签设置相应参数，进行展示故不做具体分析，主要是对 wx:if的运用，合理使用js中传入的数据参数进行选择。主要进行js文件的分析。首先对于不同类型的柜子和任务以不同的颜色进行展示，定义颜色变量。const colors = [ {itemStyle: {normal: {color: '#f7efe2'}}, text: "空闲"}, {itemStyle: {normal: {
2021-11-25 22:54:42
638
原创 人工智能研究中心快递柜——代码分析七
2021SC@SDUSC目录index.wxmlindex.js本次分析项目中柜子的定位功能的实现。index.wxml在微信官方开发文档中，提供了map组件，通过对wx.createMapContext api的使用可以实现一些基础属性的设定，id用于设置控件id,在控件点击事件回调会返回此id；style综合设置了相关尺寸；bindtap用于在点击地图时触发；bindmarkertap用于点击标记点时触发；markers设置地图中的标记点；latitude设置标记点位于地图上显.
2021-11-20 18:45:42
654
原创 人工智能研究中心快递柜——代码分析六
2021SC@SDUSC目录index.wxmlindex.js在微信端小程序部分，对于不同身份的用户会授予不同的使用权限，以使不同权限的功能被相应级别的用户使用，本次主要分析关于权限管理部分。index.wxml使用view style设置全局属性，这一部分是与css中相似的。在中间的内容块部分利用for函数循环userList，以用户id作为主键，获得用户列表。block标签中使用wx:if，进行用户类型判断，根据不同类型显示不同的权限数据。 <block>
2021-11-12 23:32:22
1167
原创 人工智能研究中心快递柜——代码分析五
2021SC@SDUSC本次主要介绍订单方面内容。index.wxml关于订单只要分为未完成与已完成两种订单，另外对于每一个订单都会进行订单详情的展示，会进行订单编号、订单状态、柜子名称、使用模式、柜子位置、使用时间、开柜码等内容的展示，另外会有关于开柜记录的展示。再程序设定中，将未完成订单设为order.status=0，已完成的订单状态为1，利用wx.if进行对状态的筛选，然后利用view进行视图容器的配置，text字段表示订单类型，tips字段表示小贴士。<view cla
2021-11-06 17:34:22
144
原创 人工智能研究中心快递柜——代码分析四
2021SC@SDUSC目录index.wxmlindex.js本次对小程序主页相关功能进行分析。index.wxml在该部分进行了对轮播图的布置，利用微信开发工具中的swiper组件，swiper组件是滑块视图容器，在其中只可以放置swiper-item组件，否则会导致为定义的行为。autoplay定义是否可以自动切换，indicator-active-color指定当前选中的指示颜色，indicator定义指示点颜色，indicator-dots定义是否显示面板指示点。...
2021-10-29 21:13:16
422
原创 人工智能研究中心快递柜——代码分析三
2021SC@SDUSC本次分析依然根据不同的page分析相关的功能目录一、topindex.wxmlindex.js二、container1.question Infoindex.wxmlindex.jsonindex.js2.question Listindex.wxmlindex.js3.use Protocolindex.js对于该页面分两部分实现，用户信息部分与通用的常见问题展示和用户协议展示部分。一、topinde.
2021-10-23 13:47:32
199
原创 人工智能研究中心快递柜——代码分析二
2021SC@SDUSC目录一.导航界面index.wxmlindex.js二、登陆界面index.wxmlindex.js总结本次分析主要分析page部分，小程序的每个页面都是独立的，每个页面都必须有page.js和page.wxhl文件，对于page.json和page.wxss来说则是非必须文件。一.导航界面index.wxml对于该界面而言，index.wxml编写了页面的布局内容。居于上方的图片使用了弹性居中布局，利用image添加图片，..
2021-10-16 23:21:21
165
原创 人工智能研究中心快递柜——代码分析一
本次代码分析从最根本部分开始，了解不同类型文件的作用，已经小程序的大体框架。对于微信小程序而言，框架系统主要分为两部分：逻辑层和视图层。对于视图层的构建是使用wxml和wxss来实现，并且基于JavaScript的逻辑层构架，实现视图层与逻辑层的数据传输。小程序的代码构成分为四部分：json配置JSON 是一种数据格式，并不是编程语言，在小程序中，JSON扮演的静态配置的角色。app.json分析app.json中是小程序的全局配置，包括小程序所有的页面路径、界面表现、网络超时时..
2021-10-09 18:35:42
246
原创 人工智能研究中心快递柜——源码部署及分析综述
项目理解本次项目为硬件与软件的结合，项目分为微信小程序、web后台管理、柜子端安卓程序，首先管理员可以在web上对快递柜进行位置的查看和管理，用户可以在微信小程序上进行对柜子的使用，可以查看到柜子的位置、柜子的状态，源码安装本次项目涉及四个部分微信小程序端，web前端，后端，安卓端（柜子端）。因此代码的部署分别在微信开发者工具、idea、Android studio三个软件上进行完成，...
2021-09-30 21:38:09
1598
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人