1

小さな crafty.js プロジェクトで、背景画像としてスプライトを使用しましたが、他のスプライトの上にレンダリングされます。これを修正するにはどうすればよいですか? メイン シーンのコードは次のとおりです。

    Crafty.scene('game', function () {
    Crafty.background('bg');
    Crafty.e("Background, DOM, 2D, bg")
          .attr({ x: 0, y: 0});
      drawStage();
    points = 0;
    updatePoints();

    var speed = 1; // Number of frames per second

    // Game objects

    var appleEvent = Crafty.bind('EnterFrame', function () {
      if (randomInt(0, 60) === 0) {
        Crafty.e('Apple')
              .attr({
                x: randomInt(1, 19) * cell,
                y: randomInt(1, 16) * cell
              });
      }
    });
  }, function () {
    Crafty.unbind('EnterFrame', appleEvent);
  });
4

2 に答える 2

0

具体的にエンティティの z-index を設定するのはどうですか?

var img_w = 1024;
var img_h = 768;
var bg = Crafty.e("2D, DOM, Image").attr({ w: img_w, h: img_h });
bg.z = 0;

コードの後半:

var player = Crafty.e();
player.z = 1;
于 2013-09-22T20:09:09.940 に答える
0

「bg」がどこから来ているのかは明らかではありませんが、背景画像が前景コンテンツを上書きするという同様の問題がありました。このフォーラムの投稿に答えがありました: https://groups.google.com/forum/?fromgroups=#!topic/craftyjs/pdxcYi8T_j8

基本的に、エンティティを背景に割り当てる代わりに、画像の URL パスをローカル ファイルに割り当てました。

Crafty.background("url('path/to/image.png')");
于 2013-04-27T18:47:22.090 に答える