javascript的游戏（javascript 游戏）

本篇文章给大家谈谈javascript的游戏，以及javascript 游戏对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

1、js简单回合制小游戏2、怎样用javaScript做打地鼠游戏3、写一个带存档的js游戏4、js编写的小游戏有哪些5、js游戏适合什么平台6、用JavaScript写猜数字游戏？

js简单回合制小游戏

var boss = [

    {name:”校长”,energy:10000},

    {name:”教务主任”,energy:8000},

    {name:”系主任”,energy:6000},

    {name:”辅导员”,energy:5000},

    {name:”任课老师”,energy:12000}

];

var hero = [

    {name:”小张”,energy:7000},

    {name:”小王”,energy:7000},

    {name:”小强”,energy:7000}

];

var n = prompt(“选择一个英雄(0:小张，1:小王, 2:小强)”,””);

var h = hero[n];

var b = boss[Math.floor(Math.random() * boss.length)];

var i = 1;

while(true){

    var hit = Math.floor(Math.random() * 800);

    var bit = Math.floor(Math.random() * 1000);

    h.energy -= bit;

    b.energy -= hit;

    if(b.energy  0  h.energy = 0){

        alert(“winner is boss”);

        break;

    }else if(h.energy  0  b.energy = 0){

        alert(“winner is hero”);

        break;

    }else if(h.energy = 0  b.energy = 0){

        alert(“DRAW GAME”);

        break;

    }

    alert(“第” + i++ + “次回合, 英雄: ” + h.name + “的能量剩余: ” + h.energy + “, 怪兽”+ b.name +”的能量剩余: ” + b.energy);

}

怎样用javaScript做打地鼠游戏

流程设计：

点击“开始游戏”按钮游戏开始，否则将提示“请点击开始游戏”字样

分数、命中率显示重置为“0”，倒计时开始（默认为30秒）

老鼠图片不断显示、隐藏，玩家可点击鼠标左键进行游戏

当30秒倒计时结束或者玩家主动点击“结束按钮”时，游戏结束并显示游戏结果

!doctype html

html

head

meta charset=”utf-8″

title打地鼠/title

style type=”text/css”

#content {

width:960px;

margin:0 auto;

text-align:center;

margin-top:40px;

}

#form1 {

margin:20px 0;

}

table {

margin:0 auto;

cursor:url(),auto;

}

td {

width:95px;

height:95px;

background:#00ff33;

}

/style

script type=”text/javascript”

var td = new Array(),  //保存每个格子的地鼠

playing = false,  //游戏是否开始

score = 0, //分数

beat = 0, //鼠标点击次数

success = 0, //命中率

knock = 0, //鼠标点中老鼠图片的次数

countDown = 30, //倒计时

interId = null, //指定 setInterval()的变量

timeId = null; //指定 setTimeout()的变量

//游戏结束

function GameOver(){

timeStop();

playing = false;

clearMouse();

alert(“游戏结束！\n 你获得的分数为：”+score+”\n 命中率为：”+success);

success = 0;

score = 0;

knock = 0;

beat = 0;

countDown = 30;

}

//显示当前倒计时所剩时间

function timeShow(){

document.form1.remtime.value = countDown;

if(countDown == 0){

GameOver();

return;

}else{

countDown = countDown-1;

timeId = setTimeout(“timeShow()”,1000);

}

}

//主动停止所有计时

function timeStop() {

clearInterval(interId);

clearTimeout(timeId);

}

//随机循环显示老鼠图片

function show(){

if(playing){

var current = Math.floor(Math.random()*25);

document.getElementById(“td[“+current+”]”).innerHTML = ‘img src=””‘;

setTimeout(“document.getElementById(‘td[“+current+”]’).innerHtml=””,3000); //使用 setTimeout()实现3秒后隐藏老鼠图片

}

}

//清除所有老鼠图片

function clearMouse(){

for(var i=0;i25;i++){

document.getElementById(“td[“+i+”]”).innerHTML=””;

}

}

//点击事件函数，判断是否点中老鼠

