2020征文-手表鸿蒙HarmonyOS小游戏十二生肖之找到那只猪及上架
发布时间：2025-11-05 07:26:39 来源：创站工坊 作者：数据库
想了解更多内容，征文之找只猪请访问：
和华为官方合作共建的手表生肖鸿蒙技术社区
https://harmonyos.51cto.com/#zz
前言
那天在论坛里看到张荣超老师发了一个2048的游戏，后面就想到自己用2048的鸿蒙玩法写个十二生肖主题的消消乐的游戏写着玩玩。在官方文档中看到有HarmonyOS上架相关的游戏文档，并体验了下上架流程(PS:11月18号提交的到那上架现在都没有审核反馈，如果不让上其实官方可以打回的及上架。服务器租用)
代码一直放着今天看到有征文有奖所以才想到发上来。征文之找只猪
基本布局
页面还是手表生肖用宫格布局，上方文字显示当前动物，鸿蒙宫格显示动物图片。游戏
<div ontouchstart="touchStart" ontouchend="touchEnd" 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" onclick="reset"/> </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; }代码结构
官方文档的到那方向滑动的回调方法由于我人品问题根本没有起作用，然后自己跟根据起始停止点位计算方法算出方向。及上架
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.51cto.com/#zz
- 微星450主板装机教程（全面解析微星450主板的安装和配置）
- 探讨在苹果设备上安装Windows10的影响及挑战（苹果装Windows10，）
- 小米Note手机GPS性能评测（小米Note手机GPS定位精准度、导航稳定性等问题分析）
- 三星J7008手机（J7008手机评测及使用体验）
- OPPOR732G全网通手机体验评测（OPPOR732G全网通手机的性能、拍照、续航等方面优势分析）
- 拨号技巧（以怎么样拨号去显为主题的拨号技巧与窍门）
- 小米Note4X双清使用体验（全面解析小米Note4X双清功能，让您的手机焕然一新！）
- 创维T2盒子（一站式智能娱乐体验，让你爱不释手！）
- 宏碁电脑错误等待F1的解决方法（解决宏碁电脑错误等待F1的实用技巧）
- 以FX8300玩GTA5是怎样的体验？（探索FX8300处理器在GTA5游戏中的性能表现与局限性）
- 远程桌面设置教程（轻松掌握远程桌面设置，实现远程访问需求）
- 以撒哈拉飞行者（探寻沙漠深处，开启人类壮丽历程）
- 以三的榨汁机材质的优劣与选择（为您解读三种榨汁机材质，挑选适合您的产品）
- iWalk爱沃可的功能和用户体验（便携性和智能化设计带来的全新电源解决方案）
- 台式电脑SSD装机教程（从零开始，教你轻松完成台式电脑SSD的安装和配置）
- 探索纽曼的MP4之美（领略纽曼MP4的卓越音质与多功能性）
- 宏基57MX评测——性能卓越的高端笔记本电脑（宏基57MX是游戏爱好者的绝佳选择）
- 宏基57MX评测——性能卓越的高端笔记本电脑（宏基57MX是游戏爱好者的绝佳选择）
- 如何解决在苹果电脑上安装JDK路径错误问题（正确设置JDK路径，让开发环境无忧）
- Flyme7系统（Flyme7系统带来的惊喜与变革，让你爱不释手）
随便看看
- Copyright © 2025 Powered by 2020征文-手表鸿蒙HarmonyOS小游戏十二生肖之找到那只猪及上架,创站工坊 滇ICP备2023006006号-44sitemap