【问题标题】:How to convert a graphic to a sprite in pixijs如何在pixijs中将图形转换为精灵
【发布时间】:2019-10-02 23:15:48
【问题描述】:

有没有办法将图形转换为精灵? 我有一个包含单个矩形的图形,并希望将其转换为精灵以启用复杂的动画。

我试过了

let p= new Graphics();
p.beginFill(0x000000);
p.lineStyle(0);
p.drawCircle(100, 100, 10);
p.endFill();

const t = RenderTexture.create(p.width, p.height);
renderer.render(p, t);

const sprite = new Sprite(t);

但是这不起作用。

【问题讨论】:

    标签: pixi.js


    【解决方案1】:
    var gr = new PIXI.Graphics();  
            gr.beginFill(0xFFFFFF);
            gr.lineStyle(0);
            gr.drawCircle(30, 30, 30);
            gr.endFill();
    
    var texture = renderer.generateTexture(gr);
    var circle = new PIXI.Sprite(texture);
    
    app.stage.addChild(circle);
    

    【讨论】:

    • 什么是渲染器?我有同样的问题,但我的班级不知道渲染器是什么
    • 渲染器是app变量的一个prop
    猜你喜欢
    • 2021-05-18
    • 2013-08-04
    • 2021-11-10
    • 2018-08-20
    • 2018-12-16
    • 1970-01-01
    • 1970-01-01
    • 2012-04-13
    • 1970-01-01
    相关资源
    最近更新 更多