cocos学习笔记二

最新推荐文章于 2024-07-26 11:32:54 发布
最新推荐文章于 2024-07-26 11:32:54 发布
阅读量200 收藏 1
点赞数
分类专栏： cocos学习笔记 文章标签： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_41367084/article/details/129683776
版权
本文介绍了在游戏开发中设置主页面背景的过程，包括在资源管理器中创建sence，建立canvas，将背景图片放入textures文件夹，转换为sprite-frame类型，并将其拖动到canvas下生成bg节点，最后调整按钮层级和大小以适应背景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

添加背景图

1.资源管理器中添加一个sence,因为是主页面，所以命名为main
2.层级管理器中建立canvas（画布）
在这里插入图片描述
3.将自己的背景图片放置资源管理器中，新建的文件夹textures下
4.点击图片，修改类型为sprite-frame
在这里插入图片描述
5.拖动图片从资源管理器至层级管理器的canvas下，自动生成节点bg
6.按钮开始的层级在bg下，所以同样步骤托送到bg下，然后调节参数适配大小即可

cocos creator 新人踩坑 (prefad 如何使用, 创建节点, 替换精灵, 加载资源)
qq_37011713的博客
07-17 4769
cocos create 新人踩坑 (prefad 如何使用, 创建节点, 替换精灵, 加载资源) cocos create 版本 3.1.2 言语javascript 用脚本创建节点 创建精灵不再像 2dx 一样，每个组件，节点对象等都有一个统一的父节点 用编辑器创建一个精灵对象，会自带 Node 和 cc.UITransform , 用 getCompoment(Sprite)， 返回当前节点下所有 Sprite 组件。一般 这个精灵对象 Node 只有一个 Sprite 用代码创建精灵需要自己先
cocoscreator 快速切换spriteframe_如何在 Creator3D 中切换模型贴图，超级简单
weixin_39589253的博客
11-24 1321
效果预览前两天有伙伴在 QQ 上询问，如何在 Creator 3D 中切换模型贴图。Shawn 之前也没尝试过，不过根据之前 Cocos Creator 的经验以及这几天对 Creator 3D 的学习，简单尝试了一下，方法可行，在此将它分享给大家。模型材质资源在 Creator 3D 中，一个 3D 物体主要由 ModelComponent 组件进行渲染，其中包含两大部分：Mesh：物体的形状，...
CocosCreator -- 使用Texture动态替换SpriteFrame
热门推荐
wzlのblog
07-06 1万+
版本：1.9.1 情景：从服务器下载一个Texture替换当前显示 出现的问题：如果根据SpriteFrame的结构 sprite.spriteFrame._texture = texture; 使用这种方式可以替换成功，但是所有使用这个SpriteFrame的Sprite都会被替换纹理，所以证明Creator中所有使用同一张图片的SpriteFrame都是引用，改变其中的_textur...
CocosCreator3.8研究笔记（十六）CocosCreator 2D对象
w风雨无阻w的专栏
09-14 1374
（3)、Mask 遮罩使用注意事项节点添加了 Mask 组件之后，所有在该节点下的子节点，在渲染的时候都会受 Mask 影响。GRAPHICS_STENCIL 类型在这里没有做任何引擎需要的事，只是放开了对 graphics 操控，用户可以使用 mask 组件里的 graphics 属性来绘制自定义图形，但是节点的点击事件还是根据节点的尺寸来计算。SPRITE_STENCIL 类型默认需要一个图片资源，如果没有设置的话，相当于没有遮罩。4、Graphics 组件方法功能说明moveTo。
cocosCreator 之 Sprite动态加载和远程加载
鹤九日的博客
11-07 3802
cocosCreator 组件Sprite动态加载的各种使用方式和远程加载的示例
Cocos Creator资源管理AssetManager细说一二
JoeyHuangzx的专栏
01-17 9638
关于AssetManager Asset Manager 是 Creator 在 v2.4 新推出的资源管理器，用于替代之前的 cc.loader。新的 Asset Manager 资源管理模块具备加载资源、查找资源、销毁资源、缓存资源、Asset Bundle 等功能，相比之前的 cc.loader 拥有更好的性能，更易用的 API，以及更强的扩展性。所有函数和方法可通过 cc.assetManager 进行访问，所有类型和枚举可通过 cc.AssetManager 命名空间进行访问。 同时，新的资源管理
Cocos2d-x学习笔记之开发环境搭建
01-21
cocos2d-x一款免费游戏开发引擎，本着开源、跨平台的特色，成为了越来越多的手机游戏的开发引擎，所以让我们也来学习cocos2d-x这款游戏引擎吧。通过学习cocos2d-x，我们将了解更多关于游戏开发的知识，比如lua脚本、...
Cocos2d-x学习笔记之CCLayerColor层的使用实例
01-20
CCLayerColor层的使用方法，写的详细了一些，和上篇文章基本差不多的（查看CCLayer的更多介绍），只不过这次HelloWorld继承自CCLayerColor。 bool HelloWorld::init() { bool bRet = false; ...
Cocos2d-x学习笔记之Hello World!
01-20
首先我们要为vs2010安装一个cocos2d-x的插件，有了这个插件，当我们打开vs2010，单击文件->新建->项目的时候，在已安装的模板一栏就能看到cocos2d-x了，方便了我们的编写。那么这个插件在什么地方呢，由于cocos2d-x...
cocos2d-x学习笔记之CCLayer、CCLayerColor、CCLayerGradient、CCLayerMultiplex场景层介绍
12-31
图层在cocos2d-x中很重要，我们可以在其中添加精灵，也可以将图层添加到场景中。这几个图层类功能各不相同，具体的看代码的注释。大家只需要替换掉helloworld中的init函数就可以运行了。 bool HelloWorld::init() ...
Cocos2d-x学习笔记——完全掌握C++ API与游戏项目开发.zip
06-28
本学习笔记旨在帮助开发者全面掌握Cocos2d-x的C++ API以及游戏项目的开发流程。 一、Cocos2d-x框架基础 Cocos2d-x是Cocos2d-x系列的C++版本，它提供了丰富的图形绘制、动画制作、音频播放、物理引擎等功能。Cocos2d...
quick-cocos2d中替换纹理的几种方式
9527的专栏
04-22 3288
1 纹理从文件中读取local img = display.newSprite("1.png") img:setTexture("2.png")2 纹理从缓存中读取display.addSpriteFramesWithFile("1.plist", "1.png") local frame = display.newSpriteFrame("xx.png") local img = displa
cocos creator 3学习记录01——如何替换图片
最新发布
SilenceJude的博客
07-26 1283
指的是 loader.loaderRes、loader.loadResDir、loader.release等loader开头的API，并不是 resources.load，因此无需担心。3、对于图片类型，直接访问路径所对应的图片地址，得到的图片类型会是ImageAsset，此时必须指定具体的子资源。2、调用resources.load API，路径是默认在resources文件夹下，所以直接写后面的路径即可。不过吧，这种方法我并不推荐，因为需要提前声明好属性，甚至需要提前关联好。
cocos creator 获取图片资源并设置为spriteFrame
Hillbox
07-11 5987
用代码设置spriteFrame比手动托到那些框框里方便，所以分享一个简单的获取图片资源并设置为sprite方法。 1、将图片放到assets/resources文件夹下面，或者子文件夹也可以。比如我的， 2、写代码。这样就把命为1的图片设置成当前节点的spriteFrame上了。 let that = this; // 图片路径，注意不带后缀 let resUrl = 'customers/1'; cc.loader.loadRes(resUrl, cc.SpriteFrame, functi
cocoscreator 快速切换spriteframe_cocos creator | 盯着双11开喵铺里的小人许久，我也写了一个！...
weixin_39719427的博客
11-28 543
打开支付宝，天猫双11合伙人全面开喵铺的活动映入眼帘。点击进去后，我竟然盯着小人走路许久，琢磨着，自己也写个玩玩吧！效果预览先一起看看最终实现效果是怎么样的吧。配置环境cocos creator 2.0.8 (其他版本可能也可以) + typescript看看如何使用@property实现逻辑先一起看看我们的图片资源。我们每个小人都是一张合图，可以看到是3X4的结构，其中第一列是往左的动画，第四列...
细谈cocos中sprite、texture和SpriteFrame
Leibnezz的博客
01-04 9303
贴图是游戏项目中重要的一部分。 现在我们来讲讲 题目中这三个概念的区别与联系。 之前一直分不清 texture和sprite的关系。一直以为是两种不同的图片格式。 如今Li某回过头细读文档，才发现各种关紧。 sprite 是组件，texture是图像资源，SpriteFrame 是texture中的一项资源。 上述这三句话，讲清了这三者的本质与联系。 sprite 英 [spraɪt] ...
CCSprite更换图片
仲崇峰的专栏
04-28 2825
如果你的游戏里面有一个建筑物，当它升级后需要变成另外一个样子，怎么做呢？如果你是用cocos2d-x 里面的CCSprite实现的，那么好，这里有一个方法允许你去更换图片。看CCSprite的头文件：具体怎么做呢？你看它需要一个CCSpriteFrame的对象作为参数，所以我们必须要有一个CCSpriteFrame的对象。如果你工程里面的图片都是用Zwoptex或者TexturePacker生成的...
cocos creator 图片spriteFrame动态加载
itme268的博客
08-08 6713
1. 从已有sprite加载 this.myPlayer.getComponent(cc.Sprite).spriteFrame = this.iconOff.spriteFrame 2.同步加载 var resUrl = cc.url.raw('resources/icon.jpg') var texture = cc.textureCache.addImage(resUrl) ...
cocos creator动态更换纹理
9527的专栏
12-15 1万+
有2种办法。 1 是预先准备好所有的纹理，然后放到编辑器中，绑定到对应的脚本。 替换的时候只需要将目标的spriteFrame=source.spriteFrame即可。把图片拖到编辑器中 创建一个数组,创建当前的要替换纹理索引 imgIdx : 1, sprArray :{ default:[], type:[cc.Sprite],
cocos2d-x学习笔记二：精灵添加方法详解
文档标题提示为“学习笔记”，这意味着内容很可能是以实例和代码片段的形式来讲解如何添加精灵。通常在这样的学习笔记中会包含以下内容： - 纹理和精灵创建的代码示例。 - 精灵属性设置，例如位置、缩放比例等。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值