教學(xué)課件 18項(xiàng)目十八：貪吃蛇

模塊五：2D游戲項(xiàng)目十八：貪吃蛇UnityGameEngineUNITY2D游戲項(xiàng)目十八：貪吃蛇游戲界面展示游戲構(gòu)思設(shè)計(jì)游戲項(xiàng)目制作任務(wù)1任務(wù)2任務(wù)3任務(wù)概述Unity雖然以3D功能而聞名，但它也可以用于創(chuàng)建2D游戲，2D游戲畫面基于二維平面，通常只有水平和垂直的移動(dòng)。本項(xiàng)目將以《貪吃蛇》案例的制作為例，介紹2D游戲的制作方法。行業(yè)PPT模板/hangye/學(xué)習(xí)目標(biāo)011.能夠綜合運(yùn)用所學(xué)知識(shí)完成貪吃蛇游戲的制作2.能夠進(jìn)一步完善游戲的功能教學(xué)目標(biāo)重難點(diǎn)重點(diǎn)：理解游戲邏輯難點(diǎn)：游戲功能的實(shí)現(xiàn)項(xiàng)目實(shí)現(xiàn)02任務(wù)1：游戲界面展示項(xiàng)目實(shí)現(xiàn)02任務(wù)2：游戲構(gòu)思設(shè)計(jì)貪吃蛇游戲，分為邊界模式和傳送模式兩種，在游戲中會(huì)實(shí)時(shí)顯示蛇的長度及得分，游戲中會(huì)存在食物、隨機(jī)獎(jiǎng)勵(lì)寶箱以及石頭三種物體，蛇可以吃食物及寶箱，但不可以碰撞邊界（有邊界模式）、身體以及石頭。在游戲過程中，背景會(huì)隨著分?jǐn)?shù)的變化而進(jìn)行顏色的變化。1.游戲功能介紹（1）運(yùn)行游戲，選擇邊界模式或傳送模式后，單擊按鈕，即可開始游戲（2）玩家按下方向鍵或W、A、S、D鍵控制蛇身體的移動(dòng)，按空格鍵加速移動(dòng)。（3）邊界模式不可以觸碰到邊界、身體以及石頭，穿越模式蛇的身體可以穿越邊界。（4）當(dāng)食物出現(xiàn)的時(shí)候，有一定的機(jī)率可以出現(xiàn)石頭或?qū)毾洹＃?）吃到食物的時(shí)候，蛇的身體長度會(huì)自動(dòng)增加，同時(shí)分?jǐn)?shù)也會(huì)相應(yīng)增加。（6）當(dāng)游戲分?jǐn)?shù)達(dá)到500、800、1100、1400、1700分時(shí)，游戲背景會(huì)隨著分?jǐn)?shù)的變化而改變不同的顏色。（7）當(dāng)蛇碰到邊界（邊界模式）、身體或石頭時(shí)，會(huì)出現(xiàn)死亡界面。2.游戲流程設(shè)計(jì)項(xiàng)目實(shí)現(xiàn)02任務(wù)2：游戲構(gòu)思設(shè)計(jì)3.游戲腳本說明腳本名稱功能介紹HeadMove.cs控制蛇頭移動(dòng)、蛇頭穿越邊界、吃食物長身體、分?jǐn)?shù)計(jì)算等功能CreateFood.cs實(shí)現(xiàn)食物、寶箱或石頭隨機(jī)出現(xiàn)UIController.cs實(shí)現(xiàn)得分、長度顯示、背景變色功能MainmenuController.cs實(shí)現(xiàn)邊界判斷及場(chǎng)景跳轉(zhuǎn)項(xiàng)目實(shí)現(xiàn)02任務(wù)3：游戲項(xiàng)目制作1.制作游戲界面（1）設(shè)置游戲界面大小為1280*720。（2）制作游戲開始界面。注意，標(biāo)題文字添加了Outline（描邊）和Shadow（陰影）組件，邊界模式和傳送模式為一組單選鈕，需要為其添加ToggleGroup組件。（3）新建場(chǎng)景，制作游戲界面。制作步驟提示：項(xiàng)目實(shí)現(xiàn)02任務(wù)3：游戲項(xiàng)目制作1.制作游戲界面（4）新建蛇頭SnakeHead，為其添加Rigidbody2D組件，取消重力。（5）為蛇頭添加BoxCollider2D組件，選中IsTrigger，保證蛇頭在移動(dòng)中能夠與食物等發(fā)生交互。（6）新建2個(gè)空物體foodHolder和bodyHolder，分別用來儲(chǔ)存食物和身體，新建一個(gè)空物體gameScript，用來添加腳本，同時(shí)將頭、身體、食物、石頭和獎(jiǎng)勵(lì)的寶箱都做成預(yù)置體，并分別為它們?cè)O(shè)置對(duì)應(yīng)的標(biāo)簽，如寶箱的標(biāo)簽為box，石頭的標(biāo)簽為stone，食物的標(biāo)簽為food，身體的標(biāo)簽為body。制作步驟提示：項(xiàng)目實(shí)現(xiàn)02任務(wù)3：游戲項(xiàng)目制作2.實(shí)現(xiàn)蛇的移動(dòng)（1）為蛇頭添加HeadMove腳本。制作步驟提示：privatevoidKeyControl(){if(Input.GetKeyDown(KeyCode.Space))

{CancelInvoke();//取消延時(shí)

InvokeRepeating("StepMove",0,velocity-0.2f);}if(Input.GetKeyUp(KeyCode.Space))

{CancelInvoke();InvokeRepeating("StepMove",0,velocity);}if(Input.GetKey(KeyCode.W)&&y!=-step)

{transform.localRotation=Quaternion.Euler(0,0,0);x=0;y=step;}if(Input.GetKey(KeyCode.A)&&x!=step)

{transform.localRotation=Quaternion.Euler(0,0,90);x=-step;y=0;

}publicclassHeadMove:MonoBehaviour{publicfloatvelocity=0.35f;//間隔時(shí)間

publicintstep=30;//移動(dòng)步長

privateintx;privateinty;privateVector3headposition;voidStart(){InvokeRepeating("StepMove",0,velocity);

y=step;

x=0;}voidUpdate(){KeyControl();}if(Input.GetKey(KeyCode.S)&&y!=step)

{transform.localRotation=Quaternion.Euler(0,0,180);x=0;y=-step;}if(Input.GetKey(KeyCode.D)&&x!=-step)

{transform.localRotation=Quaternion.Euler(0,0,-90);x=step;y=0;}}privatevoidStepMove()

{headposition=transform.localPosition;transform.localPosition=newVector3(headposition.x+x,headposition.y+y,headposition.z);}}項(xiàng)目實(shí)現(xiàn)02任務(wù)3：游戲項(xiàng)目制作3.制作蛇頭穿越邊界（1）為蛇頭添加HeadMove腳本。制作步驟提示：privatevoidKeyControl(){if(Input.GetKeyDown(KeyCode.Space))

{CancelInvoke();//取消延時(shí)

InvokeRepeating("StepMove",0,velocity-0.2f);}if(Input.GetKeyUp(KeyCode.Space))

{CancelInvoke();InvokeRepeating("StepMove",0,velocity);}if(Input.GetKey(KeyCode.W)&&y!=-step)

{transform.localRotation=Quaternion.Euler(0,0,0);x=0;y=step;}if(Input.GetKey(KeyCode.A)&&x!=step)

{transform.localRotation=Quaternion.Euler(0,0,90);x=-step;y=0;

}publicclassHeadMove:MonoBehaviour{publicfloatvelocity=0.35f;//間隔時(shí)間

publicintstep=30;//移動(dòng)步長

privateintx;privateinty;privateVector3headposition;voidStart(){InvokeRepeating("StepMove",0,velocity);

y=step;

x=0;}voidUpdate(){KeyControl();}if(Input.GetKey(KeyCode.S)&&y!=step)

{transform.localRotation=Quaternion.Euler(0,0,180);x=0;y=-step;}if(Input.GetKey(KeyCode.D)&&x!=-step)

{transform.localRotation=Quaternion.Euler(0,0,-90);x=step;y=0;}}privatevoidStepMove()

{headposition=transform.localPosition;transform.localPosition=newVector3(headposition.x+x,headposition.y+y,headposition.z);}}項(xiàng)目實(shí)現(xiàn)02任務(wù)3：游戲項(xiàng)目制作4.制作食物隨機(jī)出現(xiàn)（1）為空物體gameScript添加CreateFood腳本。制作步驟提示：

