@shijiu/jsview-vue-samples 2.3.0 → 2.3.728-alpha.0

package/MetroWidgetDemos/TripleWidget/App.vue

@@ -1,81 +0,0 @@
-<!--
- * @Author: ChenChanghua
- * @Date: 2022-07-11 13:31:36
- * @Description: file content
--->
-<script setup>
-import { MetroWidget, VERTICAL, useFocusHub, METRO_WIDGET_CONST } from "jsview";
-import WidgetItem from "./WidgetItem.vue";
-import SWidgetItem from "./SWidgetItem.vue";
-import { onMounted } from "vue";
-
-const focusHub = useFocusHub();
-
-const provideData = () => {
-  const data = [];
-  for (let i = 0; i < 10; i++) {
-    data.push({
-      width: 500,
-      height: 170,
-      name: "widget_" + i,
-      marginBottom: 10,
-      index: i,
-    });
-  }
-  return data;
-};
-
-const measures = (item) => {
-  return {
-    width: item.width,
-    height: item.height,
-    marginRight: item.marginRight,
-    marginBottom: item.marginBottom,
-    /**重要代码: itemSlide设置为ACT_FOCUS_RECT_EVENT, 由子MetroWidget控制滚动 */
-    itemSlide: METRO_WIDGET_CONST.ITEM_SLIDE.ACT_FOCUS_RECT_EVENT,
-  };
-};
-
-onMounted(() => {
-  focusHub.setFocus("mwWidget");
-});
-</script>
-
-<template>
-  <div :style="{ width: 1280, height: 720, backgroundColor: '#007788' }" />
-  <div
-    :style="{
-      left: 100,
-      top: 20,
-      width: 800,
-      height: 400,
-      fontSize: 30,
-      color: '#FFFFFF',
-    }"
-  >
-    {{ `MetroWidget嵌套了三层的组件, 焦点应该就近移动` }}
-  </div>
-  <!-- 为了保证边缘的item缩放后依旧完整显示, 需要设置padding, 注意width/height是包含padding的 -->
-  <metro-widget
-    name="mwWidget"
-    :top="100"
-    :left="50"
-    :width="660"
-    :height="600"
-    :provideData="provideData"
-    :padding="{ left: 30, right: 30 }"
-    :direction="VERTICAL"
-    :measures="measures"
-  >
-    <!-- 重要代码: 为了实现焦点就近移动, 需要传递onItemEdge回调 -->
-    <template #renderItem="{ data, query, onAction, onItemEdge }">
-      <SWidgetItem :data="data" :onAction="onAction" :onItemEdge="onItemEdge" />
-      <!-- <widget-item
-        v-else
-        :data="data"
-        :onAction="onAction"
-        :onItemEdge="onItemEdge"
-      /> -->
-    </template>
-  </metro-widget>
-</template>

package/MetroWidgetDemos/TripleWidget/SWidgetItem.vue

@@ -1,93 +0,0 @@
-<script setup>
-import { MetroWidget, VERTICAL, useFocusHub, METRO_WIDGET_CONST } from "jsview";
-import WidgetItem from "./WidgetItem.vue";
-import { onMounted, ref, shallowRef } from "vue";
-
-const props = defineProps({
-  data: Object,
-  onAction: Object,
-  onItemEdge: Function,
-});
-
-const focusHub = useFocusHub();
-const mwWidget2 = ref(null);
-
-const provideData = () => {
-  const data = [];
-  for (let i = 0; i < 1; i++) {
-    data.push({
-      width: 500,
-      height: 170,
-      name: "3级嵌套_" + i + props.data.index,
-      marginBottom: 10,
-      index: i,
-    });
-  }
-  return data;
-};
-
-const measures = (item) => {
-  return {
-    width: item.width,
-    height: item.height,
-    marginRight: item.marginRight,
-    marginBottom: item.marginBottom,
-    itemSlide: METRO_WIDGET_CONST.ITEM_SLIDE.ACT_FOCUS_RECT_EVENT,
-  };
-};
-
-onMounted(() => {});
-
-const widgetRef = shallowRef();
-const onFocus = (rect) => {
-  if (rect) {
-    //多层嵌套时需要将子的edge信息加上
-    let rectInfo = {
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0,
-    };
-    let curRect = rect;
-    while (curRect) {
-      let { x, y, width, height } = curRect.rect;
-      rectInfo.x += x;
-      rectInfo.y += y;
-      rectInfo.width = width;
-      rectInfo.height = height;
-      curRect = curRect.childEdgeInfo;
-    }
-    widgetRef.value?.setEnterFocusRect({
-      direction: rect.direction,
-      rect: rectInfo,
-    });
-  }
-  focusHub.setFocus("mwWidget2" + props.data.index);
-};
-const onWidgetEdge = (info) => {
-  props.onItemEdge(info);
-};
-
-props.onAction.register("onFocus", onFocus);
-</script>
-
-<template>
-  <metro-widget
-    ref="widgetRef"
-    :name="'mwWidget2' + props.data.index"
-    :top="0"
-    :left="0"
-    :width="660"
-    :height="600"
-    :provideData="provideData"
-    :padding="{ left: 30, right: 30 }"
-    :direction="VERTICAL"
-    :measures="measures"
-    :onEdge="onWidgetEdge"
-  >
-    <!-- 重要代码: 为了实现焦点就近移动, 需要传递onItemEdge回调 -->
-    <template #renderItem="{ data, onAction, onItemEdge }">
-      <widget-item :data="data" :onAction="onAction" :onItemEdge="onItemEdge" />
-    </template>
-  </metro-widget>
-</template>

