HarmonyOS小游戲十二生肖之找到那只豬及上架

小嵌

HarmonyOS小游戲十二生肖之找到那只豬及上架,   
前言 那天在論壇里看到張榮超老師發(fā)了一個(gè)2048的游戲，后面就想到自己用2048的玩法寫個(gè)十二生肖主題的消消樂的游戲?qū)懼�玩玩。在官方文檔中看到有HarmonyOS上架相關(guān)的文檔，并體驗(yàn)了下上架流程（PS:11月18號(hào)提交的上架現(xiàn)在都沒有審核反饋，如果不讓上其實(shí)官方可以打回的。）

代碼一直放著今天看到有征文有獎(jiǎng)所以才想到發(fā)上來。


基本布局



頁面還是用宮格布局，上方文字顯示當(dāng)前動(dòng)物，宮格顯示動(dòng)物圖片。

<div class=“container“>

     <div class=“zoon“>

         <text>

             {{zoon}}

         </text>

     </div>

     <stack class=“wins“ ref=“wins“>

         <canvas id=“cantx“ ref=“canvas“ class=“cantx“ focusable=“true“ ></canvas>

     </stack>

     <input type=“button“ value=“重新開始“ class=“btn“/>

</div>

/* index.css */

.container {

     flex-direction: column;

     width: 90%;

     height: 90%;

     background-color: black;

}



.wins{

     width: 290px;

     height: 290px;

     margin-left: 80px;

     margin-top: 80px;

}

.cantx{

     width: 290px;

     height: 290px;

}

.btn {

     width: 175px;

     height: 50px;

     background-color: #AD9D8F;

     font-size: 24px;

     margin-top: 10px;

     margin-left: 140px;

}

.zoon {

     position: absolute;

     margin-left: 200px;

     font-size: 18px;

     text-align: center;

     width: 100px;

     height: 50px;

     margin-top: 20px;

}


代碼結(jié)構(gòu)



官方文檔的方向滑動(dòng)的回調(diào)方法由于我人品問題根本沒有起作用，然后自己跟根據(jù)起始停止點(diǎn)位計(jì)算方法算出方向。

touchStart（e）{

     back.touchPointX = e.touches[0].localX

     back.touchPointY = e.touches[0].localY

},

touchEnd（e）{

     let endxpoint = e.changedTouches[0].localX

     let endypoint = e.changedTouches[0].localY

     back.leavePointX = endxpoint - back.touchPointX

     back.leavePointY = endypoint - back.touchPointY

     IF （Math.abs（back.leavePointX） > 10 || Math.abs（back.leavePointY） > 10） {

         if（move.CanMove（））{

             let fx = move.moveFx（back.leavePointX, back.leavePointY）

             let movereslut= move.Move（fx）;

             if （movereslut） {

                 this.createItem（）

                 this.addNumBlank（1）;

             }

         }else{

             this.reNumBlank（）;

             this.createItem（）;

             this.addNumBlank（2）;

         }

     }

}


移動(dòng)后效果




上架

目前文檔中需要被邀請(qǐng)的開發(fā)者才能打包調(diào)試，所以給官方發(fā)完郵件后也得到了開發(fā)者的開通。





官方打包調(diào)試上架文檔：https://developer.huawei.com/consumer/cn/doc/distribution/app/agc-harmonyapp-releaseharmonyapp#h1-1598338018957

根據(jù)文檔獲取Profile文件，在IED>File>Project Structure>Project中配置相關(guān)信息就可以Build出app包文件

按文檔頁面填寫信息即可提交你的app





接下來就是等待審核了










篇外 看到有獎(jiǎng)品第一次寫這種分享文章，希望不要噴的太重。另外一個(gè)自己寫著玩的音樂播放器還在停停寫寫很久了，希望中獎(jiǎng)有動(dòng)力把這個(gè)完成下來。

文章來自51CTO