做2d游戏,用Tiled编辑地形信息,另存为json后 信息太复杂,这里简单将地形 输出。
第一个是html文件 浏览器打开将 tiled输出的json导入,会自动生成一个 原文件名+ _Cut.json的文件里面只有地形,
想另行定义就改红色字体部分即可
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>
<input type="file" id="files" style="display: none" οnchange="fileImport();">
<input type="button" id="fileImport" value="导入">
</div>
<script type="text/javascript" src="FileSaver.js" ></script>
<script>
//点击导入按钮,使files触发点击事件,然后完成读取文件的操作
document.getElementById("fileImport").onclick = function () {
document.getElementById("files").click();
}
function fileImport() {
//获取读取我文件的File对象
var selectedFile = document.getElementById('files').files[0];
var name = selectedFile.name;//读取选中文件的文件名
var size = selectedFile.size;//读取选中文件的大小
console.log("文件名:"+name+"大小:"+size);
var reader = new FileReader();//这是核心,读取操作就是由它完成.
reader.readAsText(selectedFile);//读取文件的内容,也可以读取文件的URL
reader.onload = function () {
//当读取完成后回调这个函数,然后此时文件的内容存储到了result中,直接操作即可
a = this.result
if(typeof a == "string"){
a = JSON.parse(a)
}
console.log(a);
console.log("************************");
var c = a.tilesets[0].tiles;
for(var i in c){
c[i] = c[i]