流星上的PixiJS与路由器

时间:2017-11-23 17:55:47

标签: meteor iron-router pixi.js flow-router

我正在使用Meteor与Pixi.js合作开展一个项目, 当我尝试使用路由器时,我遇到了一个非常奇怪的问题 (我尝试过IronRouter和FlowRouter)和一个pixi画布。

画布已构建,但我无法在其上渲染任何精灵。 仅当我使用路线参数时才会发生这种情况,例如' / game /:id'

除非我使用路线参数,例如' / game /:id' 更多,如果我不使用路由参数, 当我访问' / game'时,Sprite会出现。 当我访问' / game /

时,Sprite不会显示

以下是meteor app上的最小错误代码:

任何路由器定义:

Router.route('/room/:_id', {
    action: function() {
        this.render('game');
    }
});

基本模板: Html:

<template name="game"></template>

Js:

Template.game.onRendered(function () {
PIXI.loader.add("assets/mario.png")
    .load(() => {
        let app = new PIXI.Application();
        document.body.appendChild(app.view);
        let mario = new PIXI.Sprite(PIXI.loader.resources["assets/mario.png"].texture);
        mario.position.set(5, 5);
        mario.width = 48;
        mario.height = 48;
        app.stage.addChild(mario);
        app.render();
    });
});

pixi画布会出现,但mario sprite不会。

0 个答案:

没有答案