文件名称：ShapeShift:用JavaScript和HTML5 Canvas制作的有趣且具有挑战性的打字游戏
文件大小：10.52MB
文件格式：ZIP
更新时间：2024-05-17 08:25:08
JavaScript
shapeShift 概述 shapeShift是一款打字游戏，玩家的目标是通过在形状“爆裂”之前键入形状内的单词来尝试获得尽可能多的分数。 玩家获得十条生命； 在第十个弹出的形状上，游戏结束了。 技术领域 JavaScript HTML5画布 特征 简单，中等和困难难度设置。 随着难度的增加，形状会更快生长，并且会更频繁地生成。 WPM和准确性统计信息在整个游戏过程中都会更新。 微妙的脉动背景 实时动态高亮显示正在键入的字母。 如果形状的单词是正在键入的当前单词，则传入正在键入的字母，此条件将触发： if ( highlightLetters ) { const wordWidth = ctx . measureText ( this . word ) . width ; ctx . fillStyle = "#ff0000" ; ctx . te
【文件预览】：
ShapeShift-master
----.gitignore(27B)
----favicon.png(13KB)
----package.json(694B)
----package-lock.json(555B)
----webpack.config.js(129B)
----stylesheets()
--------main.css(1KB)
--------reset.css(800B)
----README.md(2KB)
----index.html(2KB)
----sounds()
--------bg_song.mp3(4.55MB)
--------fart.wav(66KB)
--------ding.wav(473KB)
----lib()
--------colors.css(524B)
--------board.js(8KB)
--------game.js(7KB)
--------shape.js(3KB)
--------typing_game.js(510B)
--------bundle.js(43KB)
----docs()
--------shape_shift_wireframe1.png(89KB)
--------proposal.md(2KB)
--------shape_shift_wireframe.xml(1KB)
--------pregame-bg.png(1.94MB)
--------shapeshift_demo.gif(3.65MB)
----CNAME(23B)