function hit(id){

if(playing == false){

alert(“请点击开始游戏!”);

return;

}else{

beat += 1;

if(document.getElementById(“td[“+id+”]”).innerHTML != “”){

score += 1;

knock += 1;

success = knock/beat;

document.form1.success.value = success;

document.form1.score.value = score;

document.getElementById(“td[“+id+”]”).innerHTML = “”;

}else{

score += -1;

success = knock/beat;

document.form1.success.value = success;

document.form1.score.value = score;

}

}

}

//游戏开始

function GameStart(){

playing = true;

interId = setInterval(“show()”,1000);

document.form1.score.value = score;

document.form1.success.value = success;

timeShow();

}

/script

/head

body

div id=”content”

input type=”button” value=”开始游戏” onclick=”GameStart()” /

input type=”button” value=”结束游戏” onclick=”GameOver()” /

form name=”form1″ id=”form1″

label分数：/label

input type=”text” name=”score” size=”5″

label命中率：/label

input type=”text” name=”success” size=”10″

label倒计时：/label

input type=”text” name=”remtime” size=”5″

/form

table

tr

td id=”td[0]” onclick=”hit(0)”/td

td id=”td[1]” onclick=”hit(1)”/td

td id=”td[2]” onclick=”hit(2)”/td

td id=”td[3]” onclick=”hit(3)”/td

td id=”td[4]” onclick=”hit(4)”/td

/tr

tr

td id=”td[5]” onclick=”hit(5)”/td

td id=”td[6]” onclick=”hit(6)”/td

td id=”td[7]” onclick=”hit(7)”/td

td id=”td[8]” onclick=”hit(8)”/td

td id=”td[9]” onclick=”hit(9)”/td

/tr

tr

td id=”td[10]” onclick=”hit(10)”/td

td id=”td[11]” onclick=”hit(11)”/td

td id=”td[12]” onclick=”hit(12)”/td

td id=”td[13]” onclick=”hit(13)”/td

td id=”td[14]” onclick=”hit(14)”/td

/tr

tr

td id=”td[15]” onclick=”hit(15)”/td

td id=”td[16]” onclick=”hit(16)”/td

td id=”td[17]” onclick=”hit(17)”/td

td id=”td[18]” onclick=”hit(18)”/td

td id=”td[19]” onclick=”hit(19)”/td

/tr

tr

td id=”td[20]” onclick=”hit(20)”/td

td id=”td[21]” onclick=”hit(21)”/td

td id=”td[22]” onclick=”hit(22)”/td

td id=”td[23]” onclick=”hit(23)”/td

td id=”td[24]” onclick=”hit(24)”/td

/tr

/table

/div

/body

/html

写一个带存档的js游戏

关于写一个带存档的js游戏相关资料如下

最近使用 JS 写了一个贪吃蛇游戏，效果如下：

贪吃蛇作为一款经典又简单的小游戏，每个人都玩过。实现一个贪吃蛇游戏基本具有以下功能：

棋盘（也被称作 “地图”，我这里画的像一个围棋棋盘，索性就叫棋盘）

蛇 （细致一点分为：蛇头、蛇身、蛇尾）

方向（上下左右）控制，并且自动行走

碰撞检测（撞墙、撞自己）

食物在随机位置生成

蛇吃到食物，尾部生长一截

以上也便是我的实现步骤了，下面分享一些更详细的实现思路。

js编写的小游戏有哪些

有是有，但并不是很多，而且都是贪吃蛇之类的，非常小的游戏，即便是页游也一样。

能运行在浏览器端的语言，确实只有JS，但在开发阶段，却并不一定要使用JS写。而是用其他语言写，直接使用JS写游戏，实在太自虐了。

JS本身的缺点非常严重，如果只是写DOM的话，其实并没什么感觉，因为代码量太少。

但如果写类似游戏这种复杂逻辑，代码量一变大，瞬间就令人崩溃了。弱类型，回调地狱问题，即便将来版本更新到ES10，也不可能完全解决。

