微信小程序写2048小游戏 - CNode技术社区
这个家伙很牛，什么都没有留下！
为了证明我也能跟得上潮流
为了证明我也能跟得上潮流，我也试了一下微信小程序，看了一官方的文档，觉得还是挺有意思的。感觉思想和代码风格有点跟Angular有点类似，废话少说，下面开始写。
1、下载开发工具
2、创建项目
扫码后进入
选择添加项目
选择无AppID，也可以开发，但不能在手机上浏览。等以后开放后再搞吧。后面的操作官方教程上面都有了，我主要分享写代码经验。
3、修改项目
创建一个代码示例项目，如图
删除logs文件夹，只保留index文件夹，注意删除logs后，要更自以为是app.json
&pages/index/index&//注意删除原来的logs
&window&:{
&backgroundTextStyle&:&light&,
&navigationBarBackgroundColor&: &#000&,
&navigationBarTextStyle&:&white&,
&navigationBarTitleText&:&2048小游戏&
这样一个基于的项目架子就搭好了
4、编写代码
代码我已写了一个简单的，
效果图如下：
5、开发中遇到的一些问题
1、没有滑动事件，又不能引入其它JS库，只能自己写一个，还好比较简单。主要利用touchstart、touchmove、touchend三个事件来解决这个问题
2、不能直接更新page.data中的数据，要使用this.setData这个函数，才能让页面重新渲染。其中最麻烦的更改data中的数组。
changeData : function( index,num ) {
var changedData = {};
changedData['mydata[' + index + ']'] =
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();
//渲染时
&lable class=&item d{{item}}& wx:for=&{{mydata}}& animation=&{{ index == animationindex ? animation : '' }}&&
{{item ? item : ''}}
&/lable&
1、没什么觉得特别，跟使用HBuild、Ionic等混合式开发差不太多。
2、不能引用其它库是一个特点的地方，让我又找到了写原生JS代码的乐趣。
3、路由、动画队列、渲染指令、数据绑订机制等，跟主流框架一至，原来会的，很快就能学会。我就看了一个下午。
不错~棒棒哒
CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js 的技术研究。
服务器赞助商为
，存储赞助商为
，由提供应用性能服务。
新手搭建 Node.js 服务器，推荐使用无需备案的我们公司想做个微信小程序，请问哪家小程序开发公司比较好？_百度知道
我们公司想做个微信小程序，请问哪家小程序开发公司比较好？
提示该问答中所提及的号码未经验证，请注意甄别。
我有更好的答案
1。3、有没有开发经验，很多公司说个写代码的就拿过来，开发出来的东西也是一般2，看案例，一分价钱一分货？4，相关性高的、以上都达标，就是这样选择小程序开发公司了，我们公司就是以这些标准选择公司的，主要看用户体验；可以帮助你开发和维护微信小程序，你程序开发出来有问题怎么办、售前售后，很多公司说销售员为了业绩你说什么他都说可以，但真正做的时候说功能太复杂，要加价，针对于定制的比较多。售后也是很重要的。小程序第三方平台开放后、API等等，有现成的模板。小程序开发，等同于简单一些的APP开发，需要涉及的东西很多，后端服务器、数据库、通讯，不要相信天上掉馅饼这件事。以上作为参考？出现瘫痪能不能解决，希望对你有参考作用，就看价格了，案例最有说服力，可以让商户的微信小程序开发更省心，通过简单小程序账号授权动作，就可以获得一个小程序；可以帮助你添加一些新的功能等等、公司实力，是不是具备有开发能力，我们选择了无锡的香橙科技网络科技开发的小程序，公司不错，把技术开发这个事情变得更简单。第三方平台如香橙网络科技可以帮助你管理微信小程序，性价比高的。如果想要找比较靠谱的公司，就要看看这些方面，它不等同于网站开发和微信官网应用开发，那些技术成熟小程序开发，工程量并不小
采纳率：100%
这块很多的自己多了解下 以免被骗
现在做这块的也挺多的，你们是哪里的公司啊
打开微信-发现-小程序-搜索寻龙诀，省钱，省心，更专业！
久安网络，有自己的平台，案例多，支持二开。
闪电小程序cms
2条折叠回答
其他3条回答
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。微信小程序小游戏开发
8:54:55 发布说:
[角色：管理员/等级：董事长/发帖数：7346/积分：50010/经验值：47460] [ &|& ]
微信小程序小游戏开发不过值得一提的是，目前游戏内购只支持 Android，iOS 还不支持，应该是还没跟苹果谈好。从小程序刚出来的克制，到现在开放越来越多的权限，推出一系列的动作，给优势这么大的入口，所有企业与开发者已经越来越没法忽视小程序了，小程序在微信体系生态内，有着天然的传播优势，而在流量获取越来越困难的现在，小程序留给我们更多的想象力，微信的野心很明显，他要做的是一个操作系统，小程序就是一个个的上层应用，人们有了微信，就够了！最后，对开发者的影响，毫无疑问，对 H5 游戏开发是天大的好事，对原生移动开发的影响势必会造成一些冲击，小程序的开发更快速，传播性更有利，加上微信的重视程度，不少创业公司和个人开发者已经首选小程序作为平台了，虽然原生开发不会死，但是时代在前进，懂原生开发又懂得 Web 前端的开发者势必更有优势，建议感兴趣的部分读者们，可以业余时间了解学习下，紧跟时代的变革，说不定有一些意想不到的机会。免责声明：转载自网络 不用于商业宣传 版权归原作者所有 侵权删快速上手安装开发工具前往 开发者工具下载页面 ，根据自己的操作系统下载对应的安装包进行安装。你的第一个小游戏新建项目选择小程序项目，选择代码存放的硬盘路径。 目前小游戏不提供公开注册，可点击体验小游戏使用无 AppID 模式。 给你的项目起一个好听的名字，最后，勾选“建立游戏快速启动模板”（注意：你要选择一个空的目录才会有这个选项），点击确定，你就得到了你的第一个小游戏了。 点击顶部菜单编译就可以在 IDE 预览你的第一个小游戏。编译预览点击工具上的编译按钮，可以在工具的左侧模拟器界面看到这个小游戏的表现，也可以点击预览按钮，通过微信的扫一扫在手机上体验你的第一个小游戏。文件结构小游戏只有以下两个必要文件：game.js 小游戏主程序入口game.json 配置文件配置项小游戏开发者通过在根目录编写一个 game.json 文件进行配置，开发者工具和客户端需要读取这个配置，完成相关界面渲染和属性设置。key 数据类型 说明 默认值deviceOrientation String 支持的屏幕方向 portraitshowStatusBar Boolean 是否显示状态栏 falsenetworkTimeout Number 网络请求的超时时间，单位：毫秒 60000networkTimeout.request Number wx.request 的超时时间，单位：毫秒 60000networkTimeout.connectSocket Number wx.connectSocket 的超时时间，单位：毫秒 60000networkTimeout.uploadFile Number wx.uploadFile 的超时时间，单位：毫秒 60000networkTimeout.downloadFile Number wx.downloadFile 的超时时间，单位：毫秒 60000workers String 多线程 Worker 配置项，详细请参考 Worker文档 无deviceOrientation值 说明portrait 竖屏landscape 横屏示例配置{
"deviceOrientation": "portrait",
"networkTimeout": {
"request": 5000,
"connectSocket": 5000,
"uploadFile": 5000,
"downloadFile": 5000
}}运行环境小游戏的运行环境跟小程序类似，运行在 JavaScriptCore 中，因此没有 DOM、BOM API。与小程序一样，小游戏每次发布需要经过审核。我们在小程序和小游戏中都移除了动态执行代码的能力，包括以下调用方式：eval 函数setTimeout、 setInterval 函数第一个参数传入代码字符串执行使用 Function 传入字符串构造函数使用 GeneratorFunction 传入字符串构造生成器函数HTML5 游戏适配指引现有 HTML5 游戏希望移植到小游戏环境，主要需要针对小游戏做以下适配：所有 DOM、BOM API 改成小游戏相应的 API 调用方式避免在游戏中使用动态执行代码的能力前期为了减少游戏移植成本，我们提供了一个 Adapter ，它基于小游戏环境模拟封装了一套 BOM、DOM API 暴露到全局。签名:weixin008微商货源网成立于2012年，是一个专业的微信微店开店代理代购平台，提供女装、女鞋、奢侈品、饰品、男装、童装代销代理,本站现佣有两万多家微信微店货源供应商，是最好的网上微信开店的首选平台。站长微信或QQ。
微信公众服务号:微店货源
搜索：微店货源（在微信“查找公众号”下，搜索:微店货源 就可）您所在的位置： &
微信小程序与小游戏开发浅析
时间： 10:53:49
编辑：jhao
来源：下载吧
微信小程序与小游戏开发浅析，微信小程序自从开放了小游戏模块，一众开发者争先恐后进入一探究竟，小程序开放的第一个小游戏跳一跳成为了研究对象，微信小程序的小游戏，下面和大家分享一下小程序与小游戏生态体系。第一点，小程序更轻更简便，开发成本比以前降低很多，微信小程序的开发更多是基于网页前端即html5开发，减少了后端开发工作，自然而然也就节省人力成本。在小程序之前，真正花费高昂的成本是在运营上，通过手机应用分发市场让用户下载APP,这样做的方法收效大但成本高，现在小程序开放更多模块功能，整合了社交生态圈，推广成本不再高昂，无疑是开发者们又一个春天。第二点，开发者游戏红利的爆发期对于创业者和开发者来说，在小程序开放游戏模块的前期能够抓住这个机会，开发一些有趣味性的小游戏，就能成为这一波红利的受益者，但也要明白小游戏的方向――交互简单、碎片化游戏时间、弱成长机制，也就是那些随时随地都能来一局的休闲游戏。微信跳一跳就是一个很好的模板.第三点，小程序与小游戏是基于微信生态体系而开发，它的另一个重要特点则是社交关系，微信里的游戏，社交关系和好友互动必然是一个核心亮点。能够通过微信平台积累属于自己的用户，以最小的成本扩大自己的用户基数。第四点，小程序是巩固微信在移动市场的地位，而非替代APP，两者是相辅相成，合作共赢的关系。如果小程序冲着抢占应用市场的目的发展，必然会受到IOS和安卓的抵制，最后必然两败俱伤，所以不存在这些问题，某些开发者有些夸大了小程序的作用，小程序更像是在优化应用分发市场的生态――减少了开发者、创业者们开发冗余、无意义的应用的数量。以上就是微信小程序与小游戏开发浅析，希望能够帮助大家，了解更多内容，请关注下载吧！
分享给朋友：
热门关键字}