前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【H5开源网页端】3D版本星球大战

【H5开源网页端】3D版本星球大战

作者头像
用户5997198
发布2022-04-27 08:52:47
9380
发布2022-04-27 08:52:47
举报
文章被收录于专栏:蚂蚁开源社区蚂蚁开源社区

很不错的游戏体验,颇有点小时候玩的红警氛围,喜欢的感觉试玩吧,源码已经开源!

http://mpvideo.qpic.cn/0bc334aaoaaafeafuyko7nrfbx6da7pqabya.f10002.mp4?dis_k=dfbc3b80ee24b39893ce87af3a166464&dis_t=1651020671&vid=wxv_2343957588448477186&format_id=10002&support_redirect=0&mmversion=false

首页源码:

代码语言:javascript
复制
<!DOCTYPE HTML>
<html>
<head>
<title>星球大战,Rogue One: Boots on the Ground</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimal-ui">
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<script src="js/libs/pixi/pixi.js"></script>
<script src="js/libs/pixi/pixi-spine.js"></script>
<script src="js/libs/pixi/pixi-ext.js"></script>
<script src="js/libs/pixi-particles.js"></script>
<script src="js/libs/p2/p2.js"></script>
<script src="js/libs/signals.min.js"></script>
<script src="js/libs/greensock/TweenMax.min.js"></script>
<script src="js/libs/howler.min.js"></script>
<script src="js/libs/bowser/bowser.min.js"></script>
<script src="js/libs/SAT.js"></script>
<script src="js/libs/binary.heap.js"></script>
<script src="js/libs/jquery-2.1.4.min.js"></script>
<script src="p3.min.js"></script>
<script src="bundle.min.js"></script>
<script src="./gameConfig/isl.js"></script>
<meta name="apple-mobile-web-app-title" content="星球大战">
<meta name="application-name" content="星球大战">
<meta name="keywords" content="星球大战,星球大战html5游戏" />
<meta name="description" content="星球大战html5游戏,星球大战手机在线游戏" />
<link rel="apple-touch-icon" href="icon.png" />
<link rel="shortcut icon" href="icon.png" />
<link rel="icon" href="icon.png" />
<style>
body {
background-image: none;
background-color: #000000;
}
#game {
position: absolute;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="game"></div>
<script>
if ($("html").hasClass("ie") || (Function("/*@cc_on return document.documentMode===10@*/")())) {
var nowebgl = $("<div />").attr({
"id": "nowebgl"
}).css({
"width": "100%",
"height": "100%",
"background-position": "50% 50%",
"background-repeat": "no-repeat",
"background-image": "url('./unsupported.jpg')",
"background-color": "#000000",
"background-size": "auto 100%"
}).appendTo("#game");
} else {
var language = "en";
var main = new Main(1024, 768);
//runISL(main);
main.init();
}    
</script>
<div style="display:none">
</div>
</body>
</html>

资源包:


本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2022-04-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 蚂蚁大喇叭 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档