privateTransformfoodHolder;//用來當(dāng)做儲(chǔ)存食物的父物體

publicGameObjectboxprefab;//獎(jiǎng)勵(lì)寶箱的預(yù)制體

publicGameObjectstoneprefab;//石頭的預(yù)制體

voidStart(){foodHolder=GameObject.Find("foodHolder").transform;MakeFood(false,false);}privatevoidAwake(){_instance=this;}publicvoidMakeFood(boolisBox,boolisStone){GameObjectfood=Instantiate(foodprefab);

food.transform.SetParent(foodHolder,false);

intx=Random.Range(-xLimit,xLimit);//食物的生成范圍

inty=Random.Range(-yLimit,yLimit);food.transform.localPosition=newVector3(x*30,y*30,0);usingUnityEngine.UI;publicclassCreateFood:MonoBehaviour{privatestaticCreateFood_instance;//單例模式

publicstaticCreateFoodInstance{get{return_instance;}

}publicintxLimit=21;//蛇頭水平方向上移動(dòng)的最大步數(shù)

publicintyLimit=11;//蛇頭垂直方向上移動(dòng)的最大步數(shù)

publicGameObjectfoodprefab;//食物預(yù)制體if(isBox)

{GameObjectbox=Instantiate(boxprefab);box.transform.SetParent(foodHolder,false);

x=Random.Range(-xLimit,xLimit);y=Random.Range(-yLimit,yLimit);box.transform.localPosition=newVector3(x*30,y*30,0);}if(isStone

{GameObjectstone=Instantiate(stoneprefab);stone.transform.SetParent(foodHolder,false);

x=Random.Range(-xLimit,xLimit);y=Random.Range(-yLimit,yLimit);stone.transform.localPosition=newVector3(x*30,y*30,0);}}}項(xiàng)目實(shí)現(xiàn)02任務(wù)3：游戲項(xiàng)目制作4.制作食物隨機(jī)出現(xiàn)（2）修改HeadMove代碼。制作步驟提示：elseif(collision.gameObject.CompareTag("body")){}else{switch(collision.gameO){case"up":transform.localPosition=newVector3(transform.localPosition.x,-transform.localPosition.y+30,transform.localPosition.z);break;case"down":transform.localPosition=newVector3(transform.localPosition.x,-transform.localPosition.y-30,transform.localPosition.z);break;

case"left":transform.localPosition=newVector3(-transform.localPosition.x-30,transform.localPosition.y,transform.localPosition.z);break;case"right":transform.localPosition=newVector3(-transform.localPosition.x+30,transform.localPosition.y,transform.localPosition.z);break;}}}}privatevoidOnTriggerEnter2D(Collider2Dcollision){if(collision.tag=="food"){Destroy(collision.gameObject);CreateFood.Instance.MakeFood((Random.Range(0,100)<20)?true:false,(Random.Range(0,100)<20)?true:false);}

elseif(collision.tag=="box"){Destroy(collision.gameObject);}elseif(collision.tag=="stone"){}項(xiàng)目實(shí)現(xiàn)02任務(wù)3：游戲項(xiàng)目制作5.制作吃食物長身體動(dòng)畫（1）在HeadMove中添加以下的代碼。制作步驟提示：if(BodyList.Count>0)

{for(inti=BodyList.Count-2;i>=0;i--){BodyList[i+1].localPosition=BodyList[i].localPosition;}BodyList[0].localPosition=headposition;}}voidGrow(){GameObjectnewbody=Instantiate(bodyprefab,newVector3(2000,2000,0),Quaternion.identity);

newbody.transform.SetParent(bodyparent,false);

BodyList.Add(newbody.transform);

}privatevoidOnTriggerEnter2D(Collider2Dcollision){if(collision.tag=="food")

{Destroy(collision.gameObject);Grow();publicList<Transform>BodyList=newList<Transform>();//身體位置信息publicGameObjectbodyprefab;privateTransformbodyparent;voidAwake(){bodyparent=GameObject.Find("bodyHolder").transform;

}privatevoidStepMove(){headposition=transform.localPosition;transform.localPosition=newVector3(headposition.x+x,headposition.y+y,headposition.z);CreateFood.Instance.MakeFood((Random.Range(0,100)<20)?true:false,(Random.Range(0,100)<20)?true:false);}elseif(collision.tag=="box")

{Destroy(collision.gameObject);Grow();}elseif(collision.tag=="stone"){}elseif(collision.gameObject.CompareTag("body")){}else{switch(collision.gameO){……此處代碼與前面一致，省略

}}}項(xiàng)目實(shí)現(xiàn)02任務(wù)3：游戲項(xiàng)目制作6.制作死亡動(dòng)畫（1）在HeadMove中添加以下代碼，如下。制作步驟提示：privateboolisDie=false;//判斷蛇是否死亡publicGameObjectdieimage;//死亡后出現(xiàn)的YOUDIE界面的Imageif(Input.GetKeyDown(KeyCode.Space)&&isDie==false)……此處其余代碼省略//在KeyControl中所有的if語句后面添加是否死亡的判斷條件&&isDie==falsevoidDie(){CancelInvoke();isDie=true;dieimage.SetActive(true);//如果死亡，讓死亡界面的Image顯示}elseif(collision.tag=="stone"){Die();}elseif(collision.gameObject.CompareTag("body")){Die();}（2）在HeadMove中，找到OnTriggerEnter2D方法，修改其中碰到身體和石頭死亡的代碼。項(xiàng)目實(shí)現(xiàn)02任務(wù)3：游戲項(xiàng)目制作7.制作得分和長度顯示（1）編寫UIController代碼。制作步驟提示：

