Tiled 编辑地形后 输出简化

做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]

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值