970797游戏攻略网
制作JavaScript什么样的游戏才合适？
系统性的给你说下这些东西你上面所说的是web程序用到的一些东西，web是基于HTTP协议的，HTTP是基于‘请求’与‘响应’的，就是说你用浏览器访问一个网站，在网站中点击某一个按钮，这都算请求，然后服务器做出反应，提供数据或者跳转网页都算响应了。
网页用HTML（超文本标记语言）编写，通过名字就知道这里都是标签。
前台就是你能看到的东西，客户端可以看到的，你要做程序，你就未来给客户要看的东西都算前台，后台就是服务器程序，当有个请求过来，你写的代码如何处理，这就是后台。
编写一个网页，比如说注册功能，简单说注册的功能用来举例，比如用户名必须字母，以前写程序都是把用户名写完提交上去，这时候服务器验证用户名是否合法，也就是是否都是字母，如果发现数字就不合法等。
然后返回客户端提示非法。
这样每次都由服务器验证很浪费资源，浪费带宽流量和时间，因此javascript诞生了，它的作用就是在客户端做验证，都合法以后一次给服务器，服务器在做处理，比如往数据库里添加一条记录，记录这个用户注册了。
css的作用：控制网页中的元素，一个网页就是一个文档，你可以理解一个平面，然后往这里添加各种标签，那么每个标签什么样子，放在哪，就由CSS控制，其实不用CSS也能控制这些，网页元素属性也可以控制。
网页默认也有个规则，就是什么都不控制的情况下，默认自己挨个摆放，但是CSS可以将样式规则提取出来，在网页内容不变的情况下，只需要更改css文件，就可以让网页以另外一个方式出现，这就是CSS魅力。
这里你说到HTML5,CSS3，这只是版本，HTML5封装了好多新标签，好多特效，就是省去以前自己做的特效效果，CSS3里面也更精准的控制元素，而且属性更多，他们的存在就是为了简单地制作特效，降低开发成本。
这几个加起来算是开发，但是大多数用这三个都是开发前台，也就是提供给客户展现的东西，其实如果你以后进入软件编程世界，你会发现他们也可以做服务器端，比如使用note.js技术，它是用javascript写的，完全可以当服务器做出响应。
这里在和你说一个ajax技术，它的作用是异步请求，什么叫异步？ 还是刚才用户注册的问题，这里服务器要求用户名不能重复，比如服务器数据库里有个叫张三的人，你还注册张三是不行的，但是我之前说过不能提交后才让服务器验证是否有张三，要之前就全验证，但是javascript又是前台技术，不知道数据库是否有张三，那么就一边填写一边偷偷提交，但是这时候如果你偷偷提交做到了，但是用户还要继续注册下面的信息，比如年龄，如果服务器验证耽误时间，年龄你就无法填写，为了达到一边可以偷偷验证，一边让用户继续填写，ajax就是做这个的，你进入编程世界以后慢慢就了解了。
还有不懂的追问。
js适合做游戏吗
html5还是用JavaScript的，只是JavaScript的权限更高一些html5和现在咱们用的html差不多，只不过html5功能更强大。
但是事件、交互式设计等等还是需要脚本去操作的。
不用脚本只是你的html页面更好看而已，如实现交互式的操作还得用脚本。
html5只是一个标准。
求认识会用JS制作小型游戏的高手,
弹小球游戏#pongTable { position: absolute; top: 20px; left: 20px; width: 400px; height: 300px; border: 4px solid #CCC; background-color: #F3F3F3; z-index: 1; }#playerOne { position: absolute; top: 196px; left: 45px; width: 10px; height: 35px; background-color: #777; z-index: 2; }#playerTwo { position: absolute; top: 196px; left: 390px; width: 10px; height: 35px; background-color: #777; z-index: 2; }#ball { position: absolute; top: 160px; left: 210px; width: 7px; height: 7px; clip: rect(0px 7px 7px 0px); background-color: #555; z-index: 2; display: none; }#click { position: absolute; top: 160px; left: 27px; width: 400px; text-align: center; font-family: Tahoma; font-size: 10px; z-index: 3; }#scores { position: absolute; top: 330px; left: 24px; width: 400px; font-family: Tahoma; font-size: 11px; z-index: 3; }var ballAng; var speed = 3; var ping = 5; var pong = 0; var mouseSpeed; var tempY; function init() { document.getElementById(＂click＂).style.display = ＂none＂; document.getElementById(＂ball＂).style.display = ＂inline＂; with( document.getElementById(＂ball＂).style ) { top = ＂160px＂; left = ＂210px＂; } document.onmouseup = null; document.onmousemove = movePaddle; ballAng = Math.round( Math.random() * 100 ) + 130; moveDaBall = setInterval(＂moveBall()＂, 10); } function movePaddle(e) { e = (e)?e:event; if( tempY ) { mouseSpeed = Math.round((e.clientY – tempY) * 1.5); if( mouseSpeed == 0 ) mouseSpeed = 1; } with( document.getElementById(＂playerOne＂).style ) { top = e.clientY – 18 + ＂px＂; if( parseInt(top) 289 ) { if( parseInt(top) top = ＂24px＂; } else { top = ＂289px＂; } } } tempY = e.clientY; } function moveBall() { var ballX = parseInt(document.getElementById(＂ball＂).style.left); var ballY = parseInt(document.getElementById(＂ball＂).style.top); var playOneX = parseInt( document.getElementById(＂playerOne＂).style.left ); var playOneY = parseInt( document.getElementById(＂playerOne＂).style.top ); var playTwoX = parseInt( document.getElementById(＂playerTwo＂).style.left ); var playTwoY = parseInt( document.getElementById(＂playerTwo＂).style.top ); if( ballY >= (playOneY – 5) && ballY = playOneX && ballX if( pong == 3 ) { ping++; pong = 0; } else { pong++; } document.getElementById(＂ball＂).style.left = playOneX + 10 + ＂px＂; ballAng = 180 – ballAng – mouseSpeed; } if( ballY >= (playTwoY – 5) && ballY = playTwoX && ballX if( pong == 3 ) { ping++; pong = 0; } else { pong++; } document.getElementById(＂ball＂).style.left = playTwoX + ＂px＂; ballAng = 180 – ballAng; } if( ballY 316 ) { document.getElementById(＂ball＂).style.top = (ballY ballAng = 360 – ballAng; } if( ballX = 417 ) { document.getElementById(＂ball＂).style.left = (ballX if( ballX endPoint(document.getElementById(＂twoScore＂)); } else { endPoint(document.getElementById(＂oneScore＂)); } } moveAI( ballY ); moveObjAtAngle( document.getElementById(＂ball＂), ballAng, ping); } function moveObjAtAngle( obj, ang, dist ) { with( obj.style ) { left = parseInt(left) + ( dist * Math.cos( ang * (Math.PI/180) ) ) + ＂px＂; top = parseInt(top) – ( dist * Math.sin( ang * (Math.PI/180) ) ) + ＂px＂; } } function moveAI( y ) { var AI = document.getElementById(＂playerTwo＂); y = y – 10; y = parseInt(AI.style.top) + ((y – parseInt(AI.style.top)) / speed); if( y 289 ) { if( y y = 24; } else { y = 289; } } AI.style.top = y +＂px＂; } function endPoint(place) { clearInterval(moveDaBall); ping = 7; pong = 0; document.onmouseup = init; document.getElementById(＂click＂).innerHTML = ＂click to continue＂; place.innerHTML = parseInt(place.innerHTML) + 1; if( parseInt(place.innerHTML) == 10 ) { if( place.id == ＂oneScore＂ ) { endGame(1); } else { endGame(0); } } document.getElementById(＂click＂).style.display = ＂inline＂; } function endGame(win) { document.onmouseup = restartGame; if( win ) { document.getElementById(＂click＂).innerHTML = ＂you are dah winnah! click to start over＂; } else { document.getElementById(＂click＂).innerHTML = ＂you are dah losah! click to start over＂; } } function restartGame() { document.getElementById(＂oneScore＂).innerHTML = 0; document.getElementById(＂twoScore＂).innerHTML = 0; init(); } document.onmouseup = init; click to continue 0 0 先给你一个
javascript游戏24点（3）
这个有多种实现方式，页面少的话写在一个文件里，靠控制隐藏和显示就可以实现。
页面多的话可以每个场景一个页面，点击选项打开对应的页面。
如果是多页面的情况，你点击的时候转到另一页了，当然图片和文字会有变动。
如果要动画效果，就需要jquery或者CSS3总之，你要的这个东西很简单，但是很费时，建议找一个懂代码的人来写。
有什么单机游戏是可也用javascript做出来的
先说div+CSS游戏 只能做些 2048 打砖块 推箱子 galgame之类的 要一定的逻辑能力然后就是canvas2d做游戏了 能做一些 弹幕或者冒险游戏 但是不能做复杂的canvas机能还是太弱了 最后就是canvas3d webgl 这个是能做3d游戏 但是基本上做出来都没法玩太卡了而且canvas做游戏需要有很深的数学功底