项目总结-微信游戏

第一次做微信游戏,还是蛮好玩了,项目还没完成,边做边在这记录下遇到的问题及解决方案。

1. 游戏中带有快速向下滑动页面的功能,但是移动端自带会有下滑效果,这样就会引起冲突。

解决方案:

  禁用默认的移动事件

document.addEventListener(‘touchmove‘, function (event) {
       event.preventDefault();
})

  

2. 计算滚动条位置错误。起初是使用“left”参数来设定滚动条的位置,且值为百分比。在PC端,可以正常识别出滚动条的居左位置,然而在移动端不行。

解决方案:

  将“left”改为“margin-left”。

3. 若滑动次数过多,页面的动画效果会卡顿。

解决方案:

  每次滑动会添加添加一个新的<img>标签并加以动画效果,所以创建完新的后延迟一会儿再删除老的就可以了。但是千万不能一创建完新的就删除,这样在快速滑动时,会有动画断层,第一个正在运动的img还没执行完就被干掉了。

4. 向下滑动一定距离后才能认定为触发成功,但是时而有效时而无效,有时单点也会触发。

解决方案:

  在touchstart的时候重置下触点的结束位置的值。

        var touchTop = 0; //触点的起始位置
        var endTop = 0;  //触点的结束位置
        var obj = document.getElementById(‘cups‘);
        obj.addEventListener(‘touchstart‘, function (event) {
            if (event.targetTouches.length == 1) {
                var touch = event.targetTouches[0];
                touchTop = touch.pageY;
                endTop = 0;
                }
            }
        }, false);
        obj.addEventListener(‘touchmove‘, function (event) {
            if (event.targetTouches.length == 1) {
                var touch = event.targetTouches[0];
                endTop = touch.pageY;
            }
        }, false);
        obj.addEventListener(‘touchend‘, function (event) {
            if ((endTop - touchTop) > 60) {
               ...
            }
        }, false);

  

时间: 2024-10-24 02:16:51

项目总结-微信游戏的相关文章

【H5小游戏开发教程】如何限制微信游戏只能在微信端打开?

在这行里接触的时间多了,就会发现很多有意思的东西. 比如,很多微信小游戏会限制只能在微信端打开,有木有? 有这样的, 也有这样的, 妈蛋,不能用PC访问,这游戏就没法扒呀..... 其实涛舅舅告诉你,这两种都可以扒 而且是用PC! 但是今天,我不教你扒皮 我要教你的是,怎么让你的微信游戏也能限制PC打不开 很想学吧  准备开始! 1.第一种不提了,因为人家是设置了微信授权登录,从微信那里就拦截住了,只能用微信访问,你可能弄不了这么高级的微信授权这块,如果你真能弄,这一讲你也不用听了,因为你已经能

微信游戏《全民炫舞》公司的引擎开发和布料系统技术介绍

微信<全民炫舞>上线了. 整理了一下过去技术开发历史,还有技术ppt,有兴趣看下: 公司游戏引擎技术介绍: http://www.h3d.com.cn/hr/hr.htm 布料系统技术介绍: 2012 China Game Developer Conference大会演讲资料下载: http://www.h3d.com.cn/hr/downlond/QQX52_CGDC.ppt NVIDIA QQ炫舞2 布料技术演示录像地址: http://www.h3d.com.cn/hr/donnlond

【涛舅舅】利用微信游戏每天为公众号吸粉1000人的方法

之前在群里和大家语音分享了这个方法了,有的伙伴反应听不了语音,有的伙伴可能也没有注意群里的消息,那么还是专门写一个教程发在这里方便大家随时学习吧~ 可能很多小伙伴在用微信游戏进行推广的过程中发现,虽然游戏传播的效果不错,可就是主动关注微信的用户还是比较少,转化率没有想象中的那么高.其实这是非常正常的事情,因为受限于微信的接口,是不能强制用户关注微信的,再加上可能玩游戏的用户对你的微信平台的服务内容并不是很关心,用户不够精准,这就导致转化的结果是比较低的. 可能有一种非常不知所措的局面就是,游戏的

