应用定位:休闲生活模拟类小应用
技术栈:HarmonyOS NEXT + ArkTS + Stage模型
源码行数:140行
核心亮点:5种咖啡配方系统、精力补充机制、心情系统、原料管理系统、过量警告


一、引言

咖啡模拟器以"制作并享用咖啡"为核心,引入了配方系统心情系统

新概念包括:

  • 5种咖啡配方:美式/拿铁/摩卡/冰咖啡/抹茶拿铁
  • 配方详情描述:每种咖啡展示成分和风味
  • 心情系统:喝咖啡提升心情值
  • 原料管理:咖啡豆、糖、牛奶三种原料
  • 过量警告:精力≥100时警告

二、需求分析

需求ID 功能 描述
F1 咖啡配方 5种不同咖啡配方
F2 制作咖啡 消耗原料制作
F3 喝咖啡 增加精力和心情
F4 换配方 切换不同配方
F5 原料管理 咖啡豆/糖/牛奶
F6 补货 补充原料
F7 心情系统 喝咖啡提升心情
F8 过量警告 精力满时提醒

三、配方系统

private recipes: string[][] = [
  ['☕ 美式咖啡', '浓缩+水', '清爽提神'],
  ['🥛 拿铁', '浓缩+牛奶', '丝滑香浓'],
  ['🍫 摩卡', '浓缩+巧克力', '甜蜜享受'],
  ['🧊 冰咖啡', '浓缩+冰', '冰凉一夏'],
  ['🍵 抹茶拿铁', '抹茶+牛奶', '和风味道']
];

数据结构:[名称, 成分, 风味]

配方切换

Button('🔄 换配方')
  .onClick(() => {
    this.recipeIndex = (this.recipeIndex + 1) % this.recipes.length;
    this.message = '换成了' + this.recipes[this.recipeIndex][0];
  })

四、制作与饮用

4.1 制作咖啡

makeCoffee() {
  if (this.beans < 1) return;
  this.beans--;
  this.coffeeCount++;
  this.message = '☕ ' + this.recipes[this.recipeIndex][0] + ' 做好了!';
}

消耗1豆,咖啡计数+1。

4.2 喝咖啡

Button('☕ 喝一口')
  .onClick(() => {
    if (this.coffeeCount === 0) {
      this.message = '还没做咖啡呢!';
      return;
    }
    this.energy = Math.min(100, this.energy + 10);
    this.mood = Math.min(100, this.mood + 5);
    this.message = '😌 喝了一口,精神多了!';
  })

精力+10、心情+5。


五、过量警告

if (this.energy >= 100) {
  Text('⚠️ 喝太多咖啡了,晚上会睡不着!😵')
    .fontSize(13)
    .fontColor('#F44336')
}

六、总结

咖啡模拟器展示了ArkTS在"制作模拟"场景的开发模式:

  1. 配方系统:二维数组管理配方信息
  2. 制作-饮用分离:两步交互流程
  3. 心情系统:饮用同时提升多重属性
  4. 警告机制:过量时的红色警报

Logo

作为“人工智能6S店”的官方数字引擎,为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