資訊專欄INFORMATION COLUMN
摘要：資源圖代碼中為初始化代碼三角函數(shù)得出魚要旋轉(zhuǎn)的角度判斷魚是否需要反轉(zhuǎn)點擊的位置和魚頭相同不反轉(zhuǎn)點擊的位置和魚頭相同不反轉(zhuǎn)判斷魚是否需要反轉(zhuǎn)點擊的位置和魚頭相反反轉(zhuǎn)點擊的位置和魚頭相反反轉(zhuǎn)讓魚移動到點擊的位置更多游戲教學為游戲開發(fā)
資源圖:
代碼
var config = {
type: Phaser.AUTO,
parent: "iFiero", // game id; html中為
width: 500,
height: 380,
scene: {
preload: preload,
create: create
}
};
var game = new Phaser.Game(config);
// 初始化代碼
function init() {
}
function preload() {
this.load.image("bg", "assets/undersea-bg.png");
//this.load.image("arrow", "assets/sprites/arrow.png");
this.load.spritesheet("fish", "assets/fish-136x80.png", {
frameWidth: 136,
frameHeight: 80
});
}
function create() {
this.add.image(0, 0, "bg").setOrigin(0).setScale(0.65);
// this.arrow = this.add.image(250, 200, "arrow", Phaser.Math.Between(0, 5));
this.fish = this.add.image(0, 80, "fish", 0).setScale(0.7);
this.input.on("pointerdown", function (pointer) {
// 三角函數(shù) 得出魚要旋轉(zhuǎn)的角度
this.fish.rotation = Math.atan2(pointer.y - this.fish.y, pointer.x - this.fish.x);
// 判斷魚是否需要反轉(zhuǎn):點擊的位置和魚頭相同=>不反轉(zhuǎn)
if ((pointer.x > this.fish.x)) {
console.log("點擊的位置和魚頭相同=>不反轉(zhuǎn)");
this.fish.flipY = false;
}
// 判斷魚是否需要反轉(zhuǎn):點擊的位置和魚頭相反=>反轉(zhuǎn)
if ((pointer.x < this.fish.x)) {
console.log("點擊的位置和魚頭相反=>反轉(zhuǎn)");
this.fish.flipY = true;
}
// 讓魚移動到點擊的位置
this.tweens.add({
targets: this.fish,
x: pointer.x,
y: pointer.y,
duration: 3000,
ease: "Power2",
});
}, this);
}
更多游戲教學：www.iFiero.com -- 為游戲開發(fā)深感自豪
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/108590.html
摘要：資源圖代碼中為初始化代碼三角函數(shù)得出魚要旋轉(zhuǎn)的角度判斷魚是否需要反轉(zhuǎn)點擊的位置和魚頭相同不反轉(zhuǎn)點擊的位置和魚頭相同不反轉(zhuǎn)判斷魚是否需要反轉(zhuǎn)點擊的位置和魚頭相反反轉(zhuǎn)點擊的位置和魚頭相反反轉(zhuǎn)讓魚移動到點擊的位置更多游戲教學為游戲開發(fā) showImg(https://segmentfault.com/img/remote/1460000017023462); showImg(https://...
摘要：在行為中的例子沙丁魚群游動魚游動避障鯉魚躍龍門行為。大法好由于力求簡單快速實現(xiàn)，只要求快速入門。魚的身體擺動如圖，通過綁定骨骼，從魚頭到尾部，總共應該有到個節(jié)點。前后翻轉(zhuǎn)翻轉(zhuǎn)后快速前進一段距離后速度恢復。平衡沒有擺動，在空間內(nèi)緩慢位移。 背景 這個月學校舉辦人工魚大賽，簡單的說就是通過編程實現(xiàn)一或多條魚的形態(tài)、行為、動作、習性等仿真。 ▼涂曉媛的人工魚概念圖showImg(https:...
摘要：前言是一個優(yōu)秀的前端庫，封裝了很多底層的實現(xiàn)，可以用來制作游戲，場景等。今年月新發(fā)布了，到今天為止已經(jīng)更新到了。聲明本游戲來自于小站的官方教程，加入了一些個人的注釋，本文旨在幫助各位觀眾老爺快速上手。 前言 phaser是一個優(yōu)秀的前端canvas庫，封裝了很多底層的實現(xiàn)，可以用來制作游戲，h5場景等。今年1月新發(fā)布了phaser3，到今天為止已經(jīng)更新到了3.30。 聲明 本游戲來自于...
閱讀 646·2021-11-15 11:38
閱讀 1365·2021-10-11 10:59
閱讀 3556·2021-09-07 09:58
閱讀 551·2019-08-30 15:44
閱讀 3583·2019-08-28 18:14
閱讀 2664·2019-08-26 13:32
閱讀 3571·2019-08-26 12:23
閱讀 2475·2019-08-26 10:59
