js OO写的一个键盘字母游戏
今天用OO写了一个键盘字母的游戏,可以用于平常的键盘练习,写的不好的地方谢谢指出。
主要实现了效果:
1.实现了积分的累加;
2.积分到一定程度后升级;
3.当字母下落到一定程度的时候就游戏失败。
附加效果图:
以下贴出代码:
<html><head><title>键盘游戏完整版</title></head><script>var speet=1; //移动的速度function createDiv(){var createbutton=document.createElement("div");createbutton.style.width="800px";createbutton.style.height="1000px";createbutton.style.border="2px solid";document.body.appendChild(createbutton);}function createSource(){var createSource; var score=500; //升级的最低积分var sco=0; //积分var i=1; //等级init();function init(){createSource=document.createElement("div");createSource.style.width="100px";createSource.style.height="20px";createSource.style.border="1px solid blue";createSource.innerHTML="积分:"+sco;createSource.position="absolute";document.body.appendChild(createSource);}this.leijia=function(){sco+=10;createSource.innerHTML="积分:";createSource.innerHTML="积分:"+sco;//alert(zhengbai);if(sco == score){score+=500;alert("恭喜升级:"+i++);speet+=1;alert("speett-----------------"+speet);}}}function CharA(charDiv){var CharArray=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 a;init();function init(){a=document.createElement("div");var charDiv=CharArray[parseInt(Math.random() * 26)];a.innerHTML=charDiv;a.style.width="50px";a.style.position="absolute";a.style.height="50px";a.style.top="50px";a.style.left=Math.random() * 100 + Math.random() * 500 + 50 + "px";document.body.appendChild(a);}this.shoaa=function(){init();}this.move=function(){a.style.top=parseInt(a.style.top)+speet+"px";if(parseInt(a.style.top)>700){alert("game over");clearInterval(time);}}this.charinner=function(){return a.innerHTML;}this.hidden=function(){a.style.display="none";document.body.removeChild(a);}}function Game(){var chars=new Array();var cs=new createSource();createDiv();function initData(){for(var i=0;i<10;i++){var charA=new CharA();chars.push(charA);}}initData();this.start=function(){time=setInterval(function (){for(var i=0;i<chars.length;i++){chars[i].move();}},100);}document.οnkeydοwn=function(e){for(var i=0;i<chars.length;i++){//alert(chars[i].innerHTML);if(String.fromCharCode(e.which)==chars[i].charinner()){chars[i].hidden();chars[i].shoaa();cs.leijia();}}} }window.οnlοad=function(){var game=new Game();game.start();}</script><body></body>
</html>
js OO写的一个键盘字母游戏相关推荐
- 朋友写的一个中国象棋游戏,JAVA代码
朋友写的一个中国象棋游戏,JAVA代码.有兴趣的可以这里下载:中国象棋下载 (1)地址,不知现在还能下否....中国象棋历史悠久,吸引了无数的人研究,现对中国象棋的对战和实现棋谱的制作做如下的设计和说 ...
- java人点灯问题_JAVA学习,写的一个点灯小游戏
之前写的一个点灯小游戏,没什么技术含量. 截图: 代码: 类Start: import java.io.File; import java.io.IOException; import javax.i ...
- 使用JS和Canvas做一个html5小游戏
这是一个很简单的html5游戏,通过学习原博文自己做了些改造, 现在附上原博文的链接 这是游戏的截图: 1.有计算抓住的怪物的数量 2.有背景,英雄,怪物. 第一步:建立html文件和js文件 建立一 ...
- 用Html+js自己写了一个小游戏
刚接触HTML,感觉挺好玩儿的,自己做了一个小游戏,我要放上来,哈哈!! <!DOCTYPEHTML> <html><head><meta charset=& ...
- 刚学玩原生JS,自己写了一个小游戏,希望在以后能不断地进步加以改善
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- 用canvas和原生JS写的一个flappy bird游戏
为什么80%的码农都做不了架构师?>>> <!DOCTYPE html> <html> <head> <title>&l ...
- 写的一个“打地鼠“小游戏
二话不说,直接上代码... <!DOCTYPE html> <html> <head> <meta charset="UTF ...
- 用C#写的一个类似网吧游戏菜单的软件
文:RQC 如题,做这个程序初是给一些朋友做系统的时候他们表示对这个东西很有兴趣,很方便快捷,而且对于不太懂电脑的朋友实在很方便.一般这个东西是网吧独有的,网吧的那种是分服务器端和客户端的,家用电脑根 ...
- 我用html+css+js+vue写了一个赛博朋克2077
闲来无事,想做个牛*点的个人博客,又不想太大众化 于是乎诞生了创造一个2077的想法 记得进入按 F11 开启全屏浏览 欢迎来到夜之城http://zhangdarui.3vdo.club/ 看看截图 ...
最新文章
- MongoDB:mongodb在项目开发时的安全验证、分页查询操作
- linux redhat 红帽 centos 命令格式
- python学习-递归(阶乘、汉诺塔)
- Netty框架入门案例,代码示例
- openCV+ASM+LBP+Gabor实现人脸识别(GT人脸库)
- BlogEngine.Net架构与源代码分析系列part5:对象搜索——IPublishable与Search
- FAT文件系统原理详细介绍
- 回文数,回文字符串的判断
- 采用腾讯云直播断流续播相关问题
- 《数据科学家访谈录》读书笔记1-5
- VLC-3.0全部详细参数
- 【pandas】df.str.contains包含多个值写法
- MPP大规模并行处理架构详解(满满干货,需细嚼慢咽)
- Python GUI界面编程-初识
- 随心所“语”之 3B大战:robots协议问题
- PyCharm安装教程(2022最新版)
- matlab容差,绝对值容差 - MATLAB
- MathWorks 中国
- 光线传输Review
- excel 单元格如何获取textbox中的值 java,把excel表格数据定义为文本框-excel中如何将单元格里的数值显示在文本框(textbox)里...
- 云创网贷系统为互联网金融平台:保驾护航