鸿蒙开发者社区

前言我们之前完成了[游戏的基本布局](https:ost.51cto.composts18540)，今天我们接着来讲下如何实现飞行棋的游戏逻辑。游戏逻辑掷骰子：随机地掷出点数16，根据骰子点数和当前阵营的棋子状态改变对应棋子的disabled属性，以控制该棋子是否可交互移动，若无符合交互条件的棋子可操作则进行回合轮替。JStodice(){this.dicedabtrue;this.dicenumMath.floor(Math.random()6+1);switch(this.dicenum){case1:this.dicepic"point1";bre...

前言飞行棋大家应该都玩过吧，红、绿、黄、蓝四名玩家轮流掷骰子移动棋子，争先到达终点，期间还要提防己方棋子不被击落。今天就先带大家学习下如何完成飞行棋游戏的简单布局。项目结构页面构建游戏的布局并不复杂，分为左边的飞行记录，中间的棋盘，右边的骰子、按钮操作区，还有游戏结束时的排行榜，共四部分。左侧飞行记录：也即各个阵营的当前战绩统计，除了与游戏胜利直接相关的抵达终点的棋子数，还记录了各方击落敌机的...

前言相信大家都玩过24点纸牌游戏，今天给大家带来的就是这个经典的纸牌游戏，大家学会以后在空闲时可以玩一玩，锻炼一下速算能力。项目结构页面构建页面设计得比较简单，上半是数字区，放着四张纸牌；下半是运算符号区，分别是加、减、乘、除；右侧则是得分记录和两个操作按钮。{{item.text}}得分\n{{score}}换一批重置对于4种花型各13张纸牌需要分别定制样式，因此建立了Poker.js纸牌字典，格式如下：JSexportletPoker[{num:1,...

组件介绍本图片组件在显示图片的基础上附带局部放大功能，在原本设定的图片区域将局部进行放大显示，在不占用其余布局空间的情况下，满足用户仔细欣赏图片细节的需要。实现效果如下：项目结构组件开发页面布局为组件绑定doubleclick双击事件和touchmove触屏移动事件，分别用于切换图片缩放和控制局部显示区域移动。组件属性参数设置参数名描述参数类型默认值imageWidth设置图片宽度Number500imageHeight设置图片高度Number500im...

前言今天给大家分享下我个人在学习鸿蒙应用开发初期写的一个小组件，希望能帮助大家学习如何完成一个自定义组件。组件介绍常见的长按事件onlongpress不能设定长按的时间，除此之外，绑定了长按事件的按钮在完成长按操作前后并没有明显的样式变化，用户无法从中得到长按操作进行的反馈，在有此类需求的场景时是无法满足的。因此我根据这些需求开发一个自定义长按按钮组件，同时兼顾按钮和进度条两个功能。最初的设计图如下：项目...

[春节不停更，此文正在参加「星光计划春节更帖活动」](https:harmonyos.51cto.composts9923)前言大家最近看冬奥会了吗，运动员在冰天雪地里驰骋，在赛场上勇夺名次，还有冬奥萌物冰墩墩、雪容融也深受大家的喜爱。虽然不能给大家真的冰墩墩，但可以带大家学习用JS写一个简单的拼图游戏，用拼图的方式重现运动员们的帅气英姿，拼出完整的冰墩墩。新建工程在DevEcoStudio中点击FileNewProjectEmptyAbilityNext，Projecttype选择Ap...

[春节不停更，此文正在参加「星光计划春节更帖活动」](https:harmonyos.51cto.composts9923)前言垃圾分类游戏虽然是个双人游戏，但在[比拼模式](https:harmonyos.51cto.composts10280)中缺少明显的互动，同时在玩家答错后没有提示正确答案，不方便纠错。因此我在后来设计了垃圾分类小游戏的抢答模式，在这个模式中填补之前的一些不足。抢答模式页面构建玩家操作区：顶部显示答题记录，下方则是4个不同的可点击的垃圾分类图标。...

[春节不停更，此文正在参加「星光计划春节更帖活动」](https:harmonyos.51cto.composts9923)前言当今国际社会普遍倡导低碳环保的理念，垃圾分类绿色环保的意识也逐渐深入人心。今天就教大家写一个简单的垃圾分类小游戏，寓教于乐，空闲时玩一玩，娱乐放松的同时学习垃圾分类的常识，何乐而不为呢？项目介绍垃圾可以分为四大类：可回收垃圾、厨余垃圾、有害垃圾、其他垃圾。垃圾图片随机出现，玩家点击对应的分类图标进行归类，...

[春节不停更，此文正在参加「星光计划春节更帖活动」](https:harmonyos.51cto.composts9923)前言书接上回，完成游戏页面的构建后，今天带大家详细讲讲游戏逻辑的具体实现代码。其实整个游戏逻辑的实现并不难，相信大家看完之后都有能力自己开发出简单的小游戏。游戏逻辑1、游戏时间区间设置设置两个变量MeTime和MaxTime分别作为游戏记忆时间和游戏限定时间的默认值。JSvarMeTime15;varMaxTime60;用timeset函数改变这两个属性的...

[春节不停更，此文正在参加「星光计划春节更帖活动」](https:harmonyos.51cto.composts9923)前言旨在通过游戏的形式向大家展示自己学习鸿蒙应用开发的一些经验。因为没有鸿蒙手机可以调试，电脑配置也比较拉跨，项目测试的工作做得比较少，假如有点小bug希望大家不要见怪，能够以一种较为轻松的方式交流学习。项目介绍今天在这里教大家用JS语言进行鸿蒙应用开发，复刻一个经典的小游戏——记忆翻牌，游戏规则很简单，左右两边各...