1.[3D游戏开发实践] Cocos Cyberpunk 源码解读-开篇
2.cocos creator 小游戏源码
3.[3D游戏开发实践] Cocos Cyberpunk 源码解读-目录结构
4.cocos教程?
[3D游戏开发实践] Cocos Cyberpunk 源码解读-开篇
Cocos Cyberpunk是数s数Cocos引擎官方团队精心打造的一款完整开源第三人称射击类3D游戏,旨在展示引擎的据库据库重度3D游戏制作能力,增强社区的源码学习动力。此游戏支持Web、数s数iOS、据库据库Android等多平台发布。源码泰国孕妇吃溯源码燕窝即食
本系列文章将对Cocos Cyberpunk的数s数源码进行深入解读,帮助读者提高学习效率,据库据库加速在3D游戏开发领域的源码进步。
如需获取源码,数s数请访问工程源码免费下载页面。据库据库
麒麟鸽,源码即我,数s数将在此系列文章中,据库据库分享如何在3D游戏开发过程中充分利用Cocos Cyberpunk的源码技术资产,包括但不限于:
完整TPS游戏核心
尽管角色控制尚有提升空间,Cocos Cyberpunk已具备完整的射击游戏逻辑,可作为学习资源或项目开发的基础。
机型适配机制
3D游戏对设备性能要求较高,Cocos Cyberpunk中实现了机型分档和性能开关策略,帮助开发者在不同设备上调整画质和保持帧率。
自定义管线
借助Cocos Creator 3.7提供的全新自定义管线,Cocos Cyberpunk实现了一个良好的隔离性解决方案,可直接复用或作为研究新管线的案例。
加强版反射探针
预先烘焙的反射探针,简化了物体反射周围景物的实现,且性能优化显著,是不可多得的实用特性。
静态遮挡剔除(PVS-SOC)
通过预存可见关系,Cocos Cyberpunk实现了快速渲染物体的机制,尤其适用于建筑密集的场景,显著提升了效率。
更多技术资产
考虑到时间有限,Cocos Cyberpunk中未使用光照探针和LOD,但未来我将寻找合适案例进行分享。我相信,此项目还蕴含更多技术宝藏等待挖掘。
在接下来的文章中,我将深入研究以上技术点,并与大家共同探讨学习,期望能为你的3D游戏开发之路提供助力。
cocos creator 小游戏源码
Cocos Creator小游戏的源码是不可直接提供的,因为源码的具体内容取决于开发者的实现和游戏的具体需求。
Cocos Creator是一款游戏开发工具,它允许开发者通过直观的编辑器和丰富的组件系统来创建游戏。源码,即源代码,是游戏程序的基础,包含了实现游戏功能和逻辑的uniapp系统源码具体指令。由于每个游戏的项目需求和设计思路都不同,因此Cocos Creator小游戏的源码也会因游戏而异。
在Cocos Creator中创建小游戏,开发者通常会先设计游戏场景、角色和交互逻辑。然后,利用Cocos Creator提供的脚本编辑功能,用JavaScript或TypeScript编写游戏逻辑。这些脚本文件就是游戏源码的一部分。例如,一个简单的点击游戏可能包含一个检测鼠标点击事件并更新分数的脚本。
为了更具体地说明,假设我们正在开发一个射击小游戏。在Cocos Creator中,我们会创建不同的场景来表示游戏的各个部分,如开始界面、游戏主界面和结束界面。对于每个场景,我们会添加相应的节点并为其编写脚本。这些脚本控制角色的移动、射击逻辑、碰撞检测以及分数计算等。所有这些脚本文件共同构成了游戏的源代码。
总的来说,Cocos Creator小游戏的源码是高度定制化的,它反映了开发者的创意和游戏设计的具体要求。由于源码的复杂性和多样性,无法直接提供一个通用的源码示例。然而,通过学习和实践Cocos Creator的官方教程和社区资源,开发者可以逐步掌握如何编写和优化自己的游戏源码。
[3D游戏开发实践] Cocos Cyberpunk 源码解读-目录结构
在深入解读Cocos Cyberpunk源码之前,首先,让我们打开scene-game-start场景,启动游戏预览,进入游戏场景。点击START按钮,游戏正式开始。漫游摄像机将带你漫游整个场景,再次点击START,可以进入游戏。
在电脑端按ESC键或手机端点击设置按钮,查看操作说明。接下来,让我们浏览Cocos Cyberpunk项目的目录结构。在左下角的Assets窗口中,我们可以看到项目文件的分层。
首先,springboot教程源码animations目录中仅包含用于场景漫游的摄像机动画文件。LightFX目录存储了光照贴图,这些是光照烘焙系统自动生成的,无需手动修改。res目录是整个游戏资源的集中地,包括动画、特效、模型、shader、UI、音效等资源。
resources目录则存放动态加载的资源,当前内容较少,随着游戏的完善,资源将会增多。scene目录包含了环境反射探针文件,与场景文件名对应的文件夹存放反射贴图。scene-development目录则包含一些用于单元测试的开发场景。
scripts目录存放所有游戏逻辑脚本,而src目录可能包含项目开发过程中的测试文件。test目录同样是用于测试的,存放的文件与项目无关。scene目录则是游戏主场景,而scene-game-start则为游戏启动场景,进行UI逻辑初始化,并加载游戏主场景。
自定义管线以编辑器扩展的形式存在,可将其移至项目中。管线对应自定义管线,通过在场景中新建节点并添加pipeline/graph/pipeline-graph.ts组件来查看可视化管线图。实时探针相关组件在反射探针节点上挂载,提供实时更新功能。
反射探针节点上的ReflectionUtils脚本组件实现了实时更新探针的逻辑,适用于需要实时探针的项目。此外,Cocos Cyberpunk还实现了SphereProjection修正,使得反射更符合物体形状。
静态遮挡剔除机制在Cocos Cyberpunk中实现,通过将可见关系预存入空间格子,渲染时直接查表获得渲染列表,极大提升效率。这一部分主要在scene场景中的static-occlusion-culling结点中处理。
机型适配策略在Cocos Cyberpunk中实现,根据设备性能选择渲染效果,确保流畅帧率。处理了不同设备上的效果调整,包括性能开关策略、机型分档策略,v部落源码主要在href-settings.ts、gpu.ts和gpu-mobiles.ts文件中实现。
游戏逻辑方面,Cocos Cyberpunk包含完整的TPS游戏逻辑,init节点包含了特效、UI、对象池等节点,挂载的init.ts脚本组件确保游戏逻辑在主场景加载后持续运行。接下来,我们将对游戏逻辑相关源码进行深入解读。
cocos教程?
求cocos2d-x教程
cocos教程百度网盘免费资源在线学习
链接:
提取码:e2ht?
cocos教程极客学院Cocos2d-x源码_第5阶段项目实战_第4阶段功能扩展_第3阶段常用功能_第2阶段基础知识_第1阶段环境搭建5使用Eclipse在Ubuntu下搭建Cocos2d-x3集成开发环境4CocosCodeIDE使用3Windows环境下VisualStudio中搭建Cocos2d-x3.1集成开发环境2Cocos2d-x3.1rc0项目创建及新功能介绍1WinMac环境Cocos2d-x开发环境搭建.HelloWorld示例详解.webm.在Mac平台编译成Android程序.webm.Mac平台开发环境搭建.webm
五子棋人机博弈游戏(cocoscreator)
参考文章:CocosCreator实战教程(1)——人机对战五子棋(节点事件相关)
源码:goBang
思考一:作为对手的系统用什么算法下棋?
估值函数、搜索算法和胜负判断等
博弈算法,在极大极小值搜索中应用alpha-beta剪枝
智能五子棋博弈程序的核心算法
智能五子棋中的算法研究
人机版五子棋两种算法概述
思考二:人机博弈的要点
1.棋局的状态能够在机器中表示出来,并能让程序知道当时的博弈状态
2.合法的走法规则如何在机器中实现,以便不让机器随便乱走而有失公平
3.如何让机器从所有的合法走法中选择最佳的走法
4.一种判断博弈状态优劣的方法,并能让机器能够做出智能的选择
5.一个显示博弈状态的界面,有了这样的界面程序才能用的起来而有意义
思考三:五子棋下棋规矩
五子棋对局,执行黑方指定开局、三手可交换、五手两打的规定。
整个对局过程中黑方有禁手,白方无禁手。
黑方禁手有三三禁手、四四禁手和长连禁手三种
思考四:人机下棋逻辑
系统先下,黑棋落子,交换下子顺序
玩家下,监测胜负(无胜负,交换下子顺序)
系统下(五元组中找最优位置),监测胜负(无胜负,交换下子顺序)
。。。
直到分出胜负(这里未考虑平局)
出现提示窗,告知玩家战局结果,同时可选择“返回菜单”或“再来一局”
具体实现:涉及知识点
官方文档--预制资源
将其改名为Chess拖入下面assets文件夹使其成为预制资源
1.在canvas节点上挂载Menu脚本组件
2.在按钮事件中,拖拽和选择相应的Target,Component和Handler
初始化棋子节点断点截图
系统为黑棋的评分表:
找最优位置下子
个人想法
这是我学习五子棋游戏开发的记录,后续还会写其他游戏开发,加油!
cocos游戏脚本怎么使用您好,方法
我们首先启动CocosCreator,然后选择打开其他项目。
在弹出的文件夹选择对话框中,选中我们刚下载并解压完成的start_project,点击打开按钮。
CocosCreator编辑器主窗口会打开,我们将看到项目状态。
在CoC中,ac调试源码游戏场景是开发时组织游戏内容的中心,也是呈现给玩家所有游戏内容的载体。
游戏场景中一般会包括以下内容:场景图像和文字,角色,以组件形式附加在场景节点上的游戏逻辑脚本。
当玩家运行游戏时,就会载入游戏场景,游戏场景加载后就会自动运行所包含组件的游戏脚本,实现各种各样开发者设置的逻辑功能。
CocosCreator放置游戏教程
所以除了资源以外,游戏场景是一切内容创作的基础,让我们现在就新建一个场景。
CocosCreator放置游戏教程
CocosCreator教程(入门篇)自动释放资源:切换场景后,上一个场景中的资源,从内存中释放。
延迟加载资源:意味着不用等待所有资源加载完毕,才显示场景。(快速切换场景,资源陆续在画面显示)
普通图,子层为一张spriteFrame。
创建方式:拖拽场景节点,到资源管理器。
精灵图,子层为多张spriteFrame。(精灵图合成软件:TexturePacker、Zwoptex)
打包时,将所在目录中的所有碎图,合成为图集。
数字为内容的图集。
动态字体:.ttf
位图字体:.fnt+.png(存在于同一目录)
小型动画
模式:webaudio、domaudio
操作流程:
(1)导出:文件=资源导出,选择.fire场景文件,输出assets目录的.zip压缩包。
(2)导入:文件=资源导入,选择压缩包源路径、解压路径,输出assets目录内容。
基于sizemode,尽量去除spriteFrame无像素的部分,减小尺寸。
作用:用于变换、子节点定位基准。
对摄像机、渲染组件的了解。
对widget、layout等UI组件的了解。
(1)创建动画的基本流程
(2)时间曲线(双击动画线,进入编辑窗口)
(3)事件管理(双击游标、加减按钮控制参数个数)
(4)脚本控制
碰撞组件(普通碰撞)
(1)editing——是否为编辑模式
(2)regeneratepoints——计算图形边界,自定生成控制点,数值为控制点的生成密度/准确度
(3)ctrl+点击——删除控制点
(4)组件类型:矩形、圆形、多边形
(5)设置碰撞组(项目=项目设置=分组设置):
制定分组=匹配分组=碰撞组件所在节点上,设置所属分组
(6)脚本控制
Box2D物理引擎(高级碰撞)
(1)audioSource组件
(2)脚本控制
(1)定义CCClass
(2)实例化
(3)判断类型
(4)构造函数(ctor)
(5)实例方法
(6)继承(extends)
(7)父构造函数
(8)完整声明属性
properties常用参数
(1)获得组件所在的节点
(2)获得其它组件
(3)获得其它节点及其组件
(4)访问已有变量里的值(通过模块访问)
(1)节点状态和层级操作
(2)更改节点的变换(位置、旋转、缩放、尺寸)
(3)颜色和不透明度
(4)常用组件接口
cc.Component是所有组件的基类,任何组件都包括如下的常见接口:
(1)创建新节点
(2)克隆已有节点
(3)创建预制节点
(4)销毁节点
(1)加载和切换
(2)通过常驻节点,进行场景资源管理和参数传递
(3)场景加载回调
(4)预加载场景
(1)资源属性的声明
(2)静态加载(在属性检查器里设置资源)
(3)动态加载
(4)加载远程资源和设备资源
(5)资源的依赖和释放
(1)监听事件
(2)关闭监听
(3)发射事件
(4)派送事件
(5)事件对象(回调参数的event对象)
(1)鼠标事件类型和事件对象
(2)触摸事件类型和事件对象
(3)其它事件
(1)动作控制
(2)容器动作
(3)即时动作
(4)时间间隔动作
(5)动作回调
(6)缓动动作
(1)XMLHttpRequest——短连接
(2)WebSocket——长连接
对象池的概念
在同一场景中,需要多次进行节点的生成、消失时,假如直接进行创建、销毁的操作,就会很浪费性能。因此,使用对象池,存储需要消失的节点,释放需要生成的节点,达到节点回收利用的目的。
工作流程
(1)初始化对象池
(2)从对象池请求对象
(3)将对象返回对象池
清除对象池
如何用Cocos引擎打造次世代3D画质‘游戏大观从Cocos2d-x3.0起我们已经可以在游戏中使用3D元素。Cocos引擎推出3D功能的时间不算太迟,我们已经可以看到越来越多的手机上能流畅地渲染3D游戏,而且这些机型正在成为主流。在最近两年我们可以看到,高端手机游戏从2D转到3D的倾向很明显。许多游戏开发商试图在竞争激烈的红海里占有一席之地,那么选择开发3D游戏或许会是一个强有力的竞争手段。
上面的视频是我的下一款游戏作品《FoodoftheGods》。这游戏使用了Cocos2d-x3.3,视频是从我iPhone上录制的实际运行效果。在这篇文章里我将要介绍我是如何制作它、如何把它跑在cocos引擎上的。对于熟悉cocos官方提供的3D示例游戏《FantasyWarrior》的开发者,将会看到以下一些主要不同点:
1.光照贴图(LightMapping):你将看到每件物体都有被照亮并且投射阴影。光影效果的质量是由你的3D工具软件决定的,用3D软件能烘焙出复杂的光效,包括直接光照,反射光照,以及阴影。
2.顶点合并(VertexBlending):请注意看路、草地和悬崖交接的地方,看不到任何可见的接缝。
3.透明遮罩(AlphaMasks):灌木如果没有透明遮罩就跟纸片一样。
4.滤色叠加的公告板(Billboards):增加一些光束和其他环境的效果。
所有的模型都是用一个叫Modo的3D软件建模制作的,贴图则是使用Photoshop。关于3D模型的制作和贴图的绘制在此就不再赘述,网上已经有很多教程,在此主要介绍下跟Cocos2d-x有关的部分。
模型网格和贴图(MeshesandTextures)
如下图所示,每个模型的贴图都是由几个x或者更小的贴图组成的。同时你也会注意到我把所有的小都合在了一张贴图上,这是减少GPU绘制次数(drawcall)最简单的方法之一。贴图是从或者网上找的。
为了把这些拼接起来,我使用的是Photoshop的补偿滤镜(offsetfilter)然后在接缝的地方用修复画笔来做一些自然的过渡。为了获得一种油画的视觉效果我会先使用cutout滤镜(注意:cutout滤镜也会使得png格式的压缩效果更好),然后在需要的地方绘制一些高光和阴影的效果。我发现如果直接拿照片当贴图的话,当你把它尺寸缩小的时候会出现图像噪点。
另一种方案是为每一个模型网格制作一整张独立的贴图。当网格比较小或者摄像机不是很靠近网格的时候这种方法是可行的。如果你的photoshop技术过硬的话,出来的效果会更好。附带的好处是,因为只使用一张贴图因此只有一次GPU绘制调用。但我不建议采用这种方法来制作第一人称射击游戏(FPS)中的建筑,因为当你走得很靠近建筑物的时候,贴图分辨率过低的问题就会显露出来。我不喜欢用这种整张贴图方法,因为这实在太费时耗力了。这个场景的制作花了我足足四天时间。
光照贴图(LightMaps)
当你做好模型和贴图之后,现在就可以来烘焙光照贴图了。Cocos2d-x目前还不像Unreal或Unity一样在官方编辑器里提供烘焙光照贴图的功能,但是别失望,大部分的制作3D模型的软件都可以烘焙光照贴图,并且效果比市面上任何游戏引擎的效果还好。首先,在你的3D工具软件里,先给场景打好灯光,照亮场景,然后为每份网格制作第二张UVmap。每份网格的表面都必须被映射在0到1范围内的UV平面上。这听起来好像很复杂且耗时,但在Modo里这是非常简单的。我先后使用“Atlasmap”的UV工具和“PackUV”工具,这两个工具会自动将网格展开成一个相当不错的排布图。
这些都完成之后,设置3D工具软件的渲染器为“只渲染烘焙的光照”,然后开始渲染。当然了,如果你想做一些环境光遮罩的效果也是可以的。
你也可以使用一些分辨率较低的光照贴图。有时候这样的效果反而会看起来更好,因为相互混叠的模糊像素会让阴影看起来更柔和。上面的这些建筑都映射到一张x的光照贴图上。整个场景总共使用了4张x的光照贴图。请确保每个小图块之间有一定的空隙,且让你的渲染范围比这些图块的边界多出几个像素。这样可以防止当较低的mip-maps(一种纹理采样)起作用时黑边出现在网格周围的角落里。
最后一点听起来像是3D技术的行话。如果是对TexturePacker熟悉的话,那么其中的“Extrude”值起到的作用就是刚刚我所描述的。对贴图的边缘接缝做一些涂抹处理,这样在精灵之间就不会有那些烦人的缝隙了,那些缝隙在这里会变成多边形边缘的黑边。
如果你想牺牲内存和包大小来提高性能的话,你可以把颜色和光照信息都烘焙到一张贴图上并避免共同使用一张光照贴图。但是这样做的话,同样的像素密度,贴图的大小至少得翻一倍。这完全取决于你个人、以及你游戏的要求。
接下来,添加顶点颜色。我在地形上提供了顶点颜色,这可以让着色器在合成悬崖顶上的草地贴图时,不会有任何可见的接缝。下图中涂成白色的顶点部分可以合成你指定的贴图。在这个例子里实际上我只使用红色通道,当然了根据实际需要你可以使用4个通道(RGBA)去合成不同的贴图。
最后,我把整个场景分成了很多独立的网格(mesh):每个建筑都有自己独立的网格,地形独立一个网格,水也是独立一个。带透明遮罩的贴图也会有一个网格——比如视频中看到的植物叶子和小旗子。我这样做有两个原因,首先,让地形、建筑、水和带透明遮罩的贴图各自使用不同的着色器。其次,我们打算通过不渲染摄像机范围外的对象来减少性能开支。很重要的一点是摄像机会根据网格的包围盒来决定对象是否可见,因此尽量把网格弄成小块,这样包围盒会比较小。
导出
完成了模型和贴图之后,我们需要把每个mesh导出为一个.fbx文件。幸运的是,大多数的3D建模软件都支持这个功能。Autodesk为此格式提供了一个免费SDK。但不幸的是,Modo在导出fbx格式时会出现相当多的错误。因此我必须自己写一些脚本来保证第二组贴图坐标和顶点颜色的正确导出。你可以从我个人网站上的“ModoScripts”部分下载这个导出脚本。搞定fbx之后,你将需要用到Cocos2d-x自带的fbx-conv.exe命令行工具,它位于Cocos2d-x根目录的/tools下。
fbx-conv.exe-ayour_mesh_name_here.fbx
使用“-a”参数后,工具会同时导出mesh的二进制文件(.c3b)和文本格式文件(.c3t)。文本格式的文件非常的有用,你可以利用它来查看所有的东西是否被正确导出,但千万不要把它放到resource目录下。如果所有的都被正确地导出的话,你将在c3t文件的开头看到以下的内容:
“attributes”:[{
“size”:3,
“type”:“GL_FLOAT”,
“attribute”:“VERTEX_ATTRIB_POSITION”
},{
“size”:3,
“type”:“GL_FLOAT”,
“attribute”:“VERTEX_ATTRIB_NORMAL”
},{
“size”:2,
“type”:“GL_FLOAT”,
“attribute”:“VERTEX_ATTRIB_TEX_COORD”
},{
“size”:2,
“type”:“GL_FLOAT”,
“attribute”:“VERTEX_ATTRIB_TEX_COORD1″
}]
注意VERTEX_ATTRIB_TEX_COORD1这个属性。如果没有它光照贴图将无法显示。如果你导出了一张带顶点颜色的mesh,你也应该要看到一个类似的属性才行。还有一点很重要,贴图的坐标也必须按正确的顺序才行。我通常采用的是第一个tex_coord是瓦片贴图,最后一个tex_coord是光照贴图。使用Modo的话,uvmaps会按照字母顺序排列。
着色器(Shaders)
我花了很长的一段时间来搞懂GLSL和着色器,但正如编程中经常遇到的,有时候一个点通了,其他的就都好理解了。一旦理解了其中的原理,你便会发现着色器真的很简单。如果你不只是想用Cocos2d-x来把贴图套到模型网格上的话,你需要学会如何写着色器。目前Cocos2d-x没有Unreal那样好用的着色器可视化编辑器(visualshadereditor),所以我们只能自己动手焊代码。
本节我将讲解我为视频中的游戏场景所写的着色器,并说明我做了什么、为什么这样做。如果你对着色器已经非常熟悉了,那么可以快速跳过本节。
首先,先来看一下如何将着色器应用到模型网格上。
这段代码摘自Cocos2d-x的测试集cpp-tests工程。如果你用不同的着色器来加载大量的meshes,那么最好根据功能来进行,这样可以避免冗余。那么现在我们只关心如下的代码段,来看下这个着色器。
GLProgram*shader=GLProgram::createWithFilenames(“shaders/lightmap1.vert”,”shaders/lightmap2.frag”);
GLProgramState*state=GLProgramState::create(shader);
mesh-setGLProgramState(state);
Texture2D*lightmap=Director::getInstance()-getTextureCache()-addImage(“lightmap.png”);
state-setUniformTexture(“lightmap”,lightmap);
“lightmap1.vert”是顶点着色器(vertexshader)。如果将其应用到网格上,那么每个顶点的每一帧都将执行这个操作。而“lightmap2.frag”是片段着色器(fragmentshader),网格上贴图的每个像素的每一帧都将执行这个操作。我不太确定为什么将其命名为“片段着色器”,我一直认为应叫做“像素”着色器(pixelshader)。从这段描述,我们可以很容易理解为什么大量着色器指令会降低帧率,尤其是你用片段着色器的话。
接下来我们详细地分解顶点着色器:
attributevec4a_position;
attributevec2a_texCoord;
attributevec2a_texCoord1;
这些属性是由渲染器提供的。“a_position”是顶点的位置。“a_texCoord”和“a_texCoord1”对应你那两个UV坐标。还记得在.cbt文本格式文件中开头部分的“VERTEX_ATTRIB_TEX_COORD”么?这些值与属性对应起来了。你可以在渲染器中获取更多其他的属性,包括顶点法线(vertexnormal)和顶点颜色(vertexcolor)。请在cocos引擎的CCGLProgram.cpp中查看完整属性列表。
varyingvec2v_texture_coord;
varyingvec2v_texture_coord1;
“varying”值将被传到片段着色器中(fragmentshader)。片段着色器所需要的任何变量前都需要添加“varying”限定符。这个例子中,我们仅需要知道这两个贴图的坐标。
voidmain(void)
{
gl_Position=CC_MVPMatrix*a_position;
v_texture_coord.x=a_texCoord.x;
v_texture_coord.y=(1.0–a_texCoord.y);
v_texture_coord1.x=a_texCoord1.x;
v_texture_coord1.y=(1.0–a_texCoord1.y);
}
设置顶点位置,拷贝贴图的坐标给varyingvalues,这样片段着色器就可以使用这些值。现在我们一起来分解片段着色器。
#ifdefGL_ES
varyingmediumpvec2v_texture_coord;
varyingmediumpvec2v_texture_coord1;
#else
varyingvec2v_texture_coord;
varyingvec2v_texture_coord1;
#endif
声明从顶点着色器传递过来的“varying”值
uniformsampler2Dlightmap;
还记得在将着色器应用到网格时所使用的state-setUniformTexture(“lightmap“,lightmap);语句么?这个值就是对应语句中的那个贴图。
voidmain(void)
{
gl_FragColor=texture2D(CC_Texture0,v_texture_coord)*(texture2D(lightmap,v_texture_coord1)*2.0);
}
这个语句设置像素颜色。首先你会注意到从未声明过的CC_Texture0变量。Cocos2d-x中有大量可在着色器中使用的默认统一变量。再次强调,可在CCGLProgram.cpp中查看完整属性列表。这个例子中,CC_Texture0对应在3D模型中所应用到网格中的贴图。texture2D命令会在给定的贴图坐标中去查找贴图的像素颜色和透明度。它会返回一个包含了那个像素的RGBA值的vec4值。所以这里我会在UV1中查找到瓦片贴图的颜色值,然后在UV2中查到光照贴图的颜色值,最后把两个值相乘。
你应该注意到了我先是把光照贴图的颜色值两两相乘了。因为贴图颜色值范围为0.0-1.0,所以很显然,如果用白色值vec4(1.0,1.0,1.0,1.0)去乘中间灰值vec4(0.5,0.5,0.5,1.0),那么你仍是得到一个中间灰值vec4(0.5,0.5,0.5,1.0)。