html5游戏源码免费下载（html5求大神源码 就做一个跟图片一模一样的就可以）

本文目录

• html5求大神源码 就做一个跟图片一模一样的就可以
• h5游戏网上的代码都没有源码
• 如何下载html5游戏
• 如何使用Createjs来编写HTML5游戏EaselJS简介
• 求 html5 parser java源代码！

html5求大神源码 就做一个跟图片一模一样的就可以

html：
《div id="div1"》
《ul》
《li class="choose1 active"》选项一《/li》
《li class="choose2"》选项二《/li》
《li class="choose3"》选项三《/li》
《/ul》
《div class="content"》
《div id="choose1" class="active"》选项一《/div》
《div id="choose2"》选项二《/div》
《div id="choose3"》选项三《/div》
《/div》
《/div》
css：
ul{
padding:0;
margin:0;
overflow: hidden;
}
li{
list-style: none;
float: left;
width: 33.3%;
border:1px solid #ddd;
box-sizing: border-box;
text-align:center;
background: #ddd;
}
.active{
background: none;
z-index:3;
}
#div1{
width:300px;
height:200px;
}
#div1 ul{
height:36px;
line-height:36px;
}
.content{
height:164px;
position: relative;
}
.content div{
width:100%;
height:100%;
position: absolute;
background: #fff;
}
jq：
$("li").on(’click’,function(){
var className=$(this).attr("class");
$("li").removeClass("active");
$(this).addClass("active");
$(".content div").removeClass("active");
$("#"+className).addClass("active");
})
效果不知道是不是你要的，可以看一下，可以优化的也可以告诉我

h5游戏网上的代码都没有源码

52h5源码论坛有很多免费游戏源码，至于源码内容，有多有少，有些甚至只有一个html页面，js，css全在一起。。本地能运行就可以，无伤大雅~

如何下载html5游戏

保存网页。将网页另存为，如果有些东西需要访问服务器，那也不能成功。 最好的方式，就是学习html5 看懂js 才容易把源码下载下来

如何使用Createjs来编写HTML5游戏EaselJS简介

createJs的由来，基础什么的就不说了，就直接说createJs的用法吧。
首先到createJs官网下载，createJs分成easelJs（图形动画）、preloadJs（文件加载）、soundJs（音频控制）以及tweenJs（补间动画）四部分，大家下载的时候，建议下载两个文件，一个是压缩版文件，用于项目中的引用，再下载个源码文件，用于查看用法、API、demo等。因为楼主目前只用了easelJs和preloadJs，所以暂时就只说这两个，其实就这两个已经非常够用了。
接下来开始分析代码：
首先引入js文件
《script src="easeljs-0.7.1.min.js"》《/script》
《script src="preloadjs-0.4.1.min.js"》《/script》
然后进行舞台初始化操作：
function init(){
stage = new createjs.Stage("cas");
C_W = stage.canvas.width;
C_H = stage.canvas.height;
var manifest = [
{src:"image/man.png" , id:"man"},
{src:"image/ground.png" , id:"ground"},
{src:"image/bg.png" , id:"bg"},
{src:"image/high.jpg" , id:"high"},
{src:"image/coins.png" , id:"coin"}
]
loader = new createjs.LoadQueue(false);
loader.addEventListener("complete" , handleComplete);
loader.loadManifest(manifest);
drawLoading();
}
上面就用到了preloadJs中的方法，实例化一个loader，把需要加载的图片文件放在manifest里面，进行加载，加载完成后调用回调handleCompelete函数：
function handleComplete(){ //当图片素材load完后执行该方法
var manImage = loader.getResult("man"),
lowground = loader.getResult("ground"),
highground = loader.getResult("high"),
bgImage = loader.getResult("bg"),
coins = loader.getResult("coin");
sky = new createjs.Shape();
sky.graphics.bf(bgImage).drawRect(0,0,C_W,C_H);
sky.setTransform(0, 0, 1 , C_H/bgImage.height);
stage.addChild(sky);
man = createMan(200,326,manImage);
//该框为判定角色的判定区域
kuang = new createjs.Shape();
kuang.graphics.beginStroke("rgba(255,0,0,0.5)").drawRect(0 , 0 , man.size().w , man.picsize().h*1.5);
// stage.addChild(kuang);
mapHandle(lowground , highground , coins);
createjs.Ticker.timingMode = createjs.Ticker.RAF;//设置循环方法，可以是requestAnimationFrame或者是setTimeout
createjs.Ticker.setFPS(30);//舞台帧率控制
createjs.Ticker.addEventListener("tick", tick);//绑定舞台每一帧的逻辑发生函数
window.addEventListener("keydown" , function(event){
event = event||window.event;
if(event.keyCode===32&&man.jumpNum《man.jumpMax){
man.jump();
}
})
}
获得加载完成后端的图片数据就直接用loader.getResult就可以获取了，跑酷游戏需要一个背景，所以，我们实例化一个sky，然后进行位图绘制，bf方法是beginBitmapFill的缩写，该方法就是开始绘制位图，后面的drawRect是位图的绘制区域，区域当然是整个画布啦，所以就是drawRect(0,0,C_W,C_H)。实例化出来sky后就直接添加到舞台stage里面就行了。接下来是实例化一个角色，createMan方法后面有说，是自己封装的。
然后进行舞台循环设置，上面有注释了，就不说了。

求 html5 parser java源代码！

StackOverflow 上面有提到过，参与讨论的人蛮多的，希望你能找到你所需要的。
***隐藏网址***