package/MetroWidgetDemos/TripleWidget/WidgetItem.vue

@@ -1,111 +0,0 @@
-<script setup>
-import { HORIZONTAL, MetroWidget, useFocusHub } from "jsview";
-import { shallowRef } from "vue";
-import Item from "./Item.vue";
-
-const props = defineProps({
-  data: Object,
-  onItemEdge: Function,
-  onAction: Object,
-});
-const focusHub = useFocusHub();
-const mwRef = shallowRef(null);
-
-const measures = (item) => {
-  return item;
-};
-const randomColor = () => {
-  let randomColor = Math.round(Math.random() * 2 ** 24).toString(16);
-  return (
-    "#" + new Array(6 - randomColor.length).fill("0").join("") + randomColor
-  );
-};
-const provideData = () => {
-  const data = [];
-  for (let i = 0; i < 10; i++) {
-    data.push({
-      width: (i + props.data.index) % 2 == 0 ? 90 : 180,
-      height: 90,
-      marginRight: 10,
-      marginBottom: 10,
-      content: i,
-      color: randomColor(),
-    });
-  }
-  return data;
-};
-const onFocus = (rect) => {
-  /** 重要代码: 参数rect为父MetroWidget传递的, 焦点过来的区域
-   *  因此需要调用setEnterFocusRect来设置焦点进入区域, 以寻找最近的焦点
-   */
-  //多层嵌套时, EnterFocusRect需要根据子的信息设置
-  if (rect) {
-    let rectInfo = {
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0,
-    };
-    let curRect = rect;
-    while (curRect) {
-      let { x, y, width, height } = curRect.rect;
-      rectInfo.x += x;
-      rectInfo.y += y;
-      rectInfo.width = width;
-      rectInfo.height = height;
-      curRect = curRect.childEdgeInfo;
-    }
-    mwRef.value?.setEnterFocusRect({
-      direction: rect.direction,
-      rect: rectInfo,
-    });
-  }
-
-  // mwRef.value?.setEnterFocusRect(rect);
-  focusHub.setFocus(props.data.name);
-};
-const onBlur = () => {
-  //onBlur时需要返还焦点给父MetroWidget
-  focusHub.returnFocusToParent();
-};
-
-props.onAction.register("onFocus", onFocus);
-props.onAction.register("onBlur", onBlur);
-</script>
-
-<template>
-  <div
-    :style="{
-      width: 900,
-      height: 50,
-      fontSize: 30,
-      color: '#FFFFFF',
-    }"
-  >
-    {{ data.name }}
-  </div>
-  <!-- 重要代码: sendFocusRectEvent可以让MetroWidget的item在获焦时发送事件, 通知父的MetroWidget进行滚动 -->
-  <!-- 重要代码: onItemEdge直接作为onEdge回调, 既子MetroWidget到达边缘时触发父的onItemEdge -->
-  <metro-widget
-    ref="mwRef"
-    :name="data.name"
-    :top="50"
-    :width="data.width"
-    :height="data.height"
-    :provideData="provideData"
-    :direction="HORIZONTAL"
-    :padding="{
-      left: 30,
-      right: 30,
-      top: 10,
-      bottom: 10,
-    }"
-    :measures="measures"
-    :onEdge="onItemEdge"
-    :sendFocusRectEvent="true"
-  >
-    <template #renderItem="{ data, onAction }">
-      <item :data="data" :onAction="onAction" />
-    </template>
-  </metro-widget>
-</template>

