- 博客(47)
- 资源 (12)
- 收藏
- 关注
RSS订阅
原创 Cocos Creator 打包WebMobile，实现资源代码分离，部署 cdn
前言CDN是什么CDN （Content Delivery Network or Content Ddistribute Network）内容分发网络。其目的是使用户可就近取得所需内容，解决 Internet网络拥挤的状况，提高用户访问网站的响应速度。类似分布各地的物流仓储网络，CDN网络可以将源站的内容缓存到分布全球的CDN节点，根据用户的访问IP，就近连接CDN，提高网站响应速度。一般的网站只有一台或一组服务器，用户访问站点时请求需要跨越复杂的路由链路，抵达网站服务器，经过tcp三次握手建立连接，
2021-05-20 10:05:49
2747
转载 Cocos Creator - 塞尔达的3D渲染风格，能在小游戏跑起来？
塞尔达的3D渲染风格，能在小游戏跑起来？渲染系统作为游戏引擎的核心模块，是引擎画面表现力的天花板，直接决定了游戏所能输出给玩家的内容上限。Cocos Creator 3.x 的渲染系统，从架构到设计都是以面向未来、高性能、跨平台为目标，支持开发者制作出更加精致的游戏画面。新版本 Cocos Creator 3.1 已发布，欢迎大家前往下载体验！近日引擎渲染组使用 Cocos Creator 3.1，参考塞尔达/原神的吉卜力（Ghibli） 卡通渲染风格做了有趣的尝试，大家先看一段编辑器里的操作视频：[
2021-05-19 10:37:35
1054
转载 保姆级 Git 入门教程，10000 字详解
前言Git简介实用主义深入探索总结参考资料Git简介Git 是一种分布式版本控制系统，它可以不受网络连接的限制，加上其它众多优点，目前已经成为程序开发人员做项目版本管理时的首选，非开发人员也可以用 Git 来做自己的文档版本管理工具。大概是大二的时候开始接触和使用Git，从一开始的零接触到现在的重度依赖，真是感叹 Git 的强大。Git 的api很多，但其实平时项目中90%的需求都只需要用到几个基本的功能即可，所以本文将从 实用主义 和 深入探索 2个方面去谈谈如何在项目中使用 Git.
2021-05-18 09:46:53
120
原创 Cocos Creator 封装圆周动作
文章目录前言一、先上效果图？二、设计思路三、实现1. moveCircleBy2. moveCircleTo四、使用1.引入moveCircle.js 到cocos creator设置为插件2.具体使用总结前言cocos creator内封装了很多方便使用的动作供大家使用,例如moveBy、moveTo、rotateBy、rotateTo等,但是也有一些特殊的动作没法实现,比如本文即将展现给大家的圆周运动。一、先上效果图？二、设计思路 // 圆周运动继承于cc.ActionInterv
2020-12-18 10:45:51
1398
5
原创 贪吃蛇设计与实现
设计贪吃蛇游戏是一款休闲益智类游戏。既简单又耐玩。该游戏通过控制蛇头方向吃蛋，从而使得蛇变得越来越长。玩法：点击屏幕控制蛇的移动方向，寻找吃的东西，每吃一口就能得到一定的积分，而且蛇的身子会越吃越长，身子越长玩的难度就越大，不能咬到自己的身体，更不能咬自己的尾巴，等到了一定的分数，游戏胜利。设计：首先需要创建一个棋盘，然后需要生成一条贪吃蛇，接着随机生成食物。每当蛇吃到食物的时候，随机生成新的食物，蛇头吃到自己的身体的时候游戏结束。棋盘设计：元素 ：行数，列数，基础细胞（可表现为空，食物，蛇身
2020-09-16 14:42:11
1114
原创 Cocos Creator 分帧加载(js - schedule)
效果loadingFrame.jscc.Class({ extends: cc.Component, properties: { hello: cc.Prefab, content: cc.Node, mask: cc.Node, // animation: cc.Animation, }, onLoad() { this.mask.active = false; // t
2020-08-06 18:11:10
1723
转载 VSCode 同步全部配置
安装扩展插件在VSCode扩展商店中搜索“Settings Sync”并安装，安装完后，可以重启一下VSCode（可以不重启）。上传配置1、在VSCode程序中任意位置使用快捷键“Ctrl+Shift+P”，输入 sync，点击 Sync: Upload / Update Settings2、首次使用快捷键“Ctrl+Alt+U”可以跳转到sync扩展的如下图配置页面，点击图中标注的按钮，跳转至GITHUB登录授权页3、正常只要你默认的浏览器登录了github，他会自动跳转授权页面，没有登录
2021-12-04 17:49:55
2511
原创 creator 发布web时，打开本地图片
效果图基础知识FileReaderHTML5定义了FileReader作为文件API的重要成员用于读取文件，根据W3C的定义，FileReader接口提供了读取文件的方法和包含读取结果的事件模型。检测浏览器对FileReader的支持 if(window.FileReader) { let fr = new FileReader(); // add your code here } else { alert('不支持你的浏览器！！！'); }调用FileRe
2021-11-25 10:32:11
2647
原创 https 网站不显示无法访问 http 处理方法
问题如果在 https 协议的页面中加载了 http 资源，浏览器将认为这是不安全的，会默认阻止，会带来资源不全的问题。比如：图片无法显示，样式无法加载，JS 无法加载。如果页面关键资源均为 http 协议，所有的操作、请求都将无效。报错Mixed Content: The page at 'https://xxxx.com' was loaded over https, but requested an insecure script 'http://xyz.com', this request
2021-11-24 13:05:24
8125
转载 常见逻辑结构总结
数组数组的认识概念数组同链表一样，也是数据呈线性排列的一种数据结构。优点访问数据简单缺点添加和删除数据比较耗时特点数组的形式如图所示，a是数组的名字,[]中的数字表示该数据是数组中的第几个数据(数组下标)数组在内存中的存储如图所示，数据会按顺序存储在内存的连续空间内。数组的访问由于数据是存储在连续空间内，所以每个数据的内存地址都可以通过数组下标算出，我们就可以通过下标直接访问目标数据(随机访问)。比如我们要访问Red，如果使用指针就只能从头开始
2021-09-08 15:51:55
560
转载 前端该如何学习数据结构和算法？
前端如何学习数据结构与算法????生命不是要超越别人，而是要超越自己。前言算法是必须掌握的一门本领。算法也是一种思想，当你去读一些优秀框架的源码，如果对算法和数据结构一无所知，读起来很困难，你无法理解人家为什么要那样写，那样写的好处是什么，接下来就跟大家分享下作为一个前端程序员，如何学习数据结构与算法。后续将持续更新与算法相关的文章，分享自己所学以及踩的各种坑，欢迎各位感兴趣的开发者持续关注????什么是算法算法就是计算或者解决问题的步骤，算法与程序有些相似，区别在于程序是以计算机能够理解的
2021-09-08 14:48:11
243
转载 TypeScript 实现 Map 与 HashMap
前言字典(Map)与散列表(HashMap)是一种采用[键(key)，值(value)]对的形式来存储数据的数据结构。本文将详细讲解字典与散列表的实现思路并使用TypeScript将其实现，欢迎各位感兴趣的前端开发者阅读本文。实现思路字典与散列表存储数据的方式是键值对的形式来存储，因此我们可以使用JavaScript中的对象来实现。字典的实现字典通过键值对的形式来存储数据，它的键是字符串类型，调用者传的key是什么，它的键就是什么。一个完整的字典类需要具备：判断一个键是否在字典中、向字典中添.
2021-09-08 13:41:09
1646
转载 Cocos Creator 2.x 实现背景模糊效果
先上效果图：游戏中经常会用到背景模糊的效果来凸显某个元素。在Cocos Creator 2.x版本可以，使用材质和shader来实现模糊效果；使用targetTexture 来实现截图。通俗来说就是先截取当前屏幕，然后应用到 Sprite 上,在使用 shader 进行模糊处理。不了解targetTexture的同学可以参考: Cocos Creator 截图不了解高斯模糊的同学可以参考：高斯模糊如果你想使用其他效果,也可以手动替换 shader来实现不同的效果。源码: Gitee...
2021-09-07 14:57:54
1522
转载 Cocos Creator Effect 高斯模糊 (带算法)
通常，图像处理软件会提供”模糊”（blur）滤镜，使图片产生模糊的效果。“模糊”的算法有很多种，其中有一种叫做”高斯模糊“（Gaussian Blur）。它将正态分布（又名”高斯分布”）用于图像处理。本文介绍”高斯模糊”的算法，你会看到这是一个非常简单易懂的算法。本质上，它是一种数据平滑技术（data smoothing），适用于多个场合，图像处理恰好提供了一个直观的应用实例。一、高斯模糊的原理所谓”模糊”，可以理解成每一个像素都取周边像素的平均值。上图中，2是中间点，周边点都是1。“中
2021-09-07 11:11:11
6696
2
原创 Cocos Creator 3.x 弃用 cc 全局变量 解决方案
使用Cocos Creator 3.x 版本的朋友,都会发现文档里这样一条信息。对于一直在使用 2.x 的我来说，有点不太习惯。不过还好有解决方案，而且这样使用相比较以前来说，不会污染全局变量。解决方案: // 可以这样引用一下 import * as cc from 'cc';...
2021-08-30 10:54:31
7317
转载 2021 年最流行的 10 款 VSCode 扩展
VisualStudio Code是开发者社区最流行的一款编辑器。理由之一就是VSCode有许多扩展，可以提高开发的效率。在本文中，我们将介绍每一位开发人员都应该了解的10款VSCode扩展。Auto Rename TagAutoRename Tag是一款面向Web开发人员的VSCode扩展。顾名思义，Auto Rename Tag可以在一个标签更改时自动更新另一个标签：这款扩展不仅可以在HTML中使用，也可用于React，因为React使用了JSX：上述示例中标签内只有一个文本，但是在真
2021-08-04 09:08:40
2420
1
原创 Cocos Creator 3D 必懂知识(点乘、叉乘)
向量的内积（点乘）定义概括地说，向量的内积（点乘/数量积）。对两个向量执行点乘运算，就是对这两个向量对应位一一相乘之后求和的操作，如下所示，对于向量a和向量b： a和b的点积公式为：这里要求一维向量a和向量b的行列数相同。注意：点乘的结果是一个标量(数量而不是向量)定义：两个向量a与b的内积为 a·b = |a||b|cos∠(a, b)，特别地，0·a =a·0 = 0；若a，b是非零向量，则a与b****正交的充要条件是a·b = 0。向量内积的性质：a^2 ≥ 0；当a^2 = 0
2021-07-12 17:13:47
2229
2
转载 Cocos Creator 预制体(Prefab) - 生命周期详解
说明本文章适用于2.4.x版本的介绍，另外部分逻辑例如start或者enable的调用关系在编辑器或者其他运行环境下可能存在差异，建议大家自行去看源码！创建可通过拖拉场景内节点到文件目录上生成一个预制体文件（下文中以prefab简称）。prefab相当于之前 cocosbuilder 中的 ccb 或者 flash 中的库元件。prefab支持组件化，每个prefab都有一个根节点，根节点上可能会挂载对应的子节点，节点上可以挂载对应的组件。所有的组件均继承自cc.component。导出
2021-07-09 10:10:04
3787
转载 Cocos Creator 五个技巧让你程序卡起来！一般人我不告诉他的卡顿秘籍！
分享几个可以让你的cocos creator 程序卡起来的方法，自己在平时项目中也经常用到 ！ 频繁使用 add / remove 操作创建多个 node节点时，一次性调用 addChild ，绝对不要分批添加。要更新一个节点时，重新创建再 addChild ，并把旧的节点 remove ，拒绝使用缓冲池。需要的都重新创建，并删除旧的节点。尤其是在一个巨型的滚动列表，一定要一次全部创建添加，不要滚动复用。有新数据更新时，全删了，再创建新的，绝对完美！使用大量的系统字体字体一定都要使用系统字体，T
2021-06-10 11:50:40
1895
原创 Cocos Creator 3.x 3D点击事件 - 射线检测
知识点射线检测是什么？射线检测是非常重要的功能，常常用来判断各种情况。其本质是对一条射线和另一个形状进行 相交性判断，如下图所示。射线检测怎么使用？构造射线首先 引入 geometry 模块，import { geometry } from 'cc';然后 设置起点和方向，常见方法一、通过 起点 + 方向，ray 的构造函数或静态接口 create import { geometry } from 'cc'; const { ray } = geometry; // 构造一条从（0
2021-05-27 10:30:01
2328
原创 Cocos Creator 3.x 类型报错
前言Cocos Creator 升级到 v3版本后，脚本只能使用TS，很多人表示不习惯，经常会有报错提示，其实是v3版本使用TS语言更加严格，加强了校验导致的。接下来进入正题：如何优美的解决Cocos Creator v3 类型报错问题。错误展示延续 v2 版本写法，以上两种写法都会提示 不能将类型“null”分配给类型“Node”；解决方法一、初始化使用非空断言在初始化时，做非空断言（感叹号 ! 称作 非空断言操作符，它断言前面的表达式是非空的。注意此感叹号是 TypeScript 特
2021-05-26 17:54:47
835
原创 Cocos Creator 节点截图（分层截图）
原理： 摄像机 + RenderTexture目标平台：Cocos Creator 2.4.x附加：摄像机属性backgroundColor：背景颜色，当指定了摄像机需要清除颜色的时候，摄像机会使用设定的背景色来清除场景。特别提醒一下，可以设置为透明 cc.Color.TRANSPARENT；depth：深度，用于决定摄像机的渲染顺序。值越大，则摄像机越晚被渲染；cullingMask：渲染分组选择 ，number类型，默认值 0xffffffff。用于决定摄像机渲染场景的哪些部分。
2021-05-25 17:06:56
2279
原创 JavaScript 技巧持续记录
1.转换为数字一元+运算符+"42" // 42+true // 1+false // 0+null // 0其他 Number(value)、parseInt()、parseFloat等2.管理对象解构允许我们从对象中提取数据，并将提取的数据分配给变量const rectangle = { h: 100, w: 200 };const { h, w } = rectangle;重命名变量const { h: height, w: width} = rectangle;c
2021-05-25 11:16:03
2190
1
原创 问题记录 - 进入游戏首次点击卡死（浏览器）
Cocos Creator版本： 2.4.x (其他版本未知)目标平台： Android Webview（ 腾讯X5内核）真机调试信息： EGL_adreno: eglMakeCurrent: 0x8f60e9a0: ver 3 0;(查了一下：大概是底层渲染部分报的信息)问题描述： 进入游戏后，首次点击，webview界面卡死，部分手机必现。疑似原因： 界面加载完成后，首次点击时，会触发浏览器全屏。但是部分浏览器不能适配全屏操作，导致卡死。解决方法： 注释打包后的 mai..
2021-05-17 14:11:09
261
1
原创 Cocos Creator 日历
效果图部分重要代码对于日历实现没有什么难度,需要说的就是 定义三个全局属性,分别是 **显示模式:**年、月、日 三种; 当前日期: 即现在的日期; 选择日期: 即页面上选择的日期;然后分别实现日(天),月,年.尽量复用组件.比如月组件实现可重复利用日组件,年组件实现可重复利用月组件.具体实现看完整代码:除此之外实现了一个格式化日期的脚本 DatePlus.tsexport default class DatePlus { // 日期 private date: Date; public
2021-04-15 14:27:00
3002
1
转载 Cocos Creator 系统碰撞检测
碰撞组件矩形:圆形:多边形属性:属性解释Editing是否开启编辑Tag标签,用于区分碰撞组件Offset相对于节点的偏移位置Size矩形碰撞组件的大小Radius圆形碰撞组件的半径Points多边形碰撞组件的顶点坐标集合接口:// 开启碰撞检测，默认关闭cc.director.getCollisionManager().enabled = true;// 开启碰撞检测范围的绘制cc.director.ge
2021-04-15 13:40:08
618
转载 Cocos Creator 源码解读：引擎启动与主循环
前言 预备 不知道你有没有想过，假如把游戏世界比作一辆汽车，那么这辆“汽车”是如何启动，又是如何持续运转的呢？ 如题，本文的内容主要为 Cocos Creator 引擎的启动流程和主循环。 而在主循环的内容中还会涉及到：组件的生命周期和计时器、缓动系统、动画系统和物...
2021-04-14 11:22:50
296
转载 Cocos Creator 引擎启动流程
index.htmlindex.html 文件中，主要定义了游戏启动页面的布局显示，并且还有一段立即执行的脚本代码。这里截取文件中一部分比较关键的代码：// 加载引擎脚本loadScript(debug ? 'cocos2d-js.js' : 'cocos2d-js-min.ec334.js', function () { // 是否开启了物理系统？ if (CC_PHYSICS_BUILTIN || CC_PHYSICS_CANNON) { // 加载物理系统脚本并启
2021-04-13 17:38:29
1140
转载 Cocos Creator - 动态合图(dynamicAtlasManager)
步骤Cocos Creator - 动态合图(dynamicAtlasManager)前言启用、禁用动态合图贴图限制支持定制的渲染组件调试总结Cocos Creator - 动态合图(dynamicAtlasManager)前言降低 DrawCall 是提升游戏渲染效率一个非常直接有效的办法，而两个 DrawCall 是否可以合并为一个 DrawCall 的其中一个重要因素就是这两个 DrawCall 是否使用了同一张贴图。因此 Cocos Creator 提供了在项目构建时的静态合图方法—— 自动
2021-04-13 11:35:14
1939
原创 Cocos Creator 生命周期
生命周期回调Cocos Creator 为组件脚本提供了生命周期的回调函数。用户只要定义特定的回调函数，Creator 就会在特定的时期自动执行相关脚本，用户不需要手工调用它们。目前提供给用户的生命周期回调函数主要有：onLoadstartupdatelateUpdateonDestroyonEnableonDisableonLoad组件脚本的初始化阶段，我们提供了 onLoad 回调函数。onLoad 回调会在节点首次激活时触发，比如所在的场景被载入，或者所在节点被激活的情况下。
2021-04-01 09:38:17
1941
原创 Hiero v5 - Bitmap Font Tool
介绍在 LibGDX 中使用位图字体（BitmapFont）的方式渲染文本。BitmapFont 字体使用一张静态图片来提供文本字符的显示（以一张小图表示一个字符，本质上其实是绘制图片）。LibGDX 提供了一个创建位图字体文件的工具，即 Hiero。Hiero 使用标准 JavaSE 编写，在各个平台安装 JDK 后均可运行。本文最后提供Hiero的下载地址。环境必须安装java环境(JDK)后,才可使用。使用使用方法比较简单:选择Font(字体,可选择本地字体)，设置字体大小，加粗，斜体
2021-03-25 16:10:35
515
转载 游戏优化 | JavaScript 垃圾回收
前言 - 减少垃圾回收的必要性对于用 JavaScript 开发的 HTML5 游戏来说，垃圾回收暂停会严重阻碍游戏的流畅体验。JavaScript 并没有提供显式的内存管理机制，这就意味着你能创建对象但是并不能释放他们。浏览器迟早需要清理这些对象，一旦开始清理，就意味着当前执行的任务必须暂停，浏览器必须计算出哪一部分内存正在使用中，从而释放其他没有使用的内容所占用的内存空间。 浏览器开发者在实现浏览器的过程中，就使用了许多技术来减少垃圾回收暂停，但是如果你的代码创建了非常多的内存垃圾，浏览器仍然不
2021-02-23 17:20:11
99
原创 Cocos Creator 点击效果封装( 点击/双击/长按)
文章目录前言一、设计二、代码属性构造函数开启触摸监听事件更新函数三、使用1.具体使用总结前言做游戏时,大家经常会使用到双击、长按等效果。但是游戏引擎仅仅实现了点击、触摸等，为此我将个人封装的效果共享出来供大家使用。一、设计定义单击开关、双击开关、长按开关，以及最长点击间隔时间、最短触摸响应时间和对应的响应事件(单击事件、双击事件、长按事件) 。开启触摸监听;具体判断二、代码属性 /* ----- ----- ----- 定义 ----- ----- ----- */
2020-12-23 17:50:03
1088
原创 Cocos Creator 3.0 调试类解析(2.x 类似)
导演类// ----- 常用 -----// 预加载场景cc.director.preloadScene(sceneName,function () { cc.log("预加载资源完成!");});// 加载跳转场景cc.director.loadScene(sceneName,function () { cc.log("加载资源完成!");});// 获取当前场景cc.director.getScene();// 获取游戏是否处于暂停状态cc.director.isP
2020-08-03 10:43:53
463
原创 javaScript遍历对象/数组小结
javaScript遍历对象总结1、使用Object.keys()遍历 返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性).var obj = {'0':'a','1':'b','2':'c'};Object.keys(obj).forEach(function(key){ console.log(key,obj[key]);});2、使用...
2020-04-13 13:38:33
112
转载 Cocos Creator性能调优优化集锦
Cocos Creator性能调优优化集锦一、 为什么要做性能优化？性能：是一种优秀的能力。唤醒快、运行持久、稳定。这种能力在游戏上能让你的用户感觉很爽，表征表现为加载快，手机不发热，运行流畅，不卡顿。所以，性能优化的终极目标是，让你的用户感觉很爽，当然这种爽你不能以牺牲自己为代价，要考虑成本和副作用（总不能频繁使用伟哥对吧）。我们要优化性能，首先要搞明白是哪些因素会影响性能？是体力不行就得加强...
2020-03-12 17:05:02
1563
原创 Cocos creator（JavaScript）- 简单实现连线小游戏
步骤效果实现思路效果实现思路 * 游戏结束标志:所有灯被点亮,即所有灯均连接到电源. * 3种思路 * * 第一种: 从电源出发依次查找电线通过的路,直到发现灯为止. * 第二种: 从灯出发依次查找电线通过的路,直到发现电源为止. * 第三种: 从点击位置电线出发,分别查找灯与电源,直到电源与灯都被找到. * * 因为要实现与电源连通的线变为绿色,故 * 下文使用第1种...
2020-03-12 16:54:28
2648
原创 彻底理解基本排序算法(js实现)
排序算法冒泡排序冒泡排序 优化选择排序插入排序折半排序 - 插入排序优化版希尔排序 - 插入排序优化版归并排序快速排序堆排序基数排序桶排序 - 计数排序的升级版基数排序冒泡排序最基本的排序算法之一. /** * 冒泡排序 * 依次比较所有相邻元素,前边值大于后边值就交换.第一遍将最大值放到最后一位, * 第二遍,将第二大的值放到倒数第二位置,重复上面步骤直到...
2020-03-03 19:01:13
154
原创 Cocos Creator（JavaScript）+pomelo简单测试
步骤简介源码结构介绍安装Pomelo需要的环境支持1. NodeJS（建议使用V0.10.35,最新版本可能报错）2. C++编译环境(直接安装VS)3. Python（建议使用2.7.3,最好使用3.0以下）安装Pomelo创建项目（可省略 使用下载的项目）简介本文讲述如何实现一个简易的分布式聊天应用。为了简单化，我们将直接从gitee(码云)上获取对应的源码，或者先使用pomelo ini...
2020-02-21 00:12:43
1564
转载 解决报错TypeError: ParserIncomingMessage is not a constructor
步骤bug报错如下：复现代码:去掉 once调用也一样:解决方法bug报错如下：TypeError: ParserIncomingMessage is not a constructorat HTTPParser.parserOnHeadersComplete (_http_common.js:81:21)at socketOnData (_http_server.js:470:20)a...
2020-02-20 11:18:50
513
web-open-image-file.zip
2021-11-25
blur-mask.zip
2021-09-07
cocos creator 圆周运动封装 Demo
2020-12-18
snake(贪吃蛇设计与实现)
2020-09-16
nodejs_12.15.0.7z
2020-02-21
vc2010Express.7z
2020-02-21
python-2.7.x-x64.7z
2020-02-20
qrcode.js(QRCode for JavaScript)
2020-01-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人