键盘字母游戏

最新推荐文章于 2021-04-19 13:32:02 发布
最新推荐文章于 2021-04-19 13:32:02 发布
阅读量2.4k 收藏 1
点赞数
分类专栏： html javaScript 游戏 文章标签： js键盘游戏 字母游戏 键盘游戏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011096030/article/details/9142073
版权
html 同时被 3 个专栏收录
23 篇文章 0 订阅
订阅专栏
javaScript
23 篇文章 0 订阅
订阅专栏
游戏
5 篇文章 0 订阅
订阅专栏


                                                 游戏名称：键盘字母游戏

<1> 游戏简介：利用键盘字母游戏来帮助使用者熟悉键盘字母的位置，提高手指的灵活性

<2> 游戏类型：典型的益智游戏

<3> 游戏方式：点击开始时，会有很多带有字母的苹果下落，在苹果下落到底部之前，只要按键盘上相应的字母，苹果便会消失，得分框便会加上10分，当得分达到目标分数时，便会进入下一关并且难度系数加大，随着难度的加大，苹果下落的速度也将加快；当苹果下落到底部时，游戏结束，并弹出本次游戏的最终得分；单击重玩，游戏可以重新开始，得分恢复到0分。

<4> 代码分享：(可下载附件)
<html>
<head>
<title>KeyboardGame</title>
<script>
var time; //接住时间
var score=0; //接住分数
var msec=70; //每个500秒刷新一次
var highest=550; //下落的最高值
varletter=newArray("Q","W","E","R","T","Y","U","I","O","P","A","S","D","F","G","H","J","K","L","Z","X","X","C","V","B","N","M");//数组装在26个字母
var InitTop=40;//初始化高度
var evenAddScroe=10;//每次增加的分数
var num1,num2,num3,num4,num5; //开始
function start(){
score=0;
div2.innerHTML=score;
clearInterval(time);
time=setInterval("move()",msec);
document.οnkeydοwn=keydown;//获取键盘
}
//循环下落和统分
function move(){
num1=parseInt(Math.random()*26); //0-25的随机数
num2=parseInt(Math.random()*26); //0-25的随机数
num3=parseInt(Math.random()*26); //0-25的随机数
num4=parseInt(Math.random()*26); //0-25的随机数
num5=parseInt(Math.random()*26); //0-25的随机数
//下落的div1
if(parseInt(div1.style.top) == InitTop){
div1.innerHTML=letter[num1];
}
if(parseInt(div1.style.top) < highest){
div1.style.top=parseInt(div1.style.top)+2;
}else{
clearInterval(time);
alert("游戏结束！本次得分："+score);
}
//下落的div3
if(parseInt(div3.style.top) == InitTop){
div3.innerHTML=letter[num2];
}
if(parseInt(div3.style.top) < highest){
div3.style.top=parseInt(div3.style.top)+3;
}else{
clearInterval(time);
alert("游戏结束！本次得分："+score);
}
//下落的div4
if(parseInt(div4.style.top) == InitTop){
div4.innerHTML=letter[num3];
}
if(parseInt(div4.style.top) < highest){
div4.style.top=parseInt(div4.style.top)+2;
}else{
clearInterval(time);
alert("游戏结束！本次得分："+score);
}
//下落的div5
if(parseInt(div5.style.top) == InitTop){
div5.innerHTML=letter[num4];
}
if(parseInt(div5.style.top) < highest){
div5.style.top=parseInt(div5.style.top)+3;
}else{
clearInterval(time);
alert("游戏结束！本次得分："+score);
}
//下落的div6
if(parseInt(div6.style.top) == InitTop){
div6.innerHTML=letter[num5];
}
if(parseInt(div6.style.top) < highest){
div6.style.top=parseInt(div6.style.top)+1;
}else{
clearInterval(time);
alert("游戏结束！本次得分："+score);
}
}
//接收键盘
function keydown(e){
var KeyName=String.fromCharCode(e.which);
//键盘输入转字符串
if(div1.innerHTML==KeyName){
div1.style.top=InitTop;
div1.innerHTML=letter[num6];
addScroe();
}
if(div3.innerHTML==KeyName){
div3.style.top=InitTop;
div3.innerHTML=letter[num2];
addScroe();
}
if(div4.innerHTML==KeyName){
div4.style.top=InitTop;
div4.innerHTML=letter[num3];
addScroe();
}
if(div5.innerHTML==KeyName){
div5.style.top=InitTop;
div5.innerHTML=letter[num4];
addScroe();
}
if(div6.innerHTML==KeyName){
div6.style.top=InitTop;
div6.innerHTML=letter[num4];
addScroe();
}
}
//统计分数方法
function addScroe(){
score+=evenAddScroe;
div2.innerHTML=score;
if(parseInt(div2.innerHTML)>=200 && parseInt(divAim.innerHTML)==200){
alert("恭喜你进入下一关！");
divAim.innerHTML=300;
div1.style.top=InitTop;
div3.style.top=InitTop;
div4.style.top=InitTop;
div5.style.top=InitTop;
div6.style.top=InitTop;
msec=40; start();
}
if(parseInt(div2.innerHTML)>=300 && parseInt(divAim.innerHTML)==300){
alert("恭喜你进入下一关！");
divAim.innerHTML=400;
div1.style.top=InitTop;
div3.style.top=InitTop;
div4.style.top=InitTop;
div5.style.top=InitTop;
div6.style.top=InitTop;
msec=30; start();
}
if(parseInt(div2.innerHTML)>=400 && parseInt(divAim.innerHTML)==400){
alert("恭喜你进入下一关！");
divAim.innerHTML=500;
div1.style.top=InitTop;
div3.style.top=InitTop;
div4.style.top=InitTop;
div5.style.top=InitTop;
div6.style.top=InitTop;
msec=20; start();
}
if(parseInt(div2.innerHTML)>=500 && parseInt(divAim.innerHTML)==500){
alert("恭喜你进入下一关！");
divAim.innerHTML=600;
div1.style.top=InitTop;
div3.style.top=InitTop;
div4.style.top=InitTop;
div5.style.top=InitTop;
div6.style.top=InitTop;
msec=10;
start();
}
if(parseInt(div2.innerHTML)>=600 && parseInt(divAim.innerHTML)==600){
alert("恭喜你闯关成功！");
}
}
//重新开始游戏方法
function restart(){
clearInterval(time);
div1.style.top=InitTop;
div3.style.top=InitTop;
div4.style.top=InitTop;
div5.style.top=InitTop;
div6.style.top=InitTop;
msec=70;
divAim.innerHTML=200; start();
}
</script>
</head>
<body>
<div style="width:420px;height:600px;background:yellow;border:solid 1px black" >
<button οnclick="start()">Play</button>
<button οnclick="restart()">RePlay</button>
<div id="div1" style="width:50px;height:50px;position:absolute;top:40;left:20px;text-align:center;font-size:30px;background-image:url(001.png);font-color:red">
</div>
<font color="red">
<!--/下落的div-->
<div id="div3" style="width:50px;height:50px;position:absolute;top:40;left:90px;text-align:center;font-size:30px;background-image:url(001.png)">
</div>
<!--/下落的div-->
<div id="div4" style="width:50px;height:50px;position:absolute;top:40;left:160px;text-align:center;font-size:30px;background-image:url(001.png)">
</div>
<!--/下落的div-->
<div id="div5" style="width:50px;height:50px;position:absolute;top:40;left:230px;text-align:center;font-size:30px;background-image:url(001.png)">
</div>
<!--/下落的div-->
<div id="div6" style="width:50px;height:50px;position:absolute;top:40;left:300px;text-align:center;font-size:30px;background-image:url(001.png)">
</div>
<!--/下落的div-->
</font>
<!--显示得分-->
<span style="position:absolute;top:13;left:150px">得分：</span>
<div id="div2" style="width:60px;height:20px;left:190px;top:10;position:absolute;border:solid 1px red;"></div>
<!--显示目标分数-->
<span style="position:absolute;top:13;left:280px">目标分数：</span>
<div id="divAim" style="width:60px;height:20px;left:350px;top:10;position:absolute;border:solid 1pxred;">200</div>
</div>
</body>
</html >
13东倍
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
电脑键盘练习_练习键盘输入速度-字母农场小游戏
weixin_39976748的博客
11-13 2817
无论您是拼音输入法，还是五笔输入法，无论您怎么输入，但是你的指法正确与否，是直接决定您的未来速度与习惯的。这款字母农场小游戏，从简单->进阶->难度 适合不同程度人学习。在指法训练，从简单开始，首先都是尊从左右手食指不离F,J按键。离开后，还需要回到原位，这样就不会跑掉，久了，就能盲打。速度就能自然而然提高。———————————————————以上是如何操作这个小游戏，-------...
键盘字母打字游戏
记录踩过的坑只为了更好地填坑
05-03 1678
简单写一个比较拙的打字游戏，意在表明这个游戏实现的方式，仅此而已。 开始 停止 var arr=new Array("A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","S","Y","Z"); var charInDiv=''; f
一个练习键盘的英文的小游戏
06-06
一个很小的练习键盘英文的游戏源码，当然还有一个可运行的编译好的swf，非常非常适合初学者用来启发和练手用。这也是我写的第一个小游戏，练手用的
用OO方式写键盘字母小游戏
ithome
08-29 73
&lt;html&gt; &lt;head&gt; &lt;title&gt;0.0&lt;/title&gt; &lt;script&gt; window.onload=function Test(){ alert("游戏提示，本游戏没有关卡限制，每次得分超过整百时,进入下一关，点击确定开始游戏吧！"); var game=new Game(); game.start(); ...
打字游戏-键盘版.sb2
08-08
简单的字母出现，按键盘对应的字母键，可以打下对应字母，使之消失获得分数，如果没有打中，任其落地，碰到红线，分数减去1分
控制台键盘字母敲击游戏
05-07
最近上课老是分神,就想出了这个字母游戏.控制台随机出现一个字母,在键盘上敲击这个字母即可,并重复该过程.真的能提高上课的注意力哦,亲测有效!
C++实现的打字母游戏示例
08-29
在本篇介绍的C++打字母游戏中，开发者利用了C++的基本输入输出、图形库以及时间控制技巧来创建一个简单的互动游戏。以下是这个游戏的关键知识点： 1. **C++图形库**：游戏使用了`<graphics.h>`库来处理图形显示，如...
HTML字母游戏
06-20
游戏名称：键盘字母游戏  <1> 游戏简介：利用键盘字母游戏来帮助使用者熟悉键盘字母的位置，提高手指的灵活性  <2> 游戏类型：典型的益智游戏 <3> 游戏方式：点击开始时，会有很多带有字母的苹果下落，在苹果...
c++打字母游戏
01-07
"C++ 打字母游戏设计" 在本篇文章中，我们将深入探讨 C++ 编程语言在游戏设计中的应用，特别是打字母游戏的实现。我们将从游戏的标题、描述、标签和部分内容入手，逐步剖析游戏的设计思想和实现细节。 游戏设计...
项目:打字母游戏
mwt_442396446的博客
04-19 512
打字母游戏: 1.项目要求: 随机产生一个字母从屏幕上方向下落,玩家输入字母,如果和显示的字母相同,就消去字母;游戏会再随机产生一个字母,继续游戏,如果字母落出屏幕,玩家失败,游戏结束; 2.项目分析: 项目由两个模块组成:1)显示模块; 2)处理模块; 2.1 显示模块由二维数组构成,把随机产生的字母赋值到二维数组中. 2.2 处理模块功能有:随机产出字母, 输入字母比较, 字母是否落出屏幕, 字母下降功能. #include<stdio.h> #include<string.h>
打字母游戏
09-08
一个简单的打字幕小游戏。关于awt的开发,游戏规则就是你输入的字符跟框里面的匹配就加100分，错误就减去100分，如果字母落入最下面也要扣掉100分.
VB 下落字母式 打字游戏
07-15
从pictures 落下label（*） 通过 键盘输入 大小写字母 UNload label 循环下落 开始 可以先设置 下落 速度 时间 以及大小写字母
快快乐乐练指法，一开始熟悉键盘的好东西
05-19
一开始学习盲打的时候，如果使用这个小程序的话，可以在极短的时间里完成对键盘的熟悉程度。这个程序有15年的历史了。一直在用，效果极好。
c# 字母下落 打字游戏 代码
05-14
c# 字母下落自己输字母对了消除，统计正确错误的个数
打字母小游戏
02-06
在一个300*400的窗体上，有10个随机产生的字母向下落，在键盘上敲字母，如果对了就消掉， 初始成绩为1000分，每敲对一个字母加10分，如果字母落到屏幕下方，或者敲错扣100分。
js OO写的一个键盘字母游戏
oo流云oO
08-31 1395
今天用OO写了一个键盘字母的游戏，可以用于平常的键盘练习，写的不好的地方谢谢指出。                          主要实现了效果：                        1.实现了积分的累加；                        2.积分到一定程度后升级；                        3.当字母下落到一定程度的时候就游戏失败。
打字母游戏java编程_[JAVA]简单的打字母游戏
weixin_39616477的博客
02-25 299
基本流程：1.随机呈现26个字母；2.通过键盘获取击中的字母KeyCode；3.将被击中的字母坐标y设置为-200(达到消失的效果)；4.命令行输出被击中的字母。完整源码：import java.awt.*;import java.awt.event.*;public class MyGame{public static void main(String args[]){Frame w = new...
键盘打字游戏简要代码
A__cup__of__Java的博客
11-26 1049
主要运用js、css、jQuery的基本语法完成。
Python打字小游戏《Alphabet Zoo》
ZJC'博客
10-06 1324
点击屏幕中间的Play按钮。屏幕顶部产生下落的随机字母，敲击键盘上相应的键对应字母消失。字母生成和坠落的速度随着时间由慢变快，难度逐渐增大。坠落到屏幕最下方的字母超过十个，游戏结束。 游戏设置了记分系统，敲对一个键记50分，敲错扣50分。游戏最高分和当前得分分别显示在顶端中间和右边。 另外还添加了背景音乐，敲对、敲错以及字母下落到底部的时候有不同的音效。 alphabet_zoo.py import pygame import time from pygame.locals import * fro..
pygame打字母游戏
最新发布
06-03
好的，下面是一个简单的pygame打字母游戏的代码示例： ``` import pygame import random # 初始化pygame pygame.init() # 设置窗口大小 screen = pygame.display.set_mode((500, 500)) # 设置字体和字号 font = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值