cocos动态引入图片

import { _decorator, Component, Node, SpriteFrame,resources,Sprite,director} from 'cc';
const { ccclass, property } = _decorator;

@ccclass('Player')
export class Player extends Component {
    start() {
        const url = 'images/a1/spriteFrame';
        resources.load(url, SpriteFrame, this.onLoadStart.bind(this));
        //点击事件
        this.node.on(Node.EventType.TOUCH_START, this.onTouchStart, this);
    }
    onLoadStart(err, spriteFrame) {
        if (err) {
            console.log('createRes:' + err);
            return;
        }
        const sprite = this.getComponent(Sprite);
        sprite.spriteFrame = spriteFrame;
        //设置图片的宽高
        sprite.node.width = 100;
        sprite.node.height = 100;
    }
    onTouchStart(event) {
        // 触摸开始
        console.log('Touch Start');
        console.log('Touch Location:', event.getLocation());
        //切换场景
        director.loadScene('scene-001');
    }
    update(deltaTime: number) {
        
    }
}



作者:douyuanjun

出处:https://www.cnblogs.com/douyuanjun/p/17683841.html

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   窦戈  阅读(108)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
more_horiz
keyboard_arrow_up dark_mode palette
选择主题
点击右上角即可分享
微信分享提示