README

Example Guide

贡献指南

▼ 项目列表

▼ Intermediate-Level Ideas

Book Finder App

To-Do 应用

命令行计算器

Markdown预览器

Emoji翻译器应用

Password Generator

Name Generator

Meme生成器应用

FlashCards应用

Charity Finder App

Podcast目录应用

Game Suggestion App

Simple Online Store

Flip Art App

HighStriker游戏

Sports Bracket Generator

时区提醒机器人

二维码徽章应用

卡片记忆游戏

Bit Masks App

Chrome主题扩展

Currency Converter

Drawing App

GitHub个人资料

Image Scanner

Markdown表格生成器

RegExp助手应用

Sales数据库应用程序

String Art

This or That Game

Typing Practice App

Voting App

Math Editor

▼ 初学者项目合集

Bin2Dec应用

Border Radius Previewer

CSV转JSON应用

Calculator App

Calendar App

因果应用

Christmas Lights App

Color Cycle App

倒计时器应用

Dollars To Cents App

Dynamic CSS Variables App

First Database App

Flip Image App

GitHub状态应用

Hello App

IOT邮箱应用

JSON转CSV应用

Javascript正则表达式验证

Key-Value 应用

Lorem Ipsum 生成器

Notes应用

Pearson回归应用

Pomodoro时钟

产品登陆页

Quiz应用程序

随机餐点生成器

随机数生成器

Recipe App

Roman to Decimal Converter

滑块设计

Stopwatch App

True or False App

Vigenere 密码

Weather App

Windchill App

Word Frequency App

▼ Advanced Ideas

Battleship Bot

Battleship游戏引擎

Boole Bot 游戏

Bug Race Game

Calorie Counter App

Chat应用

Contribution Tracker App

Elevator App

FastFood应用

GitHub时间线应用

GitTweet应用

Instagram克隆应用

Kudos Slackbot

Movie App

MyPodcast Library App

NASA系外行星查询

Shell Game

Shuffle-Deck-App

Slack 归档器

SpellIt-App

Survey App

Bug Race

等级: 3-高级

在这个项目中,你将通过创建一个游戏来测试你的动画技能,该游戏允许用户赛车比赛猜测获胜者。作为这个的一部分,你需要向用户提供各种控制选项,以使游戏可定制,包括Bug图标,为Bug命名,选择可能的获胜者,以及Bug速度。

限制

  • 开发者需要选择游戏中要使用的Bug图标
  • 开发者应该在比赛开始前随机调整每个Bug的速度,以便它们在用户选择的速度(慢,正常,快)内以不同的速率移动。
  • 开发者需要定义与慢速,正常和快速速度设置相关的速度范围。
  • 如果可能的话,你可以使用动画库,但如果你尝试使用本地语言功能来实现它,你会从这个项目中获得更多收获。

用户故事

  • [ ] 用户可以看到:
    • 包含配置游戏UI和操作的输入面板。
    • 由四个水平车道组成的赛道,Bug将在其中行驶
    • 每个车道都有一个单选按钮,允许用户选择一个潜在的获胜者
    • 一个“开始”按钮。

游戏控制

  • [ ] 用户可以在输入面板中看到以下控制。
    • 一个包含四个车道号码的列表,每个车道都有一个单选按钮,显示三个独特的Bug的缩略图,以及一个文本框,用户可以用它给Bug命名。
    • 一个速度选择控件,有三个单选按钮 - 慢,正常,快
  • [ ] 用户可以点击单选按钮选择分配给车道的Bug图标。
  • [ ] 如果为多个车道选择了相同的图标,则会显示警告消息。
  • [ ] 用户可以在每个车道中输入Bug的名称。
  • [ ] 如果同一个名称被重复用于多个Bug,则会显示错误消息。
  • [ ] 用户可以通过点击速度单选按钮选择Bug速度

赛车

  • [ ] 用户可以通过点击任何车道的单选按钮选择潜在的获胜者。
  • [ ] 用户可以通过点击“开始”按钮开始比赛。
  • [ ] 在比赛结束之前,用户可以看到“开始”按钮是禁用的。
  • [ ] 如果没有选择获胜者,则会显示错误消息。
  • [ ] 用户可以看到Bug在他们分配的车道上游行到终点线。
  • [ ] 当第一个Bug到达终点线时,所有Bug都会停止移动。
  • [ ] 用户可以看到此会话中已运行的比赛次数更新的游戏指标。

额外功能

  • [ ] 用户可以看到每个Bug的比赛指标,显示已运行的比赛次数,获胜次数和失败次数。
  • [ ] 当Bug赢得比赛时,可以看到它在获胜时弹跳。
  • [ ] 当Bug输掉比赛时,可以看到它在失败时翻过来。
  • [ ] 当比赛开始和结束时,可以听到独特的音效播放。

有用的链接和资源

示例项目