322 lines
13 KiB
HTML
322 lines
13 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<link href="_server/css/editor.css" rel="stylesheet">
|
||
<link href="_server/css/editor_mode.css" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<div class="main">
|
||
<div id="left">
|
||
<div id="arrEditor">
|
||
<table class="col" id='arrColMark'></table>
|
||
<table class="row" id='arrRowMark'></table>
|
||
<div id="editArea" v-cloak>
|
||
<textarea cols="10" rows="10" id="pout" v-model="mapArr"></textarea>
|
||
<p class="warnText" v-if="error">{{ errors[error-1] }}</p>
|
||
</div>
|
||
<div id="editTip" v-cloak>
|
||
<select id="selectFloor"></select><br>
|
||
<input id='saveAsName' placeholder="输入新楼层id"/>
|
||
<input class='btn' type="button" value="save" id='saveFloor'/>
|
||
<input class='btn' type="button" value="saveAs" id='saveFloorAs'/>
|
||
<input class='btn' type="button" value="复制地图" v-on:click="copyMap"/>
|
||
</div>
|
||
</div>
|
||
<div id="objDataEditor">
|
||
|
||
</div>
|
||
<div id="eventEditor">
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div id="left99" class='leftTab'><!-- 可以直接删掉,在editor_mode.js中,把ids中的'test':'left99'也要删掉 -->
|
||
<div >
|
||
<h3>测试用标签页</h3>
|
||
<div class='etable'>
|
||
<table>
|
||
<tbody id='test_tbody'>
|
||
<tr><td id='test_td' title="['aa']['bb']">条目</td><td>注释<span title='abc 中文 aaa'>aaa</span></td><td>值</td></tr>
|
||
<tr><td></td><td></td><td></td></tr>
|
||
<tr><td></td><td></td><td></td></tr>
|
||
<tr><td>变量名字符串</td><td title='abc 中文 aaa'>可能显示不全但是hover时通过span title='xxx'来显示</td><td>高度以此为准</td></tr>
|
||
<tr><td></td><td></td><td>此处是利用slice实现</td></tr>
|
||
<tr><td></td><td></td><td></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class='etable'>
|
||
<table>
|
||
<tbody id='test_tbody2'>
|
||
<tr><td>条目</td><td>注释</td><td>值</td></tr>
|
||
<tr><td></td><td></td><td><textarea spellcheck='false' id='temp_text' rows="2">abc</textarea></td></tr>
|
||
<tr><td></td><td></td><td><input spellcheck='false' id='temp_input' value='abc' /></td></tr>
|
||
<tr><td></td><td></td><td><select id="temp_select">
|
||
<option value="abc">abc</option>
|
||
<option value="ground2">ground2</option>
|
||
</select></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div >
|
||
<input type="button" value="保存"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="left2" class='leftTab'><div><!-- loc -->
|
||
<h3>地图选点</h3>
|
||
<p id='pos_a6771a78_a099_417c_828f_0a24851ebfce'>0,0</p>
|
||
<div class='etable'>
|
||
<table>
|
||
<tbody id='table_3d846fc4_7644_44d1_aa04_433d266a73df'>
|
||
<tr><td>条目</td><td>注释</td><td>值</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div></div>
|
||
<div id="left3" class='leftTab'><div><!-- emenyitem -->
|
||
<h3>图块属性</h3>
|
||
<div id='newIdIdnum'><!-- id and idnum -->
|
||
<input placeholder="输入新id"/>
|
||
<input placeholder="输入新idnum"/>
|
||
</div>
|
||
<div><!-- enemy and item -->
|
||
<div class='etable'>
|
||
<table>
|
||
<tbody id='table_a3f03d4c_55b8_4ef6_b362_b345783acd72'>
|
||
<tr><td>条目</td><td>注释</td><td>值</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div></div>
|
||
<div id="left4" class='leftTab'><div><!-- floor -->
|
||
<h3>楼层属性</h3>
|
||
<div class='etable'>
|
||
<table>
|
||
<tbody id='table_4a3b1b09_b2fb_4bdf_b9ab_9f4cdac14c74'>
|
||
<tr><td>条目</td><td>注释</td><td>值</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div></div>
|
||
<div id="left5" class='leftTab'><div><!-- tower -->
|
||
<h3>全塔属性</h3>
|
||
<div class='etable'>
|
||
<table>
|
||
<tbody id='table_b6a03e4c_5968_4633_ac40_0dfdd2c9cde5'>
|
||
<tr><td>条目</td><td>注释</td><td>值</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div></div>
|
||
<div id="mid">
|
||
<table class="col" id='mapColMark'></table>
|
||
<table class="row" id='mapRowMark'></table>
|
||
<div class="map" id="mapEdit">
|
||
<canvas class='gameCanvas' id='bg' width='416' height='416'></canvas>
|
||
<canvas class='gameCanvas' id='event' width='416' height='416'></canvas>
|
||
<canvas class='egameCanvas' id='eui' width='416' height='416' style='z-index:100'></canvas>
|
||
</div>
|
||
<div class="tools">
|
||
<div id="tip" v-cloak >
|
||
<div v-if="isSelectedBlock" >
|
||
<p v-if="isClearBlock" class="infoText">当前选择为清除块，可擦除地图上块</p>
|
||
<div v-else>
|
||
<p v-if="hasId">图块编号：<span class="infoText">{{ infos['idnum'] }}</span></p>
|
||
<p v-if="hasId">图块ID：<span class="infoText">{{ infos['id'] }}</span></p>
|
||
<p v-else class="warnText">该图块无对应的数字或ID存在，请先前往icons.js和maps.js中进行定义！</p>
|
||
<p>图块所在素材：<span class="infoText">{{ infos['images'] + (isAutotile ? '( '+infos['id']+' )' : '') }}</span></p>
|
||
<p>图块索引：<span class="infoText">{{ infos['y'] }}</span></p>
|
||
</div>
|
||
</div>
|
||
<div v-else>
|
||
<p v-if="whichShow" v-bind:class="[ (whichShow%2) ? 'warnText' : 'successText']">{{ mapMsg }}</p>
|
||
</div>
|
||
</div>
|
||
<input class='btn' id='clear' type="button" value="清除地图" v-on:click="clearMap"/>
|
||
<input class='btn' type="button" value="导出地图" id="exportM" v-on:click="exportMap"/>
|
||
|
||
<div id="bgSelect" v-cloak>
|
||
<span>当前地板: </span>
|
||
<select v-model="selectedBg">
|
||
<option disabled value="">请选择地板</option>
|
||
<option v-for="bg in bgs" v-bind:value="bg">
|
||
{{ bg }}
|
||
</option>
|
||
</select>
|
||
<div class="selectpng">
|
||
<input class='input' id='pin' v-model="imgname" placeholder="请输入自定义背景文件名"/>
|
||
<input class='btn' type="button" value="确定" v-on:click="updatebg"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="right">
|
||
<div id="iconLib">
|
||
<canvas class='egameCanvas' id='edata' width='416' height='416' style='z-index:0'></canvas>
|
||
<div id="selectBox">
|
||
<div id='dataSelection' v-show="isSelected" v-cloak></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <script>/* -->
|
||
<div id='gameGroup' style='display:none'>
|
||
<p id='mainTips'>请稍后...</p>
|
||
<div id='startPanel'>
|
||
<div id='startTop'>
|
||
<div id='startTopProgressBar'>
|
||
<div id='startTopProgress'></div>
|
||
</div>
|
||
<p id='startTopLoadTips'>资源即将开始加载</p>
|
||
</div>
|
||
<img id='startBackground' src='project/images/bg.png'>
|
||
<!-- 标题界面；可以改style的color使标题改变颜色 -->
|
||
<p id='startLogo' style="color: black"></p>
|
||
<div id='startButtonGroup'>
|
||
<div id='startButtons'>
|
||
<span class='startButton' id='playGame'>开始游戏</span>
|
||
<span class='startButton' id='loadGame'>载入游戏</span>
|
||
<span class='startButton' id='aboutGame'>关于本塔</span>
|
||
</div>
|
||
<div id='levelChooseButtons'>
|
||
<span class='startButton' id='easyLevel'>简单</span>
|
||
<span class='startButton' id='normalLevel'>普通</span>
|
||
<span class='startButton' id='hardLevel'>困难</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id='floorMsgGroup'>
|
||
<p id='logoLabel'></p>
|
||
<p id='versionLabel'></p>
|
||
<p id='floorNameLabel'></p>
|
||
</div>
|
||
<div id='statusBar' class="clearfix">
|
||
<div class="status" id="floorCol">
|
||
<img src='project/images/floor.png' id="img-floor">
|
||
<p class='statusLabel' id='floor'></p>
|
||
</div>
|
||
<div class="status" id="lvCol">
|
||
<img src='project/images/lv.png' id="img-lv">
|
||
<p class='statusLabel' id='lv'></p>
|
||
</div>
|
||
<div class="status">
|
||
<img src='project/images/hp.png' id="img-hp">
|
||
<p class='statusLabel' id='hp'></p>
|
||
</div>
|
||
<div class="status">
|
||
<img src='project/images/atk.png' id="img-atk">
|
||
<p class='statusLabel' id='atk'></p>
|
||
</div>
|
||
<div class="status">
|
||
<img src='project/images/def.png' id="img-def">
|
||
<p class='statusLabel' id='def'></p>
|
||
</div>
|
||
<div class="status" id="mdefCol">
|
||
<img src='project/images/mdef.png' id="img-mdef">
|
||
<p class='statusLabel' id='mdef'></p>
|
||
</div>
|
||
<div class="status" id="moneyCol">
|
||
<img src='project/images/money.png' id="img-money">
|
||
<p class='statusLabel' id='money'></p>
|
||
</div>
|
||
<div class="status" id="expCol">
|
||
<img src='project/images/experience.png' id="img-experience">
|
||
<p class='statusLabel' id='experience'></p>
|
||
</div>
|
||
<div class="status" id="upCol">
|
||
<img src='project/images/up.png' id="img-up">
|
||
<p class='statusLabel' id='up'></p>
|
||
</div>
|
||
<div class="status">
|
||
<span class='statusLabel' id='yellowKey' style="color:#FFCCAA"></span>
|
||
<span class='statusLabel' id='blueKey' style="color:#AAAADD"></span>
|
||
<span class='statusLabel' id='redKey' style="color:#FF8888"></span>
|
||
</div>
|
||
<div class="status" id="debuffCol">
|
||
<span class='statusLabel' id='poison' style="color: #AFFCA8;"></span>
|
||
<span class='statusLabel' id='weak' style="color: #FECCD0;"></span>
|
||
<span class='statusLabel' id='curse' style="color: #C2F4E7;"></span>
|
||
</div>
|
||
</div>
|
||
<div id="toolBar" class="clearfix">
|
||
<img src="project/images/book.png" class="tools" id='img-book'>
|
||
<img src="project/images/fly.png" class="tools" id='img-fly'>
|
||
<img src="project/images/toolbox.png" class="tools" id='img-toolbox'>
|
||
<img src="project/images/shop.png" class="tools" id='img-shop'>
|
||
<img src="project/images/save.png" class="tools" id='img-save'>
|
||
<img src="project/images/load.png" class="tools" id='img-load'>
|
||
<img src="project/images/settings.png" class="tools" id='img-settings'>
|
||
<p class="statusLabel tools" id="hard"></p>
|
||
</div>
|
||
<div id="curtain"></div>
|
||
<!-- <canvas class='gameCanvas' id='bg' width='416' height='416'></canvas> -->
|
||
<!-- <canvas class='gameCanvas' id='event' width='416' height='416'></canvas> -->
|
||
<canvas class='gameCanvas' id='fg' width='416' height='416'></canvas>
|
||
<canvas class='gameCanvas' id='hero' width='416' height='416'></canvas>
|
||
<canvas class='gameCanvas' id='ui' width='416' height='416'></canvas>
|
||
<canvas class='gameCanvas' id='data' width='416' height='416'>此浏览器不支持HTML5</canvas>
|
||
</div>
|
||
<!-- */</script> -->
|
||
<script>
|
||
// 生成定位编号
|
||
(function(){
|
||
var colNum = ' ';
|
||
for(var i=0; i<13; i++){
|
||
var tpl = '<td>'+i+'<div class="colBlock" style="left:'+(i*32+1)+'px;"></div></td>';
|
||
colNum += tpl;
|
||
}
|
||
arrColMark.innerHTML = '<tr>'+colNum+'</tr>';
|
||
mapColMark.innerHTML = '<tr>'+colNum+'</tr>';
|
||
var rowNum = ' ';
|
||
for(var i=0; i<13; i++){
|
||
var tpl = '<tr><td>'+i+'<div class="rowBlock" style="top:'+(i*32+1)+'px;"></div></td></tr>';
|
||
rowNum += tpl;
|
||
}
|
||
arrRowMark.innerHTML = rowNum;
|
||
mapRowMark.innerHTML = rowNum;
|
||
})();
|
||
</script>
|
||
|
||
<!-- =========================================================== -->
|
||
|
||
<script src='_server/vendor/vue.min.js'></script>
|
||
<!-- <script src="https://cdn.bootcss.com/vue/2.5.13/vue.js"></script> -->
|
||
<script src='_server/fs.js'></script>
|
||
<script src='_server/editor_file.js'></script>
|
||
<script src='_server/editor_mode.js'></script>
|
||
<script src='_server/vm.js'></script>
|
||
<script id='mainScript' src='main.js'></script>
|
||
<script>
|
||
//所有全局量
|
||
__all__=['Vue','fs','editor_file','editor_mode','main','core','hasOwnProp','editor'];
|
||
__id__=['editArea','arrRowMark','mapRowMark','data','bg','dataSelection'];
|
||
__Vue__=['exportM','editArea','editTip','clear','tip','selectBox'];
|
||
//var event = document.getElementById('event');
|
||
|
||
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
||
function hasOwnProp (obj, key) {
|
||
return hasOwnProperty.call(obj, key)
|
||
}
|
||
</script>
|
||
<script src='_server/editor.js'></script>
|
||
<script>
|
||
main.init('editor');
|
||
editor.init(function(){
|
||
editor.pos={x: 0, y: 0};
|
||
editor_mode.loc();
|
||
editor.info=editor.ids[editor.indexs[201]];
|
||
editor_mode.emenyitem();
|
||
editor_mode.floor();
|
||
editor_mode.tower();
|
||
editor_mode.listen();
|
||
});
|
||
//main.listen();
|
||
//core.setHeroMoveTriggerInterval();
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|