nvminhtu / LearnPhaser

Tutorial, Experience, Coding with Phraser
1 stars 2 forks source link

[Z-index] tạo thứ tự hiển thị ưu tiên cho các sprite #18

Closed nvminhtu closed 7 years ago

nvminhtu commented 7 years ago

Theo như bài trên diễn đàn thì mình xài group để gom nhóm đối tượng cần hiển thị ưu tiên theo thứ tự và nhìn nó logic. http://www.html5gamedevs.com/topic/14729-how-to-set-z-index-for-a-sprite/ cái nào thêm vào trước -> nằm dưới. cái nào thêm vào sau -> nằm trên.

(tương tự, các sprite cũng sắp theo thứ tự như thế). Chứ ko có z-index, nếu tìm ra cách làm khác thì comment nhé @lamanhdai @thanhtungtnt Kì trc làm game bên canvas (konvajs) cũng sử dụng cách gom group này để hiển thị ưu tiên.

nvminhtu commented 7 years ago

platforms = game.add.group(); // Here we create the ground. / create(x, y, key, frame, exists, index) → {DisplayObject} Tạo một đối tượng Phaser.Sprite mới và thêm nó đến top của group (tự động thêm lên top). Tham số: x : Tọa độ X xuất hiện sprite y : Tọa độ Y xuất hiện sprite key: asset key frame: nếu sprite sử dụng là một phần của sprite sheet, thông số này có thể chỉ định chính xác vị trí cần sử dụng exists: The default exists state of the Sprite. index : thứ tự trong group/ /game.world.height : chiều cao của world, là kích cỡ gốc của màn hình (kích cỡ gốc là kích cỡ khi khởi tạo màn hình game)/ var ground = platforms.create(0, game.world.height - 64, 'ground'); Trong hàm tạo sprite bên trong 1 group đã có, thanks @thanhtungtnt