加载中 ...
首页 > 新闻资讯 > 小程序 正文

微信小程序教程入门[2],小程序游戏2048实用说明

2019-07-31 10:43:30 来源:沈阳小程序开发 作者:沈阳软件开发

1. 开篇导言 本节的目的:减去以前要求的分析。目标用户:已经学过[入门]的学生或有一定编程经验的学生。学习目标:如果2048“是一个页面,那么就开始工作!案例分析:小游戏2048.门户:上一篇:微信小程序教程 - 入门[1]下一篇:微信小程序教程 - 入门[3]2. 对需求设计做减法我相信每个人都在上一节的流程图。我相信每个人都有自己的想法和方法来开发自己的2048.作者也在这里与你分享他的想法。做减法,首先制作Y轴肖像。 X轴的水平方向.Y轴:业务逻辑的粒度级别的放大/缩小.X轴:在相同粒度级别的业务逻辑的逻辑加/减。然后简化[2048的Y轴]简化X轴后,网格被移除。复杂度大大降低。让我们去!3. 2048主页面1639556352-0.png实现流程:1。绿色导航栏部分2.蓝色游戏框架部分。 4. 导航栏1639555D8-1.png目录163955A45-2.png app.js如下://无需做任何事情({})复制代码app.json,如下所示:{'pages': ['pages/2048/2048'],'window': {'navigationBarBackgroundColor':'#fffffff','navigationBarTextStyle':'#000000','navigationBarTitleText':'演示: 2048','backgroundTextStyle':'light'},'debug': false}复制代码[window]导航栏相关设置。 App.wxss是空的。 2048.js如下:空pagePage({})复制代码2048.wxml,2048wxss为空。5. 游戏frame部分我们只需修改2048.wxml,2048.wxss2048.wxml如下:2048你能得到2048吗?新游戏复制代码我们需要与它匹配2048.wxss,此处不会复制太多代码。请下载源代码进行查看。5. 小结方法:Y轴,X轴。对于那些有时间的人,请去了解所涉及的CSS风格。虽然没有纠结于细节,但请在脑海中保持理解。6. 预告下一节将继续进行2048反汇编和编码。

< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>

确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。