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

相关文章

一文详解Python如何开发游戏

《一文详解Python如何开发游戏》Python是一种非常流行的编程语言,也可以用来开发游戏模组,:本文主要介绍Python如何开发游戏的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录一、python简介二、Python 开发 2D 游戏的优劣势优势缺点三、Python 开发 3D

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

在Node.js中使用.env文件管理环境变量的全过程

《在Node.js中使用.env文件管理环境变量的全过程》Node.js应用程序通常依赖于环境变量来管理敏感信息或配置设置,.env文件已经成为一种流行的本地管理这些变量的方法,本文将探讨.env文件... 目录引言为什么使php用 .env 文件 ?如何在 Node.js 中使用 .env 文件最佳实践引

PyQt6 键盘事件处理的实现及实例代码

《PyQt6键盘事件处理的实现及实例代码》本文主要介绍了PyQt6键盘事件处理的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起... 目录一、键盘事件处理详解1、核心事件处理器2、事件对象 QKeyEvent3、修饰键处理(1)、修饰键类

使用Node.js和PostgreSQL构建数据库应用

《使用Node.js和PostgreSQL构建数据库应用》PostgreSQL是一个功能强大的开源关系型数据库,而Node.js是构建高效网络应用的理想平台,结合这两个技术,我们可以创建出色的数据驱动... 目录初始化项目与安装依赖建立数据库连接执行CRUD操作查询数据插入数据更新数据删除数据完整示例与最佳

Three.js构建一个 3D 商品展示空间完整实战项目

《Three.js构建一个3D商品展示空间完整实战项目》Three.js是一个强大的JavaScript库,专用于在Web浏览器中创建3D图形,:本文主要介绍Three.js构建一个3D商品展... 目录引言项目核心技术1. 项目架构与资源组织2. 多模型切换、交互热点绑定3. 移动端适配与帧率优化4. 可

Python38个游戏开发库整理汇总

《Python38个游戏开发库整理汇总》文章介绍了多种Python游戏开发库,涵盖2D/3D游戏开发、多人游戏框架及视觉小说引擎,适合不同需求的开发者入门,强调跨平台支持与易用性,并鼓励读者交流反馈以... 目录PyGameCocos2dPySoyPyOgrepygletPanda3DBlenderFife

游戏闪退弹窗提示找不到storm.dll文件怎么办? Stormdll文件损坏修复技巧

《游戏闪退弹窗提示找不到storm.dll文件怎么办?Stormdll文件损坏修复技巧》DLL文件丢失或损坏会导致软件无法正常运行,例如我们在电脑上运行软件或游戏时会得到以下提示:storm.dll... 很多玩家在打开游戏时,突然弹出“找不到storm.dll文件”的提示框,随后游戏直接闪退,这通常是由于

Python实例题之pygame开发打飞机游戏实例代码

《Python实例题之pygame开发打飞机游戏实例代码》对于python的学习者,能够写出一个飞机大战的程序代码,是不是感觉到非常的开心,:本文主要介绍Python实例题之pygame开发打飞机... 目录题目pygame-aircraft-game使用 Pygame 开发的打飞机游戏脚本代码解释初始化部

Python使用pynput模拟实现键盘自动输入工具

《Python使用pynput模拟实现键盘自动输入工具》在日常办公和软件开发中,我们经常需要处理大量重复的文本输入工作,所以本文就来和大家介绍一款使用Python的PyQt5库结合pynput键盘控制... 目录概述:当自动化遇上可视化功能全景图核心功能矩阵技术栈深度效果展示使用教程四步操作指南核心代码解析