本人刚接触creator,之前有PHP,JS ,H5开发基础
需求: 制作一个互动长图H5
长图H5: 就是横向的一个尺寸很大的图,可以在手机上用手指不断滑动,图片跟着移动,滑动到某个坐标,会有一些元素跳出来,动一下,类似这样。
问题: 我看了论坛里面的帖子,大多数都是互动性很强的游戏,我这个长图H5,是不是太简单了,没见各位老师有提及,希望谁能指点一下,我该如何开始。
用scrollview来承载长途图片?同TouchEven来监听拖动事件? 我是一筹莫展,希望不吝赐教。
本人刚接触creator,之前有PHP,JS ,H5开发基础
需求: 制作一个互动长图H5
长图H5: 就是横向的一个尺寸很大的图,可以在手机上用手指不断滑动,图片跟着移动,滑动到某个坐标,会有一些元素跳出来,动一下,类似这样。
问题: 我看了论坛里面的帖子,大多数都是互动性很强的游戏,我这个长图H5,是不是太简单了,没见各位老师有提及,希望谁能指点一下,我该如何开始。
用scrollview来承载长途图片?同TouchEven来监听拖动事件? 我是一筹莫展,希望不吝赐教。
鉴于的图很长,你应该把图切成若干块然后拼接在一起最好能实现几张图片不断循环复用,至于滑动交互你可以自定义事件自己实现滑动,也可以使用scrollview,论坛里面有其他人写的可循环复用的scrollview如果自己写不了,可以直接下载拿来用
自己开个touch也可以,scrollview也能行,看你自己习惯,长图一定要切,据说大于2048会有异常
谢谢 各位老师指点,按你们的提示,我找一个源码 https://github.com/GK11upup/cocosH5Demo
已经摸到一点门道了。
现在又碰到一个问题,有些动画是要等用户滑动长图到指定位置才开始播放,上面github的代码是2.2版本的,有点看不懂,我想问一下creator里面是怎么监控scrollview坐标变化的

试试看这种方式?
慕老师,你的代码怎么有提示,什么编辑器?
你这个需求,不需要用到cocos creator, 使用html5+CSS3能达到更好的效果。
嗯,是的,但是从头造轮子很慢,没有成熟框架,什么都自己整合,还不如用cocos游戏引擎来的快,还有编辑器,方便调试
你这个需求不需要什么框架的,即使要你也可以用一些swipper和其他的组合一下。
用户有耐心等一个游戏的加载时间,但对于互动广告和活动页来说,用户的预期等待时间可能就3秒以内了。
cocos太重了 适合做WEB游戏。而且UI系统和字体系统也不好用的
vscode,用ts就有提示
拖动是有一些js插件,我觉得麻烦的地方在于长图里面的动画,这些动画需要调试,更改各种关键帧,实时看到效果,没有一个IDE来弄得话,有点痛苦,可能是我孤陋寡闻,不知道有什么能调H5动画的好工具
嗯,谢谢老师,我去看看
我拿Html,js写了 兼容性方面都不是太好 之前还能凑合用用 最近在苹果手机端为了触发音效所以很多音效同时播放再暂停会造成严重卡顿(以前无这种情况) 偶然看到其他案例是用cocos写的,性能流畅度特别好 所以来这边找找教程 我和楼主一样一筹莫展 两眼一抹黑
你可以试试页面一开始用户点击后,播放一个没有声音的声音文件,无限循环。
当要播放其他声音的时候,将该声音切换为正常的声音路径,播放完后紧接着继续播放这个无声的声音文件?
总之,一直保持有一个声音在播放。