package/Parkour/App.vue

@@ -1,13 +0,0 @@
-<template>
-  <GameSence :key="SenceKey"></GameSence>
-</template>
-
-<script setup>
-import { provide, shallowRef } from 'vue';
-import GameSence from './components/GameSence.vue';
-//定义变量key，通过修改key值来进行页面重载
-let SenceKey = shallowRef(0)
-provide("SenceKey", SenceKey)
-</script>
-
-<style lang="scss" scoped></style>

package/Parkour/Common/Context.js

@@ -1,21 +0,0 @@
-/* 在此存放Demo中全局影响的变量*/
-import { shallowRef } from "vue";
-class Context {
-    constructor() {
-        this.left = shallowRef(0);
-        //各ref
-        this.TopRef1=shallowRef(null)
-        this.TopRef2=shallowRef(null)
-        this.MidRef1=shallowRef(null);
-        this.MidRef2=shallowRef(null);
-        this.BottomRef1=shallowRef(null)
-        this.BottomRef2=shallowRef(null);
-        this.ObstacleRef1=shallowRef(null)
-        this.ObstacleRef2=shallowRef(null)
-        this.LeftRef1=shallowRef(null)
-        this.LeftRef2=shallowRef(null)
-    }
-}
-export {
-    Context
-}

package/Parkour/Common/MatchmanInfo.js

@@ -1,62 +0,0 @@
-/* 此js文件用于更新火柴人的动作 */
-import fail_json from "../assets/role_skin1/fail.json"
-import fail_png from "../assets/role_skin1/fail.png"
-import roll_json from "../assets/role_skin1/roll.json"
-import roll_png from "../assets/role_skin1/roll.png"
-import jumpDown_json from "../assets/role_skin1/jump_down.json"
-import jumpDown_png from "../assets/role_skin1/jump_down.png"
-import jumpUp_json from "../assets/role_skin1/jump_up.json"
-import jumpUp_png from "../assets/role_skin1/jump_up.png"
-import run_json from "../assets/role_skin1/run.json"
-import run_png from "../assets/role_skin1/run.png"
-
-//精灵图信息函数
-const _formatInfo = (action_json) => {
-    const info = {
-      frames: [],
-      meta: {
-        size: action_json.meta.size,
-      },
-    };
-    let frames_ref = info.frames;
-    let max_width = 0;
-    let max_height = 0;
-  
-    for (let i = 0; i < action_json.frames.length; i++) {
-      const target = action_json.frames[i].spriteSourceSize;
-      frames_ref.push({
-        target,
-        source: action_json.frames[i].frame,
-      });
-      const sprite_with = target.x + target.w;
-      const sprite_height = target.y + target.h;
-      if (sprite_with > max_width) {
-        max_width = sprite_with;
-      }
-      if (sprite_height > max_height) {
-        max_height = sprite_height;
-      }
-    }
-    return { info, maxW: max_width, maxH: max_height };
-  }
-
-//存入整个json对象
-const jsonObject={
-    fail_json,
-    roll_json,
-    jumpDown_json,
-    jumpUp_json,
-    run_json
-}
-const pngObject={
-    fail_png,
-    roll_png,
-    jumpDown_png,
-    jumpUp_png,
-    run_png
-}
-export {
-    _formatInfo,
-    jsonObject,
-    pngObject,
-}

package/Parkour/Common/Random.js

