2020征文-手表鸿蒙HarmonyOS小游戏十二生肖之找到那只猪及上架

想了解更多内容，请访问：

为尼金平等地区用户提供了全套网页设计制作服务，及尼金平网站建设行业解决方案。主营业务为成都做网站、网站建设、外贸营销网站建设、尼金平网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

和华为官方合作共建的鸿蒙技术社区

https://harmonyos./#zz

前言

那天在论坛里看到张荣超老师发了一个2048的游戏，后面就想到自己用2048的玩法写个十二生肖主题的消消乐的游戏写着玩玩。在官方文档中看到有HarmonyOS上架相关的文档，并体验了下上架流程(PS:11月18号提交的上架现在都没有审核反馈，如果不让上其实官方可以打回的。)

代码一直放着今天看到有征文有奖所以才想到发上来。

基本布局

页面还是用宫格布局，上方文字显示当前动物，宫格显示动物图片。

/* 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;

}

代码结构

官方文档的方向滑动的回调方法由于我人品问题根本没有起作用，然后自己跟根据起始停止点位计算方法算出方向。

 
 
 
 
  
  
  
  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); 
  
  
  
          } 
  
  
  
      } 
  
  
  
  }

移动后效果

上架

目前文档中需要被邀请的开发者才能打包调试，所以给官方发完邮件后也得到了开发者的开通。

官方打包调试上架文档：

https://developer.huawei.com/consumer/cn/doc/distribution/app/agc-harmonyapp-releaseharmonyapp#h1-1598338018957

根据文档获取Profile文件，在IED>File>Project Structure>Project中配置相关信息就可以Build出app包文件

按文档页面填写信息即可提交你的app

接下来就是等待审核了

篇外

看到有奖品第一次写这种分享文章，希望不要喷的太重。另外一个自己写着玩的音乐播放器还在停停写写很久了，希望中奖有动力把这个完成下来。

想了解更多内容，请访问：

和华为官方合作共建的鸿蒙技术社区

https://harmonyos./#zz

名称栏目：2020征文-手表鸿蒙HarmonyOS小游戏十二生肖之找到那只猪及上架
本文路径：http://www.shufengxianlan.com/qtweb/news28/184978.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联