增加实体按键的排版风格

This commit is contained in:
zhl 2019-06-04 18:50:57 +08:00
parent 521acc1caa
commit 069173cc01
15 changed files with 142 additions and 91 deletions

View File

@ -546,3 +546,50 @@ canvas {
.container::-webkit-scrollbar {
display: none; //Safari and Chrome
}
/*.direct-wrap {*/
/* width:300px;*/
/* height:300px;*/
/* top: 20px;*/
/* left: 20px;*/
/* position: absolute;*/
/* background-image:url(../resources/rocker.png);*/
/* display: none;*/
/* grid-template-columns: 100px 100px 100px;*/
/* grid-template-rows: 100px 100px 100px;*/
/*}*/
/*.real .dire-wrap {*/
/* display: none!important;*/
/*}*/
.real .dire-ctrl {
background-image:url(../resources/rocker.png);
}
.real .dc-centre {
display: none;
}
.real .dc-dire {
background-image:url(../resources/direct-shadow.png);
}
.real .direct-wrap {
display: grid;
}
.direct-btn {
}
.real .key-btn {
opacity:1!important;
background-image:url(../resources/button.png)!important;
}
.real .flat-btn {
background-image:url(../resources/flat-button.png)!important;;
opacity:.7!important;;
width:150px!important;
}
.real .kay-SE {
top:100px!important;
}
.real .kay-ST {
right:60px!important;;
}

View File

@ -1,71 +1,70 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=750,minimum-scale=0.4,maximum-scale=1,user-scalable=no">
<title></title>
<link href="css/gbajs.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="https://cdn.jsdelivr.net/npm/tiny-browser-require@1.0.0/require.js"></script>
<!--<script type="text/javascript" src="js/require.js"></script>-->
<script type="text/javascript" src="js/jcfw/httpcli.js"></script>
<script type="text/javascript" src="js/jcfw/httpclient.js"></script>
<script type="text/javascript" src="js/jcfw/urlbuilder.js"></script>
<script type="text/javascript" src="js/jcfw/jcgamelog.js"></script>
<script type="text/javascript" src="js/logger.js"></script>
<script type="text/javascript" src="js/long.js"></script>
<script type="text/javascript" src="js/bytebuffer.js"></script>
<script type="text/javascript" src="js/protobuf.js"></script>
<script type="text/javascript" src="js/jcmatchvs.js"></script>
<script type="text/javascript" src="js/netWorkHandle.js"></script>
<script type="text/javascript" src="js/network.js?"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/nes-embed.js"></script>
<script type="text/javascript">
var showInviteMask = function() {
document.getElementById('info-mask').style.display = '';
}
var hideInviteMask = function (){
document.getElementById('info-mask').style.display = 'none';
}
wx.miniProgram.getEnv(function(res) {
console.log(res) // true
})
</script>
</head>
<body>
<div>
<div id="emulator"></div>
</div>
<!-- <script src="js/rq.js" data-main="js/index.js"></script> -->
<div class='background-div'></div>
<canvas id="screen" width="256" height="240"></canvas>
<div class="ctrl-wrap">
<div class="dire-wrap">
<div class="dire-ctrl">
<div class="dc-centre"></div>
</div>
<div class="dc-dire"></div>
</div>
<div class="key-wrap">
<div class="key-btn kay-A" data-key="A">A</div>
<div class="key-btn kay-B" data-key="B">B</div>
<!-- <div class="key-btn kay-Y" data-key="Y">L</div>
<div class="key-btn kay-X" data-key="X">R</div> -->
<div class="key-btn kay-AB" data-key="AB">AB</div>
<div class="key-btn kay-SE flat-btn" data-key="SE">选择</div>
<div class="key-btn kay-ST flat-btn" data-key="ST">开始</div>
</div>
</div>
<div class='info-mask' id='info-mask' style="display: none;">
<!-- <img id='mask-img' src='resources/invite-mask.jpg'> -->
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=750,minimum-scale=0.4,maximum-scale=1,user-scalable=no">
<title></title>
<link href="css/gbajs.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="https://cdn.jsdelivr.net/npm/tiny-browser-require@1.0.0/require.js"></script>
<!--<script type="text/javascript" src="js/require.js"></script>-->
<script type="text/javascript" src="js/jcfw/httpcli.js"></script>
<script type="text/javascript" src="js/jcfw/httpclient.js"></script>
<script type="text/javascript" src="js/jcfw/urlbuilder.js"></script>
<script type="text/javascript" src="js/jcfw/jcgamelog.js"></script>
<script type="text/javascript" src="js/logger.js"></script>
<script type="text/javascript" src="js/long.js"></script>
<script type="text/javascript" src="js/bytebuffer.js"></script>
<script type="text/javascript" src="js/protobuf.js"></script>
<script type="text/javascript" src="js/jcmatchvs.js"></script>
<script type="text/javascript" src="js/netWorkHandle.js"></script>
<script type="text/javascript" src="js/network.js?"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/nes-embed.js"></script>
<script type="text/javascript">
var showInviteMask = function() {
document.getElementById('info-mask').style.display = '';
}
var hideInviteMask = function (){
document.getElementById('info-mask').style.display = 'none';
}
wx.miniProgram.getEnv(function(res) {
console.log(res) // true
})
</script>
</head>
<body>
<div>
<div id="emulator"></div>
</div>
<!-- <script src="js/rq.js" data-main="js/index.js"></script> -->
<div class='background-div'></div>
<canvas id="screen" width="256" height="240"></canvas>
<div id="ctrl-wrap" class="ctrl-wrap real">
<div class="dire-wrap">
<div class="dire-ctrl">
<div class="dc-centre"></div>
</div>
<div class="dc-dire"></div>
</div>
<div class="key-wrap">
<div class="key-btn kay-A" data-key="A">A</div>
<div class="key-btn kay-B" data-key="B">B</div>
<!-- <div class="key-btn kay-Y" data-key="Y">L</div>-->
<!-- <div class="key-btn kay-X" data-key="X">R</div>-->
<div class="key-btn kay-AB" data-key="AB">AB</div>
<div class="key-btn kay-SE flat-btn" data-key="SE">选择</div>
<div class="key-btn kay-ST flat-btn" data-key="ST">开始</div>
</div>
</div>
<div class='info-mask' id='info-mask' style="display: none;">
<!-- <img id='mask-img' src='resources/invite-mask.jpg'> -->
</div>
</body>
</html>

View File

@ -206,25 +206,29 @@ function checkSession_id(res){
}catch(e){}
}
window.onload = function(){
var account_id = getParameter("account_id")
var session_id = getParameter("session_id")
var url;
if(getParameter("version")==="product"){
url = "https://login.kingsome.cn/webapp/index.php?c=Login&a=sessionAuth"
}
else{
url = "https://login-test.kingsome.cn/webapp/index.php?c=Login&a=sessionAuth"
}
url += "&account_id=";
url += account_id;
url += "&session_id=";
url += session_id;
var ajax = new XMLHttpRequest();
ajax.onload = checkSession_id;
ajax.open("GET", url, true);
ajax.send(null);
var noCheck = getParameter('nt');
if (noCheck) {
startGame()
} else {
var account_id = getParameter("account_id")
var session_id = getParameter("session_id")
var url;
if(getParameter("version")==="product"){
url = "https://login.kingsome.cn/webapp/index.php?c=Login&a=sessionAuth"
}
else{
url = "https://login-test.kingsome.cn/webapp/index.php?c=Login&a=sessionAuth"
}
url += "&account_id=";
url += account_id;
url += "&session_id=";
url += session_id;
var ajax = new XMLHttpRequest();
ajax.onload = checkSession_id;
ajax.open("GET", url, true);
ajax.send(null);
}
}
var script_processor=null

BIN
fc/resources/button-press.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
fc/resources/button.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
fc/resources/rocker-down.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

BIN
fc/resources/rocker-left.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

BIN
fc/resources/rocker-up.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

BIN
fc/resources/rocker.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

BIN
fc/resources/rockerLeftDown.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

BIN
fc/resources/rockerLeftUp.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

View File

@ -11,8 +11,9 @@ const javascriptObfuscator = require('gulp-javascript-obfuscator');
const obfuscatorOptions = {
compact:true,
sourceMap: false,
debugProtection: false,
disableConsoleOutput: false
debugProtection: true,
disableConsoleOutput: true,
domainLock: ['.kingsome.cn', '.zhl.com']
};
//检查js的语法错误
gulp.task('jslint', function () {