H5游戏源码分享-像素小鸟游戏(类似深海潜艇)

H5游戏源码分享-像素小鸟游戏(类似深海潜艇)

点击屏幕控制小鸟的飞行高度

整个小游戏就用JS完成

项目地址:https://download.csdn.net/download/Highning0007/88483228

html 复制代码
<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta id="viewport" name="viewport" content="width=device-width,user-scalable=no" />
		<script type="text/javascript" src="21.js"></script>
        <title>小鸟飞飞飞-微资源娱乐小游戏</title>
		<style type="text/css">
			body {
				margin:0px;
			}
		</style>
		<script language=javascript>
			var mebtnopenurl = 'http://game2.id87.com/';
			window.shareData = {
					"imgUrl": "./icon.png",
					"timeLineLink": "http://game2.id87.com/xiaoniaofeifei/",
					"tTitle": "小鸟飞飞飞-微资源娱乐小游戏",
					"tContent": "从前有一只鸟,飞着飞着就死了。"
			};
		document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
		    
		    WeixinJSBridge.on('menu:share:appmessage', function(argv) {
		        WeixinJSBridge.invoke('sendAppMessage', {
		            "img_url": window.shareData.imgUrl,
		            "link": window.shareData.timeLineLink,
		            "desc": window.shareData.tContent,
		            "title": window.shareData.tTitle
		        }, function(res) {
		        	document.location.href = mebtnopenurl;
		        })
		    });

		    WeixinJSBridge.on('menu:share:timeline', function(argv) {
		        WeixinJSBridge.invoke('shareTimeline', {
		            "img_url": window.shareData.imgUrl,
		            "img_width": "640",
		            "img_height": "640",
		            "link": window.shareData.timeLineLink,
		            "desc": window.shareData.tContent,
		            "title": window.shareData.tTitle
		        }, function(res) {
		        	document.location.href = mebtnopenurl;
		        });
		    });
		}, false);
		function dp_submitScore(a,b){
			if(a&&b>=a&&b>10){
				//alert("新纪录哦!你过了"+b+"关!")
				dp_share(b)
			}
		}
			
		function dp_Ranking(){
		    document.location.href = mebtnopenurl;
		}
		function dp_share(t){
			document.title = "我玩小鸟飞飞飞过了"+t+"关!你能超过洒家我吗?";
			document.getElementById("share").style.display="";
			window.shareData.tTitle = document.title;
		}
		</script>
		</head>
	<body>
		<div style="text-align:center;">
			<canvas id="linkScreen">
				很遗憾,您的浏览器不支持HTML5,请使用支持HTML5的浏览器。
			</canvas>
		</div>
        <div id="mask_container" align="center" style="width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none; z-index: 100000; background-color: rgb(255, 255, 255);">
                <img id="p2l" src="img/p2l.jpg" style="position: absolute;left: 50%;top: 50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)" >
        </div>
		<div id=share style="display:none">
		<img  width=100% src="2000.png"  style="position:absolute;top:0;left:0;display:" onclick="document.getElementById('share').style.display='none';">
		</div>
		
<div style="display:none;">
这里加统计
</div>
	</body>
</html>
相关推荐
向宇it3 小时前
【unity小技巧】在 Unity 中将 2D 精灵添加到 3D 游戏中,并实现阴影投射效果,实现类《八分旅人》《饥荒》等等的2.5D游戏效果
游戏·3d·unity·编辑器·游戏引擎·材质
witton3 小时前
C语言使用Protobuf进行网络通信
c语言·开发语言·游戏·c·模块化·protobuf·protobuf-c
alansoulKing4 小时前
2025年7月:打cs1.5 600元装机台式电脑方案A
游戏·电脑
HMS Core4 小时前
用AI重塑游戏体验:《诛仙2》携手HarmonyOS SDK实现性能与功耗双赢
人工智能·游戏·harmonyos
向宇it6 小时前
Unity Universal Render Pipeline/Lit光照材质介绍
游戏·unity·c#·游戏引擎·材质
困惑阿三6 小时前
Mac mini 高性价比扩容 + Crossover 游戏实测 全流程手册
游戏·macos
电报号dapp1191 天前
链游新纪元——链游平台开发引领游戏新潮流!
游戏·web3·去中心化·区块链
cver1231 天前
CSGO 训练数据集介绍-2,427 张图片 AI 游戏助手 游戏数据分析
人工智能·深度学习·yolo·目标检测·游戏·计算机视觉
witton1 天前
Go语言网络游戏服务器模块化编程
服务器·开发语言·游戏·golang·origin·模块化·耦合
不绝1911 天前
怪物机制分析(有限状态机、编辑器可视化、巡逻机制)
网络·游戏·unity·游戏引擎