小程序模板網(wǎng)

微信小程序Demo之貪食蛇

發(fā)布時(shí)間：2018-04-20 10:45 所屬欄目：小程序開發(fā)教程

差不多大半年前，筆者發(fā)布了一篇關(guān)于OC版貪食蛇開發(fā)的文章，時(shí)隔多月，微信小程序橫空出世，于是閑來(lái)無(wú)事的我又寫了一個(gè)小程序版。

01頁(yè)面布局

關(guān)于小程序筆者就不做介紹了，官方有詳細(xì)文檔，我們還是先來(lái)看張圖吧

就是這個(gè)樣子的，游戲界面跟之前的OC版是差不多的，以筆者的水平，只能設(shè)計(jì)成這樣了，畢竟不是專業(yè)的，話說(shuō)這蛇怎么長(zhǎng)的像個(gè)J(和)B(諧)啊

先來(lái)看看用來(lái)添加組件的wxml文件

 

				
    
					
  1. 
						 class="backView">
    2. 
					
  2. 
						 canvas-id="snakeCanvas" class="canvas"/>
    3. 
					
  3. 
						 
    4. 
					
  4. 
						 class="controlView">
    5. 
					
  5. 
						 class="btnClass" bindtap="changeDirection" id="up">up
    6. 
					
  6. 
						 style="display:flex; height:33.33%">
    7. 
					
  7. 
						 class="btnClass" bindtap="changeDirection" id="left">left
    8. 
				

					
		

	




            


            


            

            

                

                    易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源
                    碼云倉(cāng)庫(kù):starfork
                

                

                    本文地址：http://22321a.com/wxmini/doc/course/23765.html 復(fù)制鏈接 
                    如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢：800182392 點(diǎn)擊咨詢 
                

            

          

          

        

      

      
    

  







  

    
  









  
  

    
    
    

    

     QQ在線咨詢