自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(104)
  • 收藏
  • 关注

原创 Box2d 物理画线,Cocos Creator 3.8

一个简易的画线刚体Demo效果抱歉,放错图了,以上是 孙二喵 iwae https://forum.cocos.org/t/topic/142673[1] 的效果图。本Demo是根据文章的思路,合成的代码。首先,感谢孙二喵的技术分享。以下是最终效果图使用版本 Cocos Creator 3.8.1创建一个 Empty(2D) 项目保存场景,新建一个 Game.ts 脚本,把代码复制进去(代码在最后...

2023-11-04 10:24:54 251

原创 Cocos Creator 中使用装饰器进行自动绑定

推荐一个偷懒的方式,使用装饰器自动绑定节点到脚本的属性背景用 Cocos Creator 写脚本组件的时候,有时需要场景中一个节点作为这个脚本的属性值。按照官方文档推荐的方法,需要以下两步添加一个 @property 属性,在场景中拖入这个节点。为了省去场景中的拖拽,也有这样写法添加属性getChildByName当属性多了,就要写一排相似的代码使用环境Cocos Creator 3.8.1只是为...

2023-10-28 20:48:15 334

原创 渲染颜色透明度异常分析 Unity RenderTexture

解决 Unity Canvas 相机 RenderTarget 渲染颜色透明度异常的问题问题重现场景新建一个 Canvas-RT , Canvas Render Mode 改为 Screen Space - Camera 。为 Canvas-RT 添加一个 RawImage-Origin 对象,修改颜色透明度为 120 。修改 Camera-RT 中的 Target Texture , 改为 RT...

2023-07-02 12:04:23 545

原创 益智3D小游戏技术分享,立方体数字 Cube Digits,Cocos Creator 3.7.1

最近开发了一款益智3D小游戏,分享其中的一些技术实现~效果视频可以参考实现效果与技术讲解的视频[1],介绍了如何创建获取项目[2],编辑关卡,以及一些技术实现。玩法当你滚动你的立方体时,你会遇到其他带有数字的立方体,你可以加、减或乘以匹配最终立方体上的数字。体验可直接进入微信小游戏【 不停歇的球】体验~环境引擎版本:Cocos Creator 3.7.1编程语言:TypeScript技术要点关卡编...

2023-03-27 10:49:46 375

原创 截图!长按保存分享!Cocos Creator

一种3D截图方案背景参考 TRUE SPACE with Cocos 技术分享[1]中的动态生成海报的介绍,以及作者的支持。实现一个长按保存分享截图的方案。效果在微信浏览器中预览效果如下环境Cocos Creator 3.7.1Web 浏览器原理原作者讲的非常清楚,只需要按照以下步骤实现即可。3D相机生成一个RT 赋予给2D精灵摆上一些二维码等UIUI相机再生成一张RT读取RT中的数据,传给 c...

2023-03-10 13:38:09 543

原创 3DUI Cocos Creator