@@ -1,61 +0,0 @@
-/* 此js文件用于初始化以及更新随机背景图和地板 */
-import bg1 from "../assets/Bgimages/bg1.png"
-import bg2 from "../assets/Bgimages/bg2.png"
-import bg3 from "../assets/Bgimages/bg3.png"
-import bg4 from "../assets/Bgimages/bg4.png"
-import bg5 from "../assets/Bgimages/bg5.png"
-import { shallowRef } from "vue"
-import { buildPreloadInfo } from "jsview"
-import { Context } from "./Context"
-/* 背景图相关 */
-//定义随机背景图数组
-const bgArray = [bg1, bg2, bg3, bg4, bg5]
-//随机背景图
-const randomBg = (bg, array) => {
-    array.value = []
-    const randomIndex = Math.floor(Math.random() * bgArray.length);
-    bg.value = bgArray[randomIndex]
-    array.value.push(buildPreloadInfo(bg.value))
-    return bg
-}
-/* 地板相关 */
-
-//拿地板定位left的值
-let GameContext = new Context()
-//设定缝隙长度
-const gapWidth = 280;
-//给定最大长度
-const maxLength = 820;
-//给定最小长度
-const minLength = 600
-
-
-//随机的div样式
-const randomFloor = (array) => {
-    for (let i = 0; i < 2; i++) {
-        const length = Math.floor(Math.random() * (maxLength - minLength + 1)) + minLength + gapWidth
-        GameContext.left.value += length
-        let top = shallowRef(0)
-        if (i !== 0) {
-            top.value = 500 - Math.floor(Math.random() * 180)
-        } else {
-            top.value = 500 
-        }
-
-        array.value.push({ length: length, left: GameContext.left.value, top: top.value })
-    }
-    array.value.forEach((item, index) => {
-        if (index == 0) {
-            item.left = 0
-        } else {
-            item.left = array.value[index - 1].left + array.value[index - 1].length;
-        }
-    })
-
-    return array
-}
-export {
-    randomFloor,
-    randomBg,
-    gapWidth
-}

package/Parkour/Common/Sound.js

@@ -1,50 +0,0 @@
-/* 音频 */
-import { JsvSoundPool } from "jsview";
-import jumpAudio from "../assets/audio/jump.mp3"
-import failAudio from "../assets/audio/lose.mp3"
-
-class Sound {
-    initSound() {
-       this.soundPool = new JsvSoundPool(10);
-       this.soundPool.request(
-           `url(${jumpAudio})`,
-           null,
-           1,
-           (state, audioController) => {
-               console.log("load jump audio ", state)
-               if (state === 0) {
-                   Sound._AudioController1 = audioController;
-               }
-           }
-       );
-       this.soundPool.request(
-        `url(${failAudio})`,
-        null,
-        1,
-        (state, audioController) => {
-            console.log("load fail audio ", state)
-            if (state === 0) {
-                Sound._AudioController2 = audioController;
-            }
-        }
-    );
-   }
-
-    playJumpSound() {
-       if (Sound._AudioController1) {
-           Sound._AudioController1.play();
-       }
-   }
-
-   playFailSound() {
-       if (Sound._AudioController2) {
-           Sound._AudioController2.play();
-       }
-   }
-
-   destroy () {
-       this.soundPool.destroy()
-   }
-
-}
-export default Sound ;

package/Parkour/appConfig/HOW_TO_CONFIG.md

@@ -1,20 +0,0 @@
-app_data文件夹用来记录APP的设定信息，包括APP的全球唯一标识，签名信息
-
-1. 全球唯一标识AppName设定方法:
-   修改app.config.js文件中的AppName信息，一般命名方法为 domain/子应用名
-
-2. 签名信息，使用RSA签名，设定方法:
-   使用在线生成工具生成RSA钥匙对，例如 http://www.metools.info/code/c80.html
-   注意选择设定信息有三点要注意:
-   A. 秘钥长度固定为 2048 bit
-   B. 秘钥格式固定为 PKCS#8
-   (生成出的公钥以 -----BEGIN PUBLIC KEY----- 开头，而非 -----BEGIN RSA PUBLIC KEY-----)
-   C. 密码不要设置
-   将生成的公钥复制粘贴到文件app_sign_public_key.pem中，内容可以参照 app_sign_public_key_sample.pem 文件
-   同理，将私钥复制粘贴到文件app_sign_private_key.crt中
-   
-   JsView签名原理说明:
-   在进行js build时，会将 main.jsv.xxxx.js (包含AppName具体值)文件的md5值用私钥进行编码，编码出的内容和公钥一起写入到该文件的文件头中，JsView加载后用公钥反编码出该md5值，和文件的md5进行比对，若md5一致则认为此公钥合法，然后此公钥会和AppName进行映射，作为设定快捷访问地址等权限控制的调用作为参考，以防止其他APP对本APP(以AppName为查询键)的私有内容进行非法访问和破坏。
-   
-   注意: 私钥(app_sign_private_key.crt)不要被泄漏，私钥若泄漏，则其他APP可以伪装AppName，查询本APP的私有内容，覆盖本APP设定的快捷访问地址。
-   

