zhaoheqing
/
ohplay_official


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
							<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <title>测测代表你的英伦歌</title>
        <script type="text/javascript" src="/static/ishow/js/jquery-3.2.1.min.js"></script>
        <script type="text/javascript" src="/static/ishow/js/pixi.min.js"></script>
        <script type="text/javascript" src="/static/ishow/js/hammer.min.js"></script>
        <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
        <script type="text/javascript" src="/static/ishow/js/design.js"></script>
        <script type="text/javascript" src="/static/ishow/js/main.js"></script>
        <style type="text/css">
         *{
             margin: 0;
             padding: 0;
         }
         body{
             width: 100%;
             height: 100%;
         }
         #loadingDiv{
            display: block;
            position: fixed;
            width: 100%;
            height: 100%;
            text-align: center;
            z-index: 99999;
            margin: 0 auto;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            display: none;
         }
         #loadingDiv img{
            position: relative;
            display: block;
            width: 100%;
            max-width: 64px;
            margin: 0 auto;
            top: 42%;
            z-index: 99999;
         }
         #appDiv{
             width: 100%;
             position: absolute;
             margin: 0 auto;
             text-align: center;
         }
         #appCanvas{
             top: 0px;
             margin: 0 auto;
             position: relative;
         }
         #btnDiv{
             /*              display: block; */
             position: fixed;
             width: 100%;
             max-width: 640px;
             /*              height: 100%; */
             margin-left: auto;
             margin-right: auto;
             text-align: center;
             z-index: 9999;
             bottom: 10px;
             left: 0;
             right: 0;
         }
         table{
             margin: 0 auto;
             /* width: 100%;
                max-width: 640px; */
         }
         .bb{
             max-width: 100px;
         }
         .fileinput-button {
            position: relative;
            display: inline-block;
            overflow: hidden;
            }

         .fileinput-button input{
            position:absolute;
            right: 0px;
            top: 0px;
            opacity: 0;
            -ms-filter: 'alpha(opacity=0)';
            font-size: 200px;
         }
         #uploadDiv{
            position: absolute;  
            display: block;
            // width: 100%;
            // height: 100%;
            z-index: 99999;
         }
        </style>
        <script>
         window.onresize = resizeView;
         wx.config({
             debug: false,
             appId: "<!--{echo $we_appid;}-->",
             timestamp: <!--{echo $we_timestamp;}-->,
             nonceStr: "<!--{echo $we_nonceStr;}-->",
             signature: "<!--{echo $we_signature;}-->",
             jsApiList: ['checkJsApi',
                         'chooseImage',
                         'uploadImage']
         });

         wx.ready(function () {
             /* wx.checkJsApi({
              *     jsApiList: ['chooseImage', 'uploadImage'],
              *     success: function(res) {
              *         alert(res);
              *         if ( res.checkResult && res.checkResult.chooseImage ) {
              *         }else{
              *             alert("choose Image not support");
              *         }
              *     }
              * });*/
             wx.error(function (res) {
                 alert(res.errMsg);
             });
         });
        </script>
    </head>
    <body>
        <!--
        <div id="uploadDiv">
            <span class="fileinput-button">
                <img src="/static/ishow/img/btn_cece.png">
                <input type="file">
            </span>
        </div>
    -->
        <div id="loadingDiv">
            <img src="/static/ishow/img/loading.gif"/>
        </div>
        <div id="appDiv">
            <canvas id="appCanvas">
            </canvas>
            <!-- <div id="btnDiv">
                 <table>
                 <tr>
                 <td>
                 <img id="btnTry" class="bb" src="/static/ishow/img/btn_sure.png" onclick="onClickChoose();"/>
                 <img id="btnMake" class="bb" src="/static/ishow/img/btn_sure.png"/>
                 </td>
                 </tr>
                 </table>
                 </div> -->
        </div>
        <script>
         var options = {
            backgroundColor : 0x1099bb,
            forceCanvas: true,
            view: document.getElementById("appCanvas")
         }
         myApp = new PIXI.Application(designW, designH, options);
         myApp.renderer.autoResize = true;
         myApp.renderer.visible = false;

         container = new PIXI.Container();

         myApp.stage.addChild(container);
         PIXI.loader.add([
             "/static/ishow/img/yinlun1.png",
             "/static/ishow/img/btn_cece.png",
             "/static/ishow/img/blank.png",
         ]).load(setup).on("progress", loadProgress);
         function loadProgress(loader, resource) {
             console.log("progress: " + loader.progress + "%");
         }
         function setup() {
             console.log("load completed");
             makeDesignView();
             resizeView();
         }
        </script>
    </body>
</html>