用HTML编写的寻找圣诞老人小游戏,上传即可使用

马上就是圣诞节了,在这给大家分享个应景的寻找圣诞老人的小游戏源码,在这也提前祝大家圣诞节快乐

这是来自图灵机器人官方微社区的分享,是一个比拼记忆力,寻找圣诞老人的html5小游戏,直接下载源码,上传至服务器就能够使用,游戏操作简单,但是有一定的难度,体验不错。体验地址:http://182.92.67.78/game2/index.html

这个部分是游戏的主页面代码,源代码已上传,下载上传至自己服务器即可使用

<html>

<!--图灵机器人圣诞节小游戏-->

<!--下载源文件上传至服务器即可使用,无需修改任何内容-->

<head>

    <meta charset="utf-8">

    <title>寻找圣诞老人</title>

    <meta name="viewport"

          content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no,target-densitydpi=device-dpi"/>

    <meta name="apple-mobile-web-app-capable" content="yes"/>

    <meta name="full-screen" content="true"/>

    <meta name="screen-orientation" content="portrait"/>

    <meta name="x5-fullscreen" content="true"/>

    <meta name="360-fullscreen" content="true"/>

    <style>

        body {

            text-align: center;

            background: #00b7ee;

            padding: 0;

            border: 0;

            margin: 0;

            height: 100%;

        }

        html {

            -ms-touch-action: none; /* Direct all pointer events to JavaScript code. */

        }

    </style>

</head>

<body onload="load()">

<div style="display:inline-block;width:100%; height:100%;margin: 0 auto; background: #00b7ee; position:relative;"

     id="gameDiv">

    <canvas id="gameCanvas" width="480" height="800" style="background-color: #00b7ee"></canvas>

</div>

<script>var document_class = "MyTest";</script><!--这部分内容在编译时会被替换,要修改文档类,请到工程目录下的egretProperties.json内编辑。-->

<script src="js/jquery-1.7.2.min.js"></script>

<script src="js/egret_loader.js"></script>

<script src="js/game-min.js"></script>

<script>

egret_h5.startGame();

</script>

<script language=javascript>

    function load(){

        $.getJSON("http://test.tuling123.com/game2/gameSecond.do",{

            name: ‘game2‘ //参数,

        },function(json){

        

        }); 

    }

    

        var mebtnopenurl = ‘http://test.tuling123.com/game2/‘;

        window.shareData = {

                "imgUrl": "http://test.tuling123.com/game2/icon.png",

                "timeLineLink": "http://test.tuling123.com/game2/",

                "tTitle": "寻找圣诞老人",

                "tContent": "寻找圣诞老人"

        };

                

        function goHome(){

            window.location=mebtnopenurl;

        }

        function clickMore(){

            if((window.location+"").indexOf("zf",1)>0){

                window.location = "http://182.92.67.78/game2/";

             }

             else{

                goHome();

             }

        }

        function dp_share(){

            document.title =myData.desc;

            document.getElementById("share").style.display="";

            window.shareData.tTitle = document.title;

        }

        function dp_Ranking(){

            window.location=mebtnopenurl;

        }

        function showAd(){

        }

        function hideAd(){

        }

        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

                }, onShareComplete);

            });

            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

                }, onShareComplete);

            });

        }, false);

        </script>

        <div id=share style="display: none">

            <img width=100% src="share.png"

                style="position: fixed; z-index: 9999; top: 0; left: 0; display: "

                ontouchstart="document.getElementById(‘share‘).style.display=‘none‘;" />

        </div>

        <div style="display: none;">

            <script type="text/javascript">

            var myData = { gameid: "jyds" };

         //   var domain = ["oixm.cn", "hiemma.cn", "peagame.net"][parseInt(Math.random() * 3)];

            //window.shareData.timeLineLink = "http://"+ parseInt(Math.random()*100000) +"."+ myData.gameid +"."+domain+"/gamecenter.html?gameid=" + myData.gameid + (localStorage.myuid ? "&uid=" + localStorage.myuid : "");

            function dp_submitScore(score,desc){

                myData.score = parseInt(score);

                myData.desc=desc;

                myData.scoreName = score+"关";

                if(score>0){

                    if (confirm("好厉害呀,竟然闯过了"+score+"关,让小伙伴也来试试吧!")){

                        setTimeout(dp_share,500);

                    }

                }

            }

            function onShareComplete(res) {

                if (localStorage.myuid && myData.score != undefined) {

                    setTimeout(function(){

                        if (confirm("要将成绩提交到9G游戏排行榜吗?")) {

                            //window.location = "http://wx.9g.com/rank/submit2.jsp?gameid=" + myData.gameid + "&uid=" + localStorage.myuid + "&score=" + myData.score + "&scorename=" + encodeURIComponent(myData.scoreName);

                        }

                        else {

                            document.location.href = mebtnopenurl;

                        }

                    }, 500);

                }

                else {

                    document.location.href = mebtnopenurl;

                }

            }

            </script>

     

</body>

</html>

源码分享可去:http://www.oschina.net/code/snippet_2289445_44857

时间: 2024-08-15 21:32:19

用HTML编写的寻找圣诞老人小游戏,上传即可使用的相关文章

圣诞节寻找圣诞老人小游戏源代码,上传即可使用

