文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2024-12-03 15:34

关注

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

https://harmonyos.51cto.com/

前言

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

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

基本布局


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

  1. "touchStart" ontouchend="touchEnd" class="container"
  2.     "zoon"
  3.          
  4.             {{zoon}} 
  5.          
  6.     
 
  •     "wins" ref="wins"
  •         "cantx" ref="canvas" class="cantx" focusable="true" > 
  •      
  •     "button" value="重新开始" class="btn" onclick="reset"/> 
  •  
  •  
  •  
  • .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; 
  • 代码结构


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

    1. touchStart(e){ 
    2.     back.touchPointX = e.touches[0].localX 
    3.     back.touchPointY = e.touches[0].localY 
    4. }, 
    5. touchEnd(e){ 
    6.     let endxpoint = e.changedTouches[0].localX 
    7.     let endypoint = e.changedTouches[0].localY 
    8.     back.leavePointX = endxpoint - back.touchPointX 
    9.     back.leavePointY = endypoint - back.touchPointY 
    10.     if (Math.abs(back.leavePointX) > 10 || Math.abs(back.leavePointY) > 10) { 
    11.         if(move.CanMove()){ 
    12.             let fx = move.moveFx(back.leavePointX, back.leavePointY) 
    13.             let movereslut= move.Move(fx); 
    14.             if (movereslut) { 
    15.                 this.createItem() 
    16.                 this.addNumBlank(1); 
    17.             } 
    18.         }else
    19.             this.reNumBlank(); 
    20.             this.createItem(); 
    21.             this.addNumBlank(2); 
    22.         } 
    23.     } 

     移动后效果


    上架

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


    官方打包调试上架文档:

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

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


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

    接下来就是等待审核了


    篇外

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


    想了解更多内容,请访问:

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

    https://harmonyos.51cto.com/

     

    来源:鸿蒙社区内容投诉

    免责声明:

    ① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

    ② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

    软考中级精品资料免费领

    • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

      难度     813人已做
      查看
    • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

      难度     354人已做
      查看
    • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

      难度     318人已做
      查看
    • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

      难度     435人已做
      查看
    • 2024年上半年系统架构设计师考试综合知识真题

      难度     224人已做
      查看

    相关文章

    发现更多好内容

    猜你喜欢

    AI推送时光机
    位置:首页-资讯-后端开发
    咦!没有更多了?去看看其它编程学习网 内容吧
    首页课程
    资料下载
    问答资讯