分享一个小组件,实现3DUI~效果使用效果、步骤、原理见视频[1]环境Cocos Creator 3.7.1原理UI相机生成一张RT,动态计算UV生成四方形网格步骤层级相机材质组件代码import{_decorator,Component,Node,Camera,RenderTexture,view,UITransform,MeshRenderer,primitives,ut...

2023-03-09 12:37:30 350

原创 三渲二 Cocos Creator

分享把3D动画输出成序列帧图片的一种方法,希望对大家有所帮助,代码工程将整理到 Cocos 论坛。实现效果配置环境Cocos Creator 3.6.2 编辑器Chrome 浏览器实现原理相机渲染成一张纹理读取纹理数据传给 Canvas 绘制Canvas 生成纹理数据传给 HTML<a>标签步骤将动画的模型放入场景中调整相机视角,修改相机参数引入脚本组件,填充参数讲解视频https...

2023-02-08 12:14:11 268

原创 零代码实现面片效果(UV滚动,帧动画) Cocos Creator

一种在3D场景中布置简易面片动画的方法。例如字幕滚动,帧动画,UV流动效果。实现效果开发环境Cocos Creator 3.6.2 编辑器。实现步骤实现的方式是用动画组件修改四方形网格材质中的tilingOffset1.在场景中新建一个3d对象四方形2.新建一个材质,并使用贴图3.为节点添加动画组件4.编辑节点动画组件详细步骤操作见以下视频视频讲解https://www.bilibili.com...

2023-02-06 10:57:00 433

原创 如何快速升级 Cocos Shader 版本,以简易水shader为例

白背景讲述如何 将一份 3.0.0 版本的水shader 升级至 Cocos Creator 3.6 。希望对大家有所帮助。环境Cocos Creator 3.6.2效果玉此处是鱼????,介绍如何使用在资源管理器中新建着色器(Effect)复制 文末的mywater.effect代码至当前文件在资源管理器中新建材质选择材质的着色器在场景中创建平面让平面使用水的材质为材质上贴图调整材质参数可以根据预...

2023-01-16 15:10:46 604

原创 游戏开发资料合集,2022年版

整理白玉无冰写过的文章,录过的视频自我介绍先简单介绍一下公众号的由来,在社区逛论坛之后,加入一个群后开始写文的。????2020年5月录了个音介绍公众号????,现在听起来还是很青涩~????相遇????。怎么会入行游戏行业呢?2012年高考填志愿的时候选择了就业前景好的软件工程,在大学第一次接触了编程。大一触控来学校开了游戏开发的课程,再加上大三参与了实训课游戏开发,再再加上实习找到工作也是游戏开发,就一直进行游戏开发...

2023-01-09 20:39:16 401

原创 【3D游戏基础】蒙皮骨骼动画与骨架

效果目标!画出蒙皮动画的骨架。视频https://www.bilibili.com/video/BV1pM411m7YwPPThttps://zfxdvouj61.feishu.cn/file/boxcnwgESO6zdQetO7oNhKboNsd以下为PPT文字稿,建议还是看视频讲讲自己对蒙皮骨骼动画的理解,并在 Cocos Creator 3.6 中绘制出骨架~希望对大家有帮助~这是我们今天实...

2022-12-27 17:06:08 1004

原创 让编辑器显示场景内的相机视角

环境Cocos Creator 3.6.2步骤将下面的脚本放入项目中//EditorCamerHelper.tsimport { _decorator, Component, Camera, log, Node } from 'cc';import { EDITOR } from 'cc/env';const { ccclass, property, executeInEditMode } ...

2022-12-16 22:00:20 182

原创 相机跟随之轨道控制器

效果长按鼠标右键,旋转视角。鼠标滚轮,缩放视角。长按鼠标中键,平移视角。如果你对这个模型感觉很熟悉,你肯定没看错,这是 threejs 中的 exampleshttps://threejs.org/examples/#webgl_animation_keyframes咱们就是从中借鉴(CCVV)出的代码,在抄的时候,感受其中的思路与思想,本文的重点就是分享其中的要领与精髓。在此,感谢开源者们与模型...

2022-11-17 18:16:02 555

原创 微信云开发被释放了,重新写了个足球游戏

背景不停歇的球是在2019年年底开发上线的,详细的技术细节见下面这篇文章。为何你的弹球如丝般顺滑?不停歇的球!技术分享!源码相送!其中微信小游戏的总排行榜和用户数据的存储,采用的是微信云开发中的云函数和数据库。但是最近微信云收费了,无法再进行游戏了。刚好最近有足球比赛,于是,在网上体验了一些足球相关的小游戏,找了其中的一款并复刻!重新上线!实现拿到的资源都是2d资源,采用的实现方式是用3D物理模拟...

2022-11-11 20:48:46 637

原创 Rokid Air AR 眼镜 && Cocos Creator XR 开发笔记

开发前准备硬件设备Rokid Air 眼镜:https://air.rokid.com/支持进入AR模式的 Android 手机:https://air.rokid.com/userguide软件Rokid Air App :在Rokid Air app 1.9.1版本上有部分不兼容问题,请确认不要使用此版本的Rokid Air app进行调试和发布,之前的版本和1.9.2或以后的版本将不受影响;...

2022-10-22 03:52:54 1382 1

原创 矩阵重启,你就是MVP

The Matrix Resurrections前言这是白玉无冰记录3D数学第三篇章,矩阵!往期目录如下:➡️【坐标系】➡️【向量】➡️【四元数】在开始唠嗑前,先简单介绍一下标题与配图的含...

2022-02-23 08:45:00 477

原创 getLocation 与 getUILocation

傻傻分不清,只好自己去看清!游戏开发中少不了触摸操作,在 Cocos Creator 3.x 中触摸事件中有 getLocation 和 getUILocation 这两个方法,刚开始看到...

2022-01-28 08:45:00 3851

原创 2021年小结

整理2021年发过的文章前言这是白玉无冰第三篇年度合集文章整理。➡️【2020年】➡️【2019年】2020年一共发布了47篇原创内容,2021年一共发布了16篇原创内容,同比负增长65....

2022-01-04 08:45:00 289

原创 3D数学基础(二)| 向量

3D数学基础:图形与游戏开发前言这是白玉无冰记录3D数学第二篇章,向量!往期目录如下:3D数学基础(一) | 坐标系在写之前,白玉无冰一直在思考如何去讲述向量,思来想去,还是以实际问题例子...

2021-12-29 08:45:00 2115

原创 3D数学基础(一) | 坐标系

《3D数学基础:图形与游戏开发》前言白玉无冰决定开一个新坑。再次重读《3D数学基础:图形与游戏开发》(第一版)。结合Cocos Creator 引擎及其他相关书籍,整理并记录一些笔记。开始...

2021-12-15 08:45:00 1848

原创 Regenerate Points 实现解析! Marching Squares !

编辑器里 Regenerate Points 功能怎么实现?节点动态加载了 spriteFrame ,怎么重新获取碰撞组件多边形顶点数组 points?背景在 Cocos Creator ...

2021-11-04 08:45:00 697

原创 关于泰勒公式展开

Taylor's Formula!最近看书,看到泰勒公式展开,对它没有太大的印象,于是写一篇文章,整理一下个人对泰勒公式的理解吧!先思考????一下,泰勒公式展开做的是什么?对于某个函数(如),...

2021-09-14 08:45:00 492

原创 写一个在线位图字体制作工具!BitmapFont!

简单易用,跨平台,20KB!效果效果预览:https://www.bilibili.com/video/BV1cf4y1H7Pa无论写代码还是写工具,都要明确输入与输出。输入:零碎的字体图...

2021-08-27 08:45:00 1207

原创 Canvas.toDataURL 用不了咋办?

只好自个 encode 了。事由是这样的,接到一个截图需求(以 base64 输出),但是在某个环境下,Canvas.toDataURL 这个接口返回的数据是错误的。为此,写一篇文章记录一...

2021-08-10 08:45:00 1462

原创 Fake3D && Depth Map && Cocos Creator Shader

让 2D 图像展示虚拟 3D 的效果。效果随着鼠标移动,一张2d图片表现出3d动态的效果。动图效果预览视频https://www.bilibili.com/video/BV1Xy4y1L...

2021-07-23 08:45:00 590 1

原创 MatCap && Cocos Creator Shader

在某些层面能替代PBR的次世代渲染方案。效果动图效果预览视频https://www.bilibili.com/video/BV1B64y147xc视频预览实现实现原理是,用一张特制的纹理图...

2021-07-17 15:45:00 311 1

原创 如何抄一个 Shader 到 Cocos Creator

保姆级手把手教学,从头开始写!效果效果预览:前言感谢大家的观看,感谢大家的点赞留言分享支持,感谢3D折纸效果的实现(视频+文字)中老板们的赞赏支持,非常感谢。3D折纸效果的赞赏时常有人问我...

2021-07-09 08:45:00 437 2

原创 3D折纸效果怎么实现?

Cocos Creator 3.0 演示与实现。效果效果预览:视频预览(视频号[白玉无冰]):https://www.bilibili.com/video/BV11U4y157cz前言开始...

2021-06-25 08:45:00 553

原创 水排序中的这个效果怎么实现?

Water Sort Puzzle!效果这次咱们来实现杯子倾斜中的水面效果。效果预览:视频预览:实现首先,简化模型,杯子当作长方形处理,仅考虑杯子旋转范围-90 ~ 90度。水面渲染可采用...

2021-06-08 08:45:00 1163 2

原创 转向行为! steering behaviors !

寻找 seek 避开 flee 到达 arrive 追逐 purse 躲避 evade 群落 flock !效果转向行为旨在通过使用简单的力来帮助自主角色以逼真的方式运动,这些简单的力结合...

2021-05-26 08:45:00 1264 1

原创 折纸效果! Cocos Creator 3.0

效果折纸效果实现整体思路思路遵循以下几步初始化一个多边形。折叠后分割成两个多边形。如果需要继续分割,对场上的所有多边形进行折叠,折叠出新的多边形的层级正好与原来的相反。整体思路所以,所有的...

2021-05-01 08:45:00 753 5

原创 如何让文本从右向左竖直布局?Cocos Creator 3.0

前言最近韭菜长的不错,公众号也有点长草了,出来割一波。割草逛论坛看到这么一个需求,有人想要圣旨一样布局的文本。问题于是白玉无冰梭哈一下,写了一个简易的组件供在座的各位参考。本字体组件支持(...

2021-03-02 08:45:00 705 1

原创 弹性跟随相机!3D入门教程!

默默地在背后关注她!前言在3d游戏中经常会用到镜头跟随效果,这次我们就来实现它!阅读本文需要一些的基本知识:向量基本运算(加法/减法/乘积)会调用四元数API接口运动学(速度/加速度/位...

2021-01-20 08:45:00 320

原创 一种入侵式的日志大法 !

@你想要的类,打印日志不再累!效果如何使用?在需要打印的类前加上这么一行@logClassFunc()。效果展示运行后,肉眼可见,执行的函数都添加了日志,格式为[类名] [函数名] [B...

2020-12-31 08:45:00 250 1

原创 Cocos Creator 3.0 教程! 标志板! Billboard !

用2D素材节省包体!节约性能!前言标志板是什么呢?billboard 英文翻译为广告牌,标志板和广告牌肯定会有不可告人的联系!广告牌的使命是什么?就是无论你在哪里,都要让你看到!标志板也...

2020-12-25 08:45:00 1617 1

原创 Cocos Creator 3.0 入门 ! 2D 素材 3D 效果!

用2D素材实现3D效果!前言好久没写教程笔记了,不知大伙是否想念教程了?温馨提示:所有内容纯属个人瞎玩研究,如要上线项目,请自行评估~ oh最近逛论坛,看到有一位小伙伴想实现下面这种透视...

2020-12-11 08:45:00 1942

原创 十年

人生已匆匆,来去皆自由 十年之前,我不认识你,十年之后...十年之期将至,总想写点什么????,并非干货,随便写点东西吧!2010每次见到你都有点尴尬,很想像同学之间打招呼那...

2020-11-28 03:08:41 124

原创 相遇

遇见她的时候是2013年大一上学期期末。初入大学的我规规矩矩,听说每个人毕业前都得修够一些学分,选修一些课程才能毕业。也不知是何原因,懵懵懂懂的我选择一门课,正是这门课中遇见了...

2020-11-26 01:24:45 144

原创 ​基础光照模型! Cocos Creator 2D 光照!

在2d中实现基础光照效果!文末查看完整项目前言本文主要讲的是最基础的光照模型(冯氏光照模型(Phong Lighting Model)),是一种光照的简化模型。请务必记住以下几个英文单词...

2020-11-12 08:45:00 1403 1

原创 四元数与3D旋转实例! Cocos Creator 3D Quternion !

用几个实用的例子带你理解四元数!文末获取完整项目!前言本文不会讲太多四元数公式的推导过程,重点讲讲几个接口的使用和个人理解。阅读本文可能需要一些前置的知识(但不限于这些知识点):向量 (...

2020-10-24 10:23:00 3793

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除