<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="HandheldFriendly" content="True">
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.01, minimal-ui" />
<title>HTML5汽车赛道飙车游戏_海拥资源网</title>
<meta name="keywords" content="HTML5,汽车赛道,飙车游戏" />
<meta name="description" content="HTML5汽车赛道飙车游戏代码下载。H5精品短跑赛车俱乐部游戏,赛车游戏源代码。游戏介绍:鼠标,键盘左右键,控制赛车方向,让我们开始赛车比赛游戏吧。兼容手机移动端(横屏模式效果更好,左右晃动控制方向),带背景音效。" />
<style>
body {
margin: 0px;
padding: 0px;
width: 100%;
background-color:black;
}
canvas {
-ms-touch-action: none;
image-rendering: -o-crisp-edges;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-moz-tap-highlight-color: rgba(0,0,0,0);
tap-highlight-color: rgba(0,0,0,0);
user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.page-footer {
position: fixed;
right: 0px;
bottom: 0px;
display: flex;
align-items: center;
padding: 5px;
color: black;
background: rgba(255, 255, 255, 0.65);
}
.page-left {
position: fixed;
left: 0px;
bottom: 0px;
display: flex;
align-items: center;
padding: 5px;
color: black;
background: rgba(255, 255, 255, 0.65);
}
.page-footer a {
display: flex;
margin-left: 4px;
}
.touxiang{
bottom: 0px;
width:30px;
height:30px;
}
</style>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?a9430a37066911650e26adadcc42798a";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script src="viewporter.js"></script>
</head>
<body>
<div id="viewporter">
<canvas id="canvas" moz-opaque></canvas>
</div>
<footer class="page-footer">
<span>游戏👉</span>
<a href="https://haiyong.site/moyu" target="_blank">
<img class="touxiang" src="https://haiyong.site/img/favicon.png">
</a>
</footer>
<footer class="page-left">
<a href="https://code.haiyong.site/" target="_blank">
<img class="touxiang" src="https://code.haiyong.site/wp-content/uploads/2022/10/logo.jpg">
</a>
<span>👈源码</span>
</footer>
<script>
//禁用操作
window.onload = function(){
document.onkeydown = function (){
var e = window.event || arguments[0];
//F12
if(e.keyCode == 123){
return false;
//Ctrl+Shift+I
}else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
return false;
//Ctrl+Shift+C
}else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 67)){
return false;
//Shift+F10
}else if((e.shiftKey) && (e.keyCode == 121)){
return false;
//Ctrl+U
}else if((e.ctrlKey) && (e.keyCode == 85)){
return false;
//Ctrl+S
}else if((e.ctrlKey) && (e.keyCode == 83)){
return false;
}
};
document.oncontextmenu = function (){
return false;
}
}
//禁止复制
document.onselectstart=new Function('event.returnValue=false;');
//禁止选择文字
document.body.onselectstart = function() {
self.event.returnValue=false
};
</script>
</body>
<script src="TweenMax.min.js"></script>
<script src="howler.js"></script>
<script src="app.js"></script>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
使用技术:HTML+CSS+JS 在线演示地址:https://haiyong.site/moyu/saiche/ 说明:使用 HTML CSS 和 JavaScript 创建的汽车赛道飙车游戏源代码。我们在很多地方都可以用,比如适用于不同类型的个人网站、游戏站等。
资源推荐
资源详情
资源评论
收起资源包目录
saiche.zip (36个子文件)
saiche
images
finishBackground.jpg 38KB
forestGround.jpg 7KB
mute_55x55.png 5KB
desertSkyline.jpg 44KB
cityFog.png 2KB
desertGround.jpg 7KB
cityRoad.jpg 96KB
EN
preloadImage.jpg 25KB
uiElements.png 90KB
uiButs.png 27KB
panels_700x400.png 115KB
mainBackground.jpg 70KB
userCar_122x82.png 41KB
position_58x42.png 24KB
upgradeBackground.jpg 69KB
forestRoad.jpg 101KB
desertRoad.jpg 72KB
hud_700x400.png 105KB
splashScreen.jpg 24KB
scenery.png 140KB
forestSkyline.jpg 85KB
enemyCar_122x82.png 49KB
citySkyline.jpg 165KB
numbers_41x47.png 24KB
desertFog.png 2KB
forestFog.png 2KB
rotateDeviceMessage.jpg 23KB
cityGround.jpg 8KB
index.html 4KB
icon.png 69KB
viewporter.js 5KB
app.js 97KB
audio
music.ogg 1.12MB
sound.ogg 216KB
TweenMax.min.js 143KB
howler.js 31KB
共 36 条
- 1
资源评论
- AntiEast2023-07-04非常有用的资源,可以直接使用,对我很有用,果断支持!
- tomcat0072022-12-06非常有用的资源,可以直接使用,对我很有用,果断支持!
- c++学生2022-12-24超级好的资源,很值得参考学习,对我启发很大,支持!
海拥✘
- 粉丝: 18w+
- 资源: 189
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功