phaser-framework
페이저에서 이미지 추가

Android Cordova CSS HTML html5-canvas ionic-framework JavaScript jQuery Node.js TypeScript
수색…


소개

Phaser의 이미지 파일로 이미지 파일 (선호하는 png)을 게임에 추가하십시오.

통사론

  • game.load.image (name : string, file : string);
  • game.add.image (x : 숫자, y : 숫자, 이름 : 문자열);

비고

  • Image 객체는 프레임 애니메이션을 사용하지 않고 Sprite 일 필요가없는 게임에 적합한 선택입니다.
  • 기본적으로 좌상 구석에있는 이미지의 앵커 포인트이지만 다음과 같이 변경할 수 있습니다. image.anchor.setTo(0.5, 0.5);

만들기 및 화면에 추가

먼저 Phaser에서 "게임"개체를 만들어야합니다. 

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });

프리로드 콜백 함수에서 이미지를로드하십시오. 

function preload() {

    game.load.image('thing', 'assets/thing-image.png');

}
매개 변수 세부 정보 (Game.add.image)
이름 game.add.image 메서드에서 이미지를 참조하는 데 사용되는 이름입니다.
파일 자산 파일의 경로 (프로젝트의 루트 디렉토리를 기준으로합니다.

그런 다음 create 함수에서 게임 개체의 "add"메서드를 사용하여 Image 개체를 만들고 화면에 표시합니다. 

function create() {

  var image = game.add.image(100, 100, 'thing');

}
매개 변수 세부 정보 (Game.add.image)
엑스 x 좌표는 이미지가 추가되어야하는 좌표입니다.
와이 이미지를 추가 할 필요가있는 y 좌표
이름 game.load.image 메소드에 할당 된 이미지의 이름.


Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow