cocos-creator更改图片

最新推荐文章于 2024-07-26 11:32:54 发布
最新推荐文章于 2024-07-26 11:32:54 发布
阅读量6.2k 收藏 4
点赞数 3
分类专栏： Cocos-creator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/piyixia/article/details/88892754
版权

cc.Class({

extends: cc.Component,

 

properties: {

 

otherComponet:{        //外部传入，自带sprite

default:null,

type:cc.Node

},

image:                     //外部传入sprite图片

{

default:null,

type:cc.SpriteFrame

},

// onLoad () {},

 

start () {

var sp = this.otherComponet.getComponent(cc.Sprite);//获取组件

sp.spriteFrame = this.image;//更改图片

},

 

 

piyixia
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cocos creator 换图二级弹窗
HePiKaSi的博客
04-05 544
1.预制体脚本，点击预制体按钮，更换图片
CocosCreator知识库<三>关于CocosCreator中更换图片的三种方式_通用方式_"当前"尺寸_"原有"尺寸
热门推荐
⎝⎝⎝MaximilianLiu⎠⎠⎠的博客
12-26 1万+
CocosCreator知识库关于CocosCreator中更换图片的两种方式 首先,准备两张图,建立resources文件夹并且将该两张图放入该文件夹下,拖其中一张图至Canvas下并且挂上我们唯一的脚本. //************************************核心代码*************************************// //****
【CocosCreator入门】CocosCreator项目创建 面板介绍_cocos creator 创建一个新项目
2401_84181108的博客
05-14 890
创建按钮：用来创建节点。搜索栏：可以根据搜索类型来搜索所需的节点或者组件等。搜索按钮：用来过滤搜索的类型，分为 节点、组件 和 引用 UUID 的节点 三种类型。展开/合并按钮：可以切换 层级管理器 节点的展开/折叠状态。游戏对象列表：显示当前场景所包含的游戏对象和对象的层级关系。刷新按钮：刷新当前层级管理器的状态。创建按钮：用来创建新资源。搜索栏：用来搜索需要的资源。资源列表：显示当前文件所包含的各种资源（视频、音频、图片、文字等）及其层级关系。
cocosCreator3.7.2 代码替换照片 动态替换照片
m0_56414330的博客
05-05 734
cocos creator3.7.2 脚本替换照片
cocos creator点击按钮切换图片
weixin_44766680的博客
08-20 4295
cocos creator点击按扭键去切换另一个节点的图片，有点类似heml5中的轮播图 对于一个小白来说这一切真的都太难啦！ 1.创建一个脚本。 2.在图片的节点上绑定刚刚的脚本，并添加点击事件。 3.保存编译之后就可以切换图片了。 ...
cocos creator学习（九）构建后更改图片和层级设置
judykang123的博客
09-24 2183
目录前言更改图片更改位置 前言 上一节写的是构建发布，那么构建完还是需要更改一些小点，但是像我做的一些项目，构建完还需要和h5页面套在一起，一旦重新构建，后台也需要重新改路径之类的，就很麻烦，所以能改构建完的文件，就最好不重新构建 更改图片 如果说我们想找图片back，那么在cocos里发现图片back是层级back的背景图片，如图： 接下来在构建后的文件里，找到res–import–里面的json文件，编辑器打开，ctrl+F搜索back，这个json文件里没有就换一个。 搜到后如果是HbuilderX
Cocos Creator 动态改变sprite图片
weixin_33979745的博客
06-04 7470
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url = 'globalUI/video/gVideoPlayClick'; 　　　　var _this = this; cc.loader.loadRes(url,cc.SpriteFrame,function(err,spriteFrame) 　　　　{ 　 　　　　　　...
cocos-creator-devtool：:gear_selector:Chrome扩展程序，用于调试Cocos Creator游戏
01-30
Cocos Creator开发工具Cocos Creator Devtool是Google Chrome Devtools的扩展。 它允许您检查网页中的Cocos Creator游戏场景。 您可以从Chrome Webstore安装 。变更日志1.0.6 自动更新节点属性添加/删除节点时自动...
cocos-creator-puremvc:cocos-creator-puremvc 是一个cocos creator项目基础架构
05-17
cocos-creator-puremvccocos-creator-puremvc 是一个cocos creator项目基础架构。技术栈typescriptpuremvc安装使用npm install或yarn，推荐使用后者。如果你更喜欢npm的话，需要修改package.json内的proto编译命令...
cocos-creator-replace-uuid:解决cocos creator uuid冲突的小插件
05-29
cocos-creator-replace-uuid 解决cocos creator uuid冲突的小插件，放到你项目的packages文件夹里面，在编辑器中你希望替换uuid的一个或者多个文件夹，点击拓展菜单中的replace-uuid开始工作
cocos-creator-engine-master.zip
08-13
Cocos Creator是一款强大的2D和3D游戏开发引擎，它为开发者提供了丰富的工具集，用于构建跨平台的游戏应用。这个“cocos-creator-engine-master.zip”压缩包包含了Cocos Creator的引擎源代码，使得开发者可以深入...
cocos creator 加载本地图片实现动态预览demo源码
05-04
//最近在研究creator html5开发，喜欢交流的加扣扣群427719099，各种资源各种技术应有尽有
cocos-jsc-endecryptor:适用于 Cocos 的 JSC 加解密工具
05-13
此 master 分支的脚本适用于 CocosCreator 1.x 编译导出的 jsc文件，如果你使用的 CocosCreator 为 2.0.2 版本，请切换到 v2.0 分支。使用说明命令行使用如果使用加密功能，第二个参数设置为 encrypt；如果使用解密...
cocos creator3.x 获取网络图片资源替换本地图片
qiuyeshishui的博客
02-25 1331
assetManager.loadRemote(url, {ext: ‘.png’}, ((err, asset) => { this.node.getComponent(Sprite).spriteFrame = SpriteFrame.createWithImage(asset); }));
cocos creator 3学习记录01——如何替换图片
最新发布
SilenceJude的博客
07-26 353
指的是 loader.loaderRes、loader.loadResDir、loader.release等loader开头的API，并不是 resources.load，因此无需担心。3、对于图片类型，直接访问路径所对应的图片地址，得到的图片类型会是ImageAsset，此时必须指定具体的子资源。2、调用resources.load API，路径是默认在resources文件夹下，所以直接写后面的路径即可。不过吧，这种方法我并不推荐，因为需要提前声明好属性，甚至需要提前关联好。
cocos creator Web端修改启动
weixin_43672817的博客
11-12 2411
下面以web-mobile为例，在web-mobile下 需求1，修改启动图splash 将splash.xxxxx.png的图片替换成自己的splash图片 需求2，将启动图全屏 在style-mobile.xxxxx.css内找到 #splash { position: absolute; top: 0; left: 0; width: 100%; height: 100%...
cocoscreator修改图标
lin875859873的博客
07-06 5736
一键生成图标工具：http://icon.wuruihong.com/ 项目构建完后： Android： 用AndroidStudio打开工程文件，如图操作 ios：替换完记得用xcode重启一下工程
cocoscreator启动流程图
qq_39918471的博客
12-09 475
这里写目录标题cocoscreator启动流程图 cocoscreator启动流程图
Cocos Creator Android 启动黑屏加载指定图片背景
lqplyx518的博客
04-26 828
1、创建一个主题 （app/res/values/strings.xml) <?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">XX游戏</string> <!--这里为继承 CCC 默认说采用的主题 Theme.N...
Cocos Creator中,实现点击切换图片
06-02
在 Cocos Creator 中，实现点击切换图片可以通过以下步骤： 1. 在场景编辑器中将要切换的图片添加到节点上，并设置节点的位置和大小。 2. 将要切换的图片资源添加到 Cocos Creator 的资源管理器中。 3. 在脚本中获取节点并添加点击事件监听器。 4. 在点击事件回调函数中更改节点的 Sprite 组件的 spriteFrame 属性为要切换的图片资源。 下面是一个示例代码： ```javascript cc.Class({ extends: cc.Component, properties: { spriteNode: cc.Node, // 要切换图片的节点 spriteFrames: [cc.SpriteFrame], // 存储要切换的图片资源 }, onLoad () { // 添加点击事件监听器 let clickEventHandler = new cc.Component.EventHandler(); clickEventHandler.target = this.node; clickEventHandler.component = "脚本名"; clickEventHandler.handler = "onClick"; let button = this.node.getComponent(cc.Button); button.clickEvents.push(clickEventHandler); }, onClick () { // 随机获取一个要切换的图片资源 let spriteFrameIndex = Math.floor(Math.random() * this.spriteFrames.length); let spriteFrame = this.spriteFrames[spriteFrameIndex]; // 更改节点的 Sprite 组件的 spriteFrame 属性 let sprite = this.spriteNode.getComponent(cc.Sprite); sprite.spriteFrame = spriteFrame; }, }); ``` 以上代码中，spriteNode 是要切换图片的节点，spriteFrames 是存储要切换的图片资源的数组。在 onLoad 函数中，我们给节点添加了点击事件监听器，并在 onClick 函数中随机获取一个要切换的图片资源并更改节点的 Sprite 组件的 spriteFrame 属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值