Mr_JiaTao的博客

背景引擎版本cocoscreator v 2.4.2，语言javascript。情况1用户头像为非微信头像，即公司服务器头像加载，需首先设置存放用户头像的静态资源服务器运行跨域；如果配置了域名，则设置域名运行跨域，前端代码代码实现如下：/** * 渲染头像 * @param {cc.Sprite} spAvatar 头像节点 * @param {String} url 头像地址 * @returns 头像地址为空时 返回 */

WebSocket示例解析(可直接使用)

使用场景H5游戏开发，跨JS文件事件监听及派发，游戏引擎cocoscreator v2.4.2，开发语言JavaScript。代码实现/** * 事件派发机制 EventListener.js @半世 2021/05/25 */const EventListener = { //事件表 Regsiter: {}, //注册事件 on: function(name, method){ if(!this.Regsiter

背景前阵子，美术设计了一个H5游戏loading页面的UI。如图：刚看到这张UI图的时候，没有很好的实现思路。(第一版UI图，美术少打了一个字母，哈哈哈。)当时，有两个想法：1、找产品压缩需求，能不能制作一个loading动图放那里，下面的进度条不要。2、新建一个资源加载场景，场景里面内容就如上图一样，至于最前面的引擎资源加载页面(cocos发布后自动生成的那个黑色资源加载页面)，我给它设置成全透明。因为，进游戏后，先进入资源加载场景，场景资源很少，所以可以很快的进入资源加载页面，然后在资源加载页

IOS安卓安卓系统自带webview首先，系统webview，是默认的webview，及Google的Android system webview，它自带于手机rom中，所有依赖系统webview的应用都调用这个webview。在安卓系统4.4以前，安卓手机自带webview的内核是Android webkit 浏览器内核，很多HTML5标准语法都不支持，比如indexeddb、webgl等，canvas性能也非常差。从安卓系统4.4起，webview内核变成了chromium内核，内核版本是chr

背景往app产品内嵌入一款H5小游戏，ios手机型号iphonexr、cocoscreator版本v2.4.2。问题描述小游戏，在播放animation动画的时候，整个游戏界面闪烁。在公司iphonexr手机上必现，其他不带安全区的ios手机和安卓手机上则不会出现。安全区问题解决方案！解决方案经过一番思考，我猜测会不会是因为我在creator中制作Animation动画的帧率和游戏设置的整体帧率不一致导致的？有了这个猜测，我决定试一试，因为，游戏动画帧率，我这边使用的是默认60，而游戏这边，为了适

基础概念1 物理分辨率物理分辨率简单理解就是硬件所支持的分辨率，以像素（px）为单位，所以我们称这个硬件上的每一个像素点为物理像素，也叫设备像素。将屏幕实际存在的像素以行数 × 列数这样的数学表达方式体现出来，就是物理分辨率。比如 iPhone8 的物理分辨率是1334 × 750 。而我们进行屏幕适配时，表达方式会有所不同，会以屏幕宽的像素数量 × 屏幕高的像素数量这样来体现。例如 iPhone8在默认的竖屏状态下，物理分辨率表达为750 × 1334。横屏状态下，物理分辨率表达为1334 × 750

背景产品需要游戏的开始按钮，单击：游戏开始；长按：显示托管场次面板。引擎：cocoscretor v2.1.2 语言：JavaScript实现cc.Class({ extends: cc.Component, properties: { btnStart: cc.Button, //开始按钮 }, // LIFE-CYCLE CALLBACKS: onLoad () { //声明触摸时间变量

背景机型Android6.1.3、cocoscreator 版本 v2.1.2报错信息截图:检测即解决步骤1、项目代码全局搜索 setTargetAtTime 和 AudioParam这两个变量或函数，未发现。怀疑可能是引擎层面的问题。2、关键词 AudioParam 怀疑是引擎的声音模块报错3、关闭游戏声音，发现游戏能正常运行。所以，基本确定是声音引起的报错。4、在cocoscreator右上方，点击“编辑器目录”按钮，打开引擎文件夹。截图如下：5、我这里是用vscode打开的engin

背景最近游戏开发进度有些超前了，预估未来三天之内不会有什么太忙的事情。于是看起了某多多，斥巨资5块8毛钱买的web前端开发教学视频。虽然自己是做H5游戏开发的，但是每次发布生成的入口文件中都会有.html、.css等游戏入口和样式文件。虽说随着工作时间的拉长，对于这两个文件的了解，可以说足以应付开发所需，但总觉得不够完善和系统化。于是有了这篇文章~网站图标什么是网站图标网站图标其实就是我们在浏览器打开某个网页后，导航栏title旁边所显示的小图片。比如你打开百度翻译页面：如何制作H5游戏网站图标

解决方法1、方法及其简单，只需在打包后的index.html文件的头部viewport行加入viewport-fit=cover即可。截图展示如下:可复制粘贴代码如下：<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">至此，问题解决完毕。...

需求背景现需要开发一款H5小游戏，植入到直播类app里面，让用户看直播的同时可以玩H5小游戏。游戏场景只暂用手机屏幕的半个屏（下半屏）。引擎版本cocoscreator v2.1.2实现步骤1、首先设置主场景摄像机用于清屏的背景色为透明，在主场景所挂载脚本的onLoad()方法中加入该段代码：onLoad () { cc.Camera.main.backgroundColor = new cc.Color(0, 0, 0, 0);}2、发布web包成功后，修改main.js和style-mo

背景最近刚换工作，电脑开发环境都要重新安装配置一番，在建立好新项目后，很自然流畅的把creator顶部导航栏里面的开发者->VS Code工作流->****里面的所有选项快速点了一遍。自认为很帅，结果悲催的发现打开vscode编辑器后，智能提示功能没了、没办法通过ctrl跳转引擎开发文档查看API接口。经过论坛一顿搜，总结如下：失败原因首先，我是用js语言开发，但却在creato...

示例代码前言：本代码用JS语言书写，适用于短链接请求(即接口请求)，可直接拿用。之前都是在别人搭建的网络请求下工作，这是第一份自己的网络接口请求封装，写的不好的地方还望谅解和留言指出。websocket长连接后面如果有机会，会更新分享出来。对Promise对象不熟悉的同学，可以移步我的另一篇文章https://blog.csdn.net/Mr_JiaTao/article/details/103...

cocoscreator截屏分享背景公司是做电商的，新年将近，运营部预模仿某宝集福卡模式出一款集福卡小游戏，由H5游戏开发人员(也就是本人)完成并提供游戏入口链接交由运营人员配置。其中不免会涉及到分享功能，链接分享和海报分享。由于公司之前没有往app中内嵌过H5类型小游戏，原生这边留下的图片分享是针对于H5网页的，我这边在接入截屏分享的时候则出现了白屏的情况，界面上的图像和文字资源没有截取...

背景随着工作时间拉长和经手项目增多，代码规范性和严谨性越来越被自己重视起来。近期在做集福卡的时候，由于跟服务器对接的接口较多，在调试接口的期间代码里添加了不少日志打印信息(console.log)，以至于在项目正式上线前，花了一部分时间去关闭一些不必要的调试信息。可能有些网友会说，直接全局搜索，在console前加注释符号//，当然这也是一个办法，但总有一些个别的日志信息需要保留一下，或者一旦出...