微信小程序发布小游戏,微信小程序写2048小游戏

时间：2023-07-01 14:05 阅读数：123 人阅读分类：知识百科

　　微信小程序发布小游戏,微信小程序写2048小游戏的代码是什么?下面小编就来为大家带来微信小程序写2048小游戏的代码。

　　为了证明我也能跟得上潮流，我也试了一下微信小程序，看了一官方的文档，觉得还是挺有意思的。感觉思想和代码风格有点跟Angular有点类似，废话少说，下面开始写。编写步骤 1、下载开发工具小程序开发工具官方下载 2、创建项目扫码后进入

　　选择添加项目

　　选择无AppID，也可以开发，但不能在手机上浏览。等以后开放后再搞吧。后面的操作官方教程上面都有了，我主要分享写代码经验。 3、修改项目创建一个代码示例项目，如图

　　删除logs文件夹，只保留index文件夹，注意删除logs后，要更自以为是app.json

　　{

　　"pages":[

　　"pages/index/index"//注意删除原来的logs

　　"window":{

　　"backgroundTextStyle":"light",

　　"navigationBarBackgroundColor": "#000",

　　"navigationBarTextStyle":"white",

　　"navigationBarTitleText":"2048小游戏"

　　}

　　这样一个基于的项目架子就搭好了 4、编写代码代码我已写了一个简单的， GIT 2048小程序喜欢给个start 效果图如下：

　　5、开发中遇到的一些问题 1、没有滑动事件，又不能引入其它JS库，只能自己写一个，还好比较简单。主要利用touchstart、touchmove、touchend三个事件来解决这个问题 2、不能直接更新page.data中的数据，要使用this.setData这个函数，才能让页面重新渲染。其中最麻烦的更改data中的数组。

　　changeData : function( index,num ) {

　　var changedData = {};

　　changedData['mydata[' + index + ']'] = num;

　　this.setData(changedData);

　　}

　　这个一开始还不知道后面看文档才明白 3、动画处理在H5中直接更改Dom加样式就行了，在小程序中要使用animation这个类，在一开始写代码时没考虑到动画问题，所以数组结构出了点问题，所以动画做得不好。

　　//初始化动画

　　this.data.animation = wx.createAnimation({

　　duration: 100,

　　timingFunction: 'ease',

　　});

　　this.data.animation.scale(1.2,1.2).step().scale(1,1).step();

　　//渲染时

　　以上就是小编为大家整理的关于微信小程序发布小游戏,微信小程序写2048小游戏的内容。更多更精彩的内容请持续关注小程序商店。