画像を切り抜く/切り抜くことができません

Question

次のコードは、画像ストリップとキャンバスの爪を使用して画面に数字を描くことを意図していますが、表示されません。

1）「setSourceRect」をコメント/削除すると、完全な画像が表示されます。 2）initnails関数は、ソース矩形を設定することに加えて何

package com.myGame.mavenproject3.core; 
import org.jbox2d.collision.shapes.CircleShape; 
import playn.core.*; 
import static playn.core.PlayN.assetManager; 
import static playn.core.PlayN.graphics; 

public class mavenproject3 implements Game { 
Canvas canvas; 
    private float radius; 
    Image pointsFontImage; 
GroupLayer pointsLayer; 
@Override 
    public void init() { 
// create and add background image layer 
int width = 640; 
int height = 480; 
CanvasImage bgImage = graphics().createImage(width, height); 
canvas = bgImage.canvas(); 
canvas.setFillColor(0xff87ceeb); 
canvas.fillRect(0, 0, width, height); 
ImageLayer bg = graphics().createImageLayer(bgImage); 
graphics().rootLayer().add(bg); 
pointsLayer = graphics().createGroupLayer(); 
    pointsLayer.setScale(3.0f, 3.0f); 
    pointsFontImage = assetManager().getImage("images/font.png"); 
    graphics().rootLayer().add(pointsLayer); 
    } 
    @Override 
    public void paint(float alpha) { 
// the background automatically paints itself, so no need to do 
anything here! 
    } 
int points = 50; 
    @Override 
    public void update(float delta) { 
    initNails(); 
    float x = 0f; 
    pointsLayer.clear(); 
    for (char c : Integer.toString(points).toCharArray()) { 
    ImageLayer digit = graphics().createImageLayer(pointsFontImage); 
    digit.setSourceRect(((c - '0' + 9) % 10) * 16, 0, 16, 16); 
    pointsLayer.add(digit); 
    digit.setTranslation(x, 0f); 
    x += 16f; 
    } 
    } 
    @Override 
    public int updateRate() { 
    return 25; 
    } 
    public void initNails() { 
    for (int x = 100; x < 300 - 100; x += 50) { 
    for (int y = 150; y < 450; y+= 100) { 
     canvas.setFillColor(0xffaaaaaa); 
     canvas.fillCircle(x, y, radius); 
    CircleShape circleShape = new CircleShape(); 
    circleShape.m_radius = 5f*2; 
    circleShape.m_p.set(x*2, 
         y*2); 
    } 
    } 
    } 
} 

Answer 1

が表示されていない、あなたがそれ以外の場合は、元の画像のサイズと同じになり、画像層用ターゲット寸法を設定する必要があります。元の画像は160x16ですが、単一の文字を描画したいので、あなたは16x16の持っている必要があります。

ImageLayer digit = graphics().createImageLayer(pointsFontImage); 
digit.setSourceRect(((c - '0' + 9) % 10) * 16, 0, 16, 16); 
digit.setWidth(16); 
digit.setHeight(16); 
pointsLayer.add(digit); 
digit.setTranslation(x, 0f); 

私も、これは複数の方法で非常非効率的であることを指摘抵抗することはできませんが。

update()メソッドは、1秒間に60回（理想的な世界）実行されます。あなたは、フレームごとに不必要に画像レイヤーを作成して破壊しています。潜在的な桁ごとに一度イメージレイヤーを作成してから、フレームごとにソースの矩形を更新するだけです。また、あなたのpoints値の桁も贅沢に高価な方法で取得しています。

int points = 50; 

final float DIGIT_WIDTH = 16; 
final float DIGIT_HEIGHT = 16; 
final int MAX_DIGITS = 5; 

@Override 
public void update(float delta) { 
    initNails(); 

    // peel off the right-most digit of points and update its layer; 
    // creating the layer on demand if we don't have one yet 
    int ll = 0; 
    for (int p = points; p > 0 || ll == 0; p /= 10, ll++) { 
    ImageLayer digit; 
    if (pointsLayer.size() <= ll) { 
     digit = graphics().createImageLayer(pointsFontImage); 
     digit.setWidth(DIGIT_WIDTH); 
     digit.setHeight(DIGIT_HEIGHT); 
     digit.setTranslation((MAX_DIGITS-ll-1) * DIGIT_WIDTH, 0); 
     pointsLayer.add(digit); 
    } else { 
     digit = (ImageLayer)pointsLayer.get(ll); 
     digit.setVisible(true); 
    } 
    int d = p%10, ix = ((d + 9) % 10); 
    digit.setSourceRect(ix * DIGIT_WIDTH, 0, DIGIT_WIDTH, DIGIT_HEIGHT); 
    } 
    // hide layers for leading zeros 
    while (ll < pointsLayer.size()) { 
    pointsLayer.get(ll++).setVisible(false); 
    } 
} 

：

次のコードは、ゲーム開発者は、夜眠るために自分自身を泣かせるしにくいです