如何限制微信游戏只能在微信端打开?

在这行里接触的时间多了,就会发现很多有意思的东西. 比如,很多微信小游戏会限制只能在微信端打开,有木有? 有这样的, 也有这样的, 妈蛋,不能用PC访问,这游戏就没法扒呀..... 其实涛舅舅告诉你,这两种都可以扒 而且是用PC! 但是今天,我不教你扒皮 我要教你的是,怎么让你的微信游戏也能限制PC打不开 很想学吧  准备开始! 1.第一种不提了,因为人家是设置了微信授权登录,从微信那里就拦截住了,只能用微信访问,你可能弄不了这么高级的微信授权这块,如果你真能弄,这一讲你也不用听了,因为你已经能

HTML5游戏探讨,如何让微信游戏只能运行在微信中

大致文件布局如下,一个html文件,一个loading.js,在loading.js中加载其他需要的js和css. 至于具体的速度的话,建议cdn或者一个域中最多加载6个js文件.在loading.js中加载js和css之前,检测是不是微信游览器,是的话,go.不是则跳转到提示. function isWeiXin(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'mi

通过游戏学python 3.6 第一季 第九章 实例项目 猜数字游戏--核心代码--猜测次数--随机函数和屏蔽错误代码--优化代码及注释--简单账号密码登陆--账号的注册查询和密码的找回修改--锁定账号--锁定次数--菜单功能&#39;menufile

通过游戏学python 3.6 第一季 第九章 实例项目 猜数字游戏--核心代码--猜测次数--随机函数和屏蔽错误代码--优化代码及注释--简单账号密码登陆--账号的注册查询和密码的找回修改--锁定账号--锁定次数--菜单功能'menufile 1 #猜数字--核心代码--猜测次数--随机函数和屏蔽错误代码---优化代码及注释--简单账号密码登陆--账号的注册查询和密码的找回修改--锁定账号--锁定次数--菜单功能'menufile' 2 #!usr/bin/env python 3 #-*-c

最大开源项目:玩游戏就能学会编程

最大开源项目:玩游戏就能学会编程 时间:2014-04-23来源:网络 作者:未知点击: 2620 次 CodeCombat是一个通过玩游戏来学习编程的网站,也是GitHub上最大的开源CoffeeScript(一种脚本语言,类似 JavaScript)项目,有上千程序员和玩家为其编写程序.测试游戏.到目前为止,已经翻译成17种国外语言.最近,该网站将所有源代码提交到GitHub上,实现了全面开源. 官方称,他们网站的任务就是教会人们如何编程,游戏覆盖编程菜鸟到大神各个阶段,总共超过9千关.人们

[业余项目]黄金点游戏

准备业余时间做一下这个: 创新的时机 – 黄金点游戏 结对和团队项目建议 - 黄金点游戏 --------------------------------------------------------------------------------------------------------------------------------------------------------- 在<移山之道>里, 我提到移山软件学院的游戏: 阿超的课都是下午两点钟,这时班上不少的同学都昏昏欲睡

(第五周)结对项目——黄金点游戏

黄金点游戏 黄金点游戏是一个数字小游戏,其游戏规则是: N个同学(N通常大于10),每人写一个0~100之间的有理数 (不包括0或100),交给裁判,裁判算出所有数字的平均值,然后乘以0.618(所谓黄金分割常数),得到G值.提交的数字最靠近G(取绝对值)的同学得到N分,离G最远的同学得到-2分,其他同学得0分.玩了几天以后,大家发现了一些很有意思的现象,比如黄金点在逐渐地往下移动. 现在请大家根据这个游戏规则,编一个可以多人一起玩的小游戏程序,要求如下: 1.本作业属于结对编程项目,必须由二人