publicintscore=0;//總分

publicintlength=0;//長度

publicTextscoretxt;//顯示總分的文本

publicTextlengthtxt;//顯示長度的文本

privatevoidAwake(){_instance=this;}publicvoidUpdateUI(ints=5,intl=1)//讓蛇每吃到1個(gè)食物加5分，長度加1{score+=s;length+=l;scoretxt.text="得分："+score;lengthtxt.text="長度："+length;}}usingUnityEngine.UI;publicclassUIController:MonoBehaviour{privatestaticUIController_instance;//單例模式

publicstaticUIControllerInstance{get{return_instance;}}項(xiàng)目實(shí)現(xiàn)02任務(wù)3：游戲項(xiàng)目制作7.制作得分和長度顯示（2）在HeadMove腳本中添加對(duì)分?jǐn)?shù)和長度的調(diào)用。（3）為gameScript添加UIController腳本。制作步驟提示：privatevoidOnTriggerEnter2D(Collider2Dcollision){if(collision.tag=="food"){Destroy(collision.gameObject);UIController.Instance.UpdateUI();Grow();CreateFood.Instance.MakeFood((Random.Range(0,100)<20)?true:false,(Random.Range(0,100)<20)?true:false);}elseif(collision.tag=="box"){Destroy(collision.gameObject);UIController.Instance.UpdateUI(Random.Range(5,15)*10);//吃到寶箱，讓分?jǐn)?shù)隨機(jī)增加50-150分

Grow();}項(xiàng)目實(shí)現(xiàn)02任務(wù)3：游戲項(xiàng)目制作8.制作背景隨分?jǐn)?shù)改變變色（1）在UIController腳本中添加以下代碼。制作步驟提示：case6:case7:case8:ColorUtility.TryParseHtmlString("#FCDEFFFF",outtempcolor);