package/Parkour/appConfig/app.config.mjs

@@ -1,5 +0,0 @@
-export default {
-	AppName: "xxxx.domain.cn/XXXX",
-	AppTitle: "Demo中文名(UTF8)",
-	AppVersion: "1.00"
-}

package/Parkour/appConfig/app_sign_private_key_sample.crt

@@ -1,28 +0,0 @@
------BEGIN PRIVATE KEY-----
-MIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQCyAMjq7vLF45SQ
-Xk3KtelbgEOR57okn2vFXMRa9lrHEkfP72YPnP7INHxMQ8pWIEx8nfhOTjCQbzAN
-5omUxjJizNsqcgfKldLgdwQAUENozMSsxWiteMyjvH0aX5X0vbpSOykUnkg/UROG
-vCyIj1buylww8FAMA4TamxfivOCLmQU7qlZNq7bZ/ZOYsdvAYRfd5Ey0Si8kgsk8
-/I9halBymQeVylBB+qY5d4L0IVLjcjbc9y9tU0+o4NoqFfkKCFQaSNXqYVey9yCG
-eHtpx9XT+SNDzvFTbGQaAVyoYSKjshQk58u1yn9kRp0t7rUvRfAQh6ocKBlPMucP
-x4zTv8PPAgMBAAECggEAJzhVDK6pf0Cts0GUEl4SlL6mJLfSI8+ch1fxS7mMNuCo
-QgCVlEsbODGYUZV+N4vWTn7f/yDrQme9RtLM7aLd5zcL80Y8wT5RwHN4xjjpIWY8
-z3SPo+lB7bHSPsVg3RQQwZ2XZ5uYf5r1mnJLvasXlHWx6naIrJz54NDbanIDZ75p
-YMvN/JIF4CQR58CNsPI3I8Ww5hnCSAynKlJy6qOf+C0XYxTRUs4TkZFa851a3E1q
-4E8HMCvt4BZiGfyvLyS6+2pDevY9gcym1yIYwhcIRviD8S1hGpGPcmHbbt7Sj70Y
-hr4oqbgxhlpQl9y2iUZ4VSKN3f1eU2O5Qufsn2cpQQKBgQDgZ2o+W5AIThqepzkK
-+ExiXXVkHmSAtne5uLEz8SU/xwc0c0j9sOUlmpCvgn+aKbQO8MModAblPgo2QvI1
-YTnX/V+TBm/4mBmCq+F7i0z2ZrexGO6CSbe8lVSBy/sAbzNMeK6fPnS0aO4ZWjYS
-SDQ8/FAbxsHjUo2u5UDHJBj+JQKBgQDLENxo7EsCVB0R80WpL1VhkzXz3VTeMaSs
-rj81eu7Ji/55Eh7QzPI3TUNcFAUHRN8THT320dCiXkg0s/YTKD2j9s7mnAFjyNnG
-oiAmOvSpSKZgRGHh63LzwIDtSSQoeJQw+6ujvvF2elsWJ7s3t1N6tZD/E9E291yF
-WFDixdn14wKBgQCQV5TMVYMZBHw07uVPPBWN9AWth6sn67apPLam7YcDNhdZUopx
-vFY40OoeKre/RvHt5knx/GfvDu/spTU8xrQ5TV4rqSle4x8NoVehayHvIHUpshrA
-rYBFClzYPIfQaLa7iqjv/3F8Fj6JCjDbo5wOWlGA/GD8wr4l8IqxTXPSDQKBgQCr
-rmWqj5wbK+In+vU6RLp69Gr48nd+I5qGJAtsu7KG08UhtyA2iA+AkeIRRxu5OZEg
-J+jrdBhgLjX92OiC6dKzfUcP0XWbV4RHW2qy58VSGgoP+cCHsPhO/MID24KmdMtV
-XnGOzzB2apv37z9pq6T4aelcvvRy9E9UrYY1M/FC4QKBgA7CryIz/+Ps7zrn50BN
-TM3wsqomVe2sKj6OIE7f7SLdmA4cAco+xoXBExLxP7aqgrBj4B/7ovloF6edsGMI
-RF8yP8OceBIruFEKwUh4m0uoWshLJVnjk0iU+X8OD5lUCRhEZ6zO6svt5HTP1d+o
-XcUVzSIc3bxXpKmwXAfLKVED
------END PRIVATE KEY-----