如果你看过一个游戏项目的JS源码，你会发现一个非常恐怖的现象。在代码的最底部，有几百个，甚至几千个大括号。。。。所有大型程序的JS源码，拉到最底部，大概都是长这个样子的：

} } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } }.Listen(127.0.0.1) } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } }

大括号的数量还必须绝对精准，少一个，或者多一个，都无法正常运行。。。这就是平时所说的回调地狱。由于JS项目总是函数里面套函数，层层相套，这叫做回调函数。层数一多，就算你是N年的老手，也照样懵比。。。。

所有的游戏项目，都比网页特效的代码量要多的多。。。比如写一个斗地主，就需要4，5万行的JS代码。。。。。最底部的大括号数量，轻松上千。。。。

弱类型的缺陷更严重，但由于解释起来篇幅会很长，所以这里就不提了。

所以为了避开JS本身太多的语法缺陷，一般游戏项目，都是使用其他语言编写，最后再通过一些手段，编译成JS。。。就如同你用一般编程语言编写，最终运行的时候，只有1和0的道理一样。。。在制作页游的时候，一般都是用强类型语言编写，最后开发完成之后，把那些强类型语言编写的代码，通过一些手段“转换”成JS代码。

“转换”成JS代码的方法有很多，其中在游戏行业比较主流的，一共有三种：

1，ActionScript语言，简称AS语言。也就是当年FLASH使用的那个语言。。。当年也曾辉煌过，后来随着FLASH的没落而逐渐没落。。。但有很多H5游戏引擎，也同样使用AS语言。比如LayaAir引擎等。

2,TypeScript语言，简称TS语言。由微软出品，微软和谷歌共同维护的一门完全符合ECMA标准的语言，可以视作JS的超集。超集这个概念怎么理解呢？就是“所有的JS语言，同时也是TS语言，而TS比今天的JS，更像未来的JS”。就比如目前的JS版本只出到了ES6或ES7。那么ES10是啥样？现在并没人见过，连ECMA组织也不知道。。。但有一点可以确定的是，它和TypeScript长的很像。而TS是包含JS的。换言之，JS本身也可以视作是TS的一部分。只是TS里的内容要远比JS多的多。这语言主要有两种用法，一是像AS语言一样结合游戏引擎，比如cocos creator，白鹭等引擎都支持。还有一种用法就是。。。结合Three.JS之类的库，完全按照JS本身的用法去使用。

3，C#语言。虽然JS得名字里面带个Java。但和它长的最像的语言，却并不是JAVA，而是C#。简单说就是：“JS的名字和JAVA有多像，语法就和C#有多像”。所以C#也比较容易转换成JS。但这并不是重点，重点是有一个超级牛的游戏引擎，是使用C#作为开发语言的。就是大名鼎鼎的Unity3D。Unity3D可以直接把C#编写的游戏项目，虚拟现实项目等，编译发布到WebGL。

js游戏适合什么平台

ios平台。js游戏在游戏中必须要有流畅度，不能卡顿，因此非常适合ios平台。JS，网络游戏《QQ三国》中的人物职业。剑侍剑侍是《QQ三国》中能力较为均衡的角色。拥有中上水准的物理攻击力，中等的防御能力，以及较高的命中、回避能力。

用JavaScript写猜数字游戏？

document.write(“input type=’text’ id=’inval’ name=’inval’/”); //数字框

document.write(“input type=’button’ onclick=’Guess();’ value=’提交'”); //按钮

function Guess() {

var inputVal=document.getElementById(“inval”).value; //获取文本框的值

var curRand=parseInt(100*Math.random()); //获取随机数

if(!isNum(inputVal))

{

alert(“不是数字，请重新输入”);

return;

}

if(inputVal){

if(inputValcurRand){

alert(“胜利”);

} else if (inputValcurRand){

alert(“输了”);

} else {

alert(“平局”);

}

}

}

//判断是否是数字，true表示是数字

function isNum(value) {

return !isNaN(value);

}

关于javascript的游戏和javascript 游戏的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。