js OO写的一个键盘字母游戏

2024-05-30 09:18
文章标签 js 键盘 游戏 字母 oo

本文主要是介绍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写的一个键盘字母游戏的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1016056

相关文章

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点:

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

使用Vue.js报错:ReferenceError: “Vue is not defined“ 的原因与解决方案

《使用Vue.js报错:ReferenceError:“Vueisnotdefined“的原因与解决方案》在前端开发中,ReferenceError:Vueisnotdefined是一个常见... 目录一、错误描述二、错误成因分析三、解决方案1. 检查 vue.js 的引入方式2. 验证 npm 安装3.

Python开发围棋游戏的实例代码(实现全部功能)

《Python开发围棋游戏的实例代码(实现全部功能)》围棋是一种古老而复杂的策略棋类游戏,起源于中国,已有超过2500年的历史,本文介绍了如何用Python开发一个简单的围棋游戏,实例代码涵盖了游戏的... 目录1. 围棋游戏概述1.1 游戏规则1.2 游戏设计思路2. 环境准备3. 创建棋盘3.1 棋盘类

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)

usaco 1.2 Name That Number(数字字母转化)

巧妙的利用code[b[0]-'A'] 将字符ABC...Z转换为数字 需要注意的是重新开一个数组 c [ ] 存储字符串 应人为的在末尾附上 ‘ \ 0 ’ 详见代码: /*ID: who jayLANG: C++TASK: namenum*/#include<stdio.h>#include<string.h>int main(){FILE *fin = fopen (

Node.js学习记录(二)

目录 一、express 1、初识express 2、安装express 3、创建并启动web服务器 4、监听 GET&POST 请求、响应内容给客户端 5、获取URL中携带的查询参数 6、获取URL中动态参数 7、静态资源托管 二、工具nodemon 三、express路由 1、express中路由 2、路由的匹配 3、路由模块化 4、路由模块添加前缀 四、中间件

国产游戏崛起:技术革新与文化自信的双重推动

近年来,国产游戏行业发展迅猛,技术水平和作品质量均得到了显著提升。特别是以《黑神话:悟空》为代表的一系列优秀作品,成功打破了过去中国游戏市场以手游和网游为主的局限,向全球玩家展示了中国在单机游戏领域的实力与潜力。随着中国开发者在画面渲染、物理引擎、AI 技术和服务器架构等方面取得了显著进展,国产游戏正逐步赢得国际市场的认可。然而,面对全球游戏行业的激烈竞争,国产游戏技术依然面临诸多挑战,未来的