package/Parkour/appConfig/app_sign_public_key_sample.pem

@@ -1,9 +0,0 @@
------BEGIN PUBLIC KEY-----
-MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAsgDI6u7yxeOUkF5NyrXp
-W4BDkee6JJ9rxVzEWvZaxxJHz+9mD5z+yDR8TEPKViBMfJ34Tk4wkG8wDeaJlMYy
-YszbKnIHypXS4HcEAFBDaMzErMVorXjMo7x9Gl+V9L26UjspFJ5IP1EThrwsiI9W
-7spcMPBQDAOE2psX4rzgi5kFO6pWTau22f2TmLHbwGEX3eRMtEovJILJPPyPYWpQ
-cpkHlcpQQfqmOXeC9CFS43I23PcvbVNPqODaKhX5CghUGkjV6mFXsvcghnh7acfV
-0/kjQ87xU2xkGgFcqGEio7IUJOfLtcp/ZEadLe61L0XwEIeqHCgZTzLnD8eM07/D
-zwIDAQAB
------END PUBLIC KEY-----

package/Parkour/appConfig/jsview.config.mjs

@@ -1,39 +0,0 @@
-export default {
-  jsviewConfig: {
-    // (可选配置)remote loader
-    remoteLoader: null,
-
-    // (可选配置)localStorage支持
-    // presetKeys为预置key，可以直接使用localStorage.xxx的形式，避免undefined错误
-    localStorage: {
-      domain: null, // 默认自动使用app.config.mjs的AppName作为domain, 可以设置为其他值
-      presetKeys: [
-        'value1',
-        'value3'
-      ]
-    },
-
-    cookies: {
-      domain: '' // 当非null非空时，激活cookie功能，使ajax请求时自动带上cookies，并且document.cookie的get/set可用
-    },
-  },
-
-  vendorConfig: {
-    // (可选配置)设置屏幕坐标映射值，screenWidth为屏幕画布定义的宽度，displayScale为清晰度，
-    // 默认值是画布宽度1280px, 清晰度为1.0
-    designedMap: {
-      screenWidth: 1280,
-      displayScale: 1.5
-    },
-
-    // (可选配置)按键接受的扩展，例如将静音按键(JAVA键值为164)映射为JS键值20001，
-    // PS:注意'164'的引号
-    bindKeys: {
-      keys: {
-        164: 20001
-      },
-      syncKeys: {
-      }
-    }
-  }
-}

package/Parkour/assets/role_skin1/fail.json

@@ -1,44 +0,0 @@
-{"frames": [
-
-{
-	"filename": "1.png",
-	"frame": {"x":0,"y":0,"w":154,"h":112},
-	"rotated": false,
-	"trimmed": false,
-	"spriteSourceSize": {"x":0,"y":0,"w":154,"h":112},
-	"sourceSize": {"w":154,"h":112}
-},
-{
-	"filename": "2.png",
-	"frame": {"x":154,"y":0,"w":154,"h":112},
-	"rotated": false,
-	"trimmed": false,
-	"spriteSourceSize": {"x":0,"y":0,"w":154,"h":112},
-	"sourceSize": {"w":154,"h":112}
-},
-{
-	"filename": "3.png",
-	"frame": {"x":0,"y":112,"w":154,"h":112},
-	"rotated": false,
-	"trimmed": false,
-	"spriteSourceSize": {"x":0,"y":0,"w":154,"h":112},
-	"sourceSize": {"w":154,"h":112}
-},
-{
-	"filename": "4.png",
-	"frame": {"x":154,"y":112,"w":154,"h":112},
-	"rotated": false,
-	"trimmed": false,
-	"spriteSourceSize": {"x":0,"y":0,"w":154,"h":112},
-	"sourceSize": {"w":154,"h":112}
-}],
-"meta": {
-	"app": "http://www.texturepacker.com",
-	"version": "1.0",
-	"image": "fail.png",
-	"format": "RGBA8888",
-	"size": {"w":308,"h":224},
-	"scale": "1",
-	"smartupdate": "$TexturePacker:SmartUpdate:44519538b3a9873cd0d16979a0037991$"
-}
-}