KaiSays:现场直播

  • U7_652234
    了解作者
  • 338.8KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-25 13:38
    上传日期
凯西 Kai-Says是经典游戏Simon Says的转折点! 关于 Kai-Says将利用声音和颜色来显示玩家必须记住的顺序。 然后,播放器必须将序列转发回去。 如果它们不正确,则必须重新开始。 如果它们是正确的,则随着序列长度的增加,它们将进入下一个级别。 直到玩家赢或游戏赢为止,这将重复进行! 技术领域 香草JavaScript HTML CSS 特征 利用Vanilla JavaScript进行游戏逻辑。 渲染随机的颜色,该颜色将向播放器显示并播放声音。 颜色将存储为当前正确的序列,并将用于与用户输入进行比较。 利用HTML和CSS来显示带有颜色和动画的游戏板(中继时颜色会变亮) 线框
KaiSays-master.zip
  • KaiSays-master
  • src
  • styles
  • index.scss
    4KB
  • index.js
    31B
  • .vscode
  • settings.json
    38B
  • js
  • sounds
  • red.mp3
    18.5KB
  • green.mp3
    18.5KB
  • yellow.mp3
    22.8KB
  • blue.mp3
    16.1KB
  • images
  • favicon.ico
    1.4KB
  • feature.png
    209.1KB
  • icons8-angellist-50.png
    1.4KB
  • game_logic.js
    9.7KB
  • dist
  • main.js
    1013B
  • main.js.map
    4.6KB
  • main.css
    3.2KB
  • main.css.map
    4.4KB
  • webpack.dev.js
    275B
  • index.html
    2.9KB
  • postcss.config.js
    59B
  • webpack.prod.js
    170B
  • webpack.common.js
    2.4KB
  • README.md
    914B
  • .gitignore
    14B
  • _config.yml
    28B
  • package-lock.json
    320.1KB
  • package.json
    1.3KB
内容介绍
# Kai-Says Kai-Says is a take on the classic game Simon Says with extra twist and turns! ## About Kai-Says will utilize sound and color to display the sequence that the player must remember. The player must then relay the sequence back. If they are incorrect they will have to start all over again. If they are correct they move on to the next level with the sequence length increasing. This will repeat until they player wins or the game wins! ## Technologies * Vanilla JavaScript * HTML * CSS ## Features Make use of Vanilla JavaScript for game logic. Render random color that will display and play sound to player. The color is stored as the current correct sequence and will be used to compare to the user's input. Make use of HTML and CSS to display game board with color and animation (color lights up when relayed) ## Wireframe ![Image description](https://i.imgur.com/g0dRUoT.png)
评论
    相关推荐