bgimage.color=tempcolor;break;case9:case10:case11:ColorUtility.TryParseHtmlString("#DFFFD0FF",outtempcolor);

bgimage.color=tempcolor;break;case12:case13:case14:ColorUtility.TryParseHtmlString("#D0FFF7FF",outtempcolor);

bgimage.color=tempcolor;break;case15:case16:case17:ColorUtility.TryParseHtmlString("#C3CCFDFF",outtempcolor);

bgimage.color=tempcolor;break;default:ColorUtility.TryParseHtmlString("#FFD1C8FF",outtempcolor);

bgimage.color=tempcolor;break;}}publicImagebgimage;privateColortempcolor;privatevoidUpdate(){switch(score/100){case0:case1:case2:break;case3:case4:case5:ColorUtility.TryParseHtmlString(“#FFFED0FF”,outtempcolor);

bgimage.color=tempcolor;break;項(xiàng)目實(shí)現(xiàn)02任務(wù)3：游戲項(xiàng)目制作9.邊界判斷及場(chǎng)景跳轉(zhuǎn)（1）編寫MainmenuController代碼。制作步驟提示：

else{transmit.isOn=true;//設(shè)置傳送標(biāo)志位

PlayerPrefs.SetInt("border",0);}}publicvoidBorderSeclected(boolisOn){if(isOn){PlayerPrefs.SetInt("border",1);

}}publicvoidTransmitSeclected(boolisOn){if(isOn){PlayerPrefs.SetInt("border",0);

}}publicvoidstartGame(){SceneManager.LoadScene("SampleScene");

}}usingUnityEngine.SceneManagement;usingUnityEngine.UI;publicclassMainmenuController:MonoB