圣诞节快到了,提前祝大家节日快乐,在这也给打击分享个应景的寻找圣诞老人小游戏的源码 来自图灵机器人官方微社区的分享,是一个比拼记忆力,寻找圣诞老人的html5小游戏,直接下载源码,上传至服务器就能够使用,游戏操作简单,但是有一定的难度,体验不错.体验地址:http://182.92.67.78/game2/index.html 这个部分是游戏的主页面代码,源代码已上传,下载上传至自己服务器即可使用 <html> <!--图灵机器人圣诞节小游戏--> <!--下载源文件上传至服

iOS多线程与网络开发之小文件上传

郝萌主倾心贡献,尊重作者的劳动成果,请勿转载. 假设文章对您有所帮助,欢迎给作者捐赠,支持郝萌主,捐赠数额任意,重在心意^_^ 我要捐赠: 点击捐赠 Cocos2d-X源代码下载:点我传送 游戏官方下载:http://dwz.cn/RwTjl 游戏视频预览:http://dwz.cn/RzHHd 游戏开发博客:http://dwz.cn/RzJzI 游戏源代码传送:http://dwz.cn/Nret1 A.文件上传 思路: 发送文件数据给server 使用post请求 必须手动设置请求头: 内

[iOS 多线程 &amp; 网络 - 2.5] - 小文件上传

A.文件上传 思路: 发送文件数据给服务器 使用post请求 必须手动设置请求头: 内容大小Content-Length & 内容类型 Content-Type 请求体:文件数据 文件上传的格式要求十分严格,必须严格遵守 由于是一次性加载文件到内存上传,所以只能用于小文件上传 B.实现 1.设置POST请求 (1)使用POST请求方法 (2)设置请求头 设置内容长度.内容类型.分割线 (3)设置请求体 NSMutableData *body = [NSMutableData data]; 分割线

微信应用号小程序上传wx.uploadFile(OBJECT)

微信应用号小程序上传wx.uploadFile(OBJECT) wx.uploadFile(OBJECT) ? 将本地资源上传到开发者服务器.如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后,可通过此接口将本地资源上传到指定服务器.客户端发起一个HTTPS POST请求,其中 Content-Type 为 multipart/form-data . OBJECT参数说明: 参数 类型 必填 说明 url String 是 开发者服务器url filePath S

升级IOS8游戏上传自定义头像功能失效的问题

为了支持arm64,之前已经折腾了很久,昨晚打包准备提交苹果审核时,测试那边的同事反馈说游戏上传自定义头像功能不可用了. 游戏上传自定义功能的简介:卡牌游戏最初是<比武招亲>中有一个充VIP之后就可使用了上传自定义功能的特权,我们的游戏就"复制"了该功能.   具体实现就是点击游戏内换自定义头像的按钮后,调用不同平台相应的方法,获取用户选择的图片数据,然后将图片裁剪再传给后台保存至特定的目录下.   测试设备是ipad air2,系统版本IOS 8.0.1,点击游戏内的按钮

Python编写微信打飞机小游戏(一)

最近开始学习Python语言,发现Python有一个神奇的Pygame模块,在编写小游戏时显得非常方便,于是参照教学视频编写了一个微信打飞机的小游戏,网上有很多相关的博客,但都不是很详细,大都是直接贴代码,于是决定沉下心来把编写程序的过程记录下来,与大家分享. 首先声明一点,这篇博客完全参照了小甲鱼的<零基础入门学习Python>教学视频,为了尊重原创,特将原作者的视频地址公布如下:<零基础入门学习Python> Python编译器和Pygame模块的安装网上的教程很多,这里不再赘

Python编写微信打飞机小游戏(十一)

在这篇博文中,我们准备为打飞机小游戏添加一个暂停的功能,即用户在游戏过程中随时可以通过单击屏幕右上方的一个暂停按钮来暂停和恢复游戏.这个功能看似比较简单,但其中涉及了鼠标操作.图片切换.代码结构的重置等等,接下来我们一一进行介绍. 1.加载暂停按钮图标 在image文件夹下一共有四张暂停按钮的图片,分别为深色和浅色两组,首先在main()函数中加载相关图片资源并初始化暂停/开始标志位: paused = False # 标志是否暂停游戏 pause_nor_image = pygame.imag

阿里云 oss 小文件上传进度显示

对阿里云OSS上传小文件时的进度,想过两个方法:一是.通过多线程监測Inputstream剩余的字节数来计算,可是由于Inputstream在两个线程中共用,假设上传线程将Inputstream关闭,在监測线程就会报"句柄无效"的错误,甚至会导致上传失败:第二个方法是通过线程不断监測OSS上已经上传文件的大小,可是在文件全然上传前是不能获得文件大小的. 最后突然灵感来了,把两个方法同一时候使用就行监測文件上传的进度. 看代码: // 上传小文件 private static void

微信小程序上传后发布或者体验版测试无数据

在做微信小程序开发的过程中,发现小程序在本地调用接口的数据都显示,但是上传之后,发现手机体验没有数据.以下为解决办法: 1.先清除缓存试试. 2.打开微信小程序工具右上角的详情——项目设置,将“不校验合法域名.web-view(业务域名).TLS 版本以及 HTTPS 证书”勾选上,然后上传,重新刷新微信小程序官方页面,重新打开二维码进行体验. 此文章为原创,转载时请标明原文章出处,谢谢大家! 原文地址:https://www.cnblogs.com/lynna/p/9199315.html