create-jsview 2.1.367-test.0 → 2.1.428

package/template-vue-vite/dist-test-jsview-chunk/js/App.e442e6e0.js

@@ -0,0 +1,611 @@
+import { B as JsvActorMoveControl, C as _sfc_main$C, $ as createImpactTracer, aa as createImpactAutoFroze, a0 as createImpactCallback, N as JsvSoundPool, b as buildPreloadInfo, a as useRouter, c as bridge, J as JsvPreload, P as _JsvAudio, _ as _sfc_main$D } from "./jsview-vue-entry.415721d8.js";
+import { s as shallowRef, w as watch, o as openBlock, e as createElementBlock, f as createBaseVNode, g as normalizeStyle, u as unref, G as toDisplayString, t as onMounted, R as onBeforeMount, A as createBlock, l as withCtx, i as inject, E as onBeforeUnmount, F as Fragment, m as renderList, p as provide, k as createVNode, q as createCommentVNode } from "./vue.889a9b8b.js";
+import { g as getDataUrl } from "./main.bd759d7c.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+const _sfc_main$3 = {
+  __name: "Score",
+  props: {
+    score: Number
+  },
+  setup(__props) {
+    const props = __props;
+    let score_height = shallowRef(0);
+    let process_top = shallowRef(0);
+    watch(props, (n, o) => {
+      score_height.value = props.score * 400 / 200;
+      if (score_height.value > 400) {
+        score_height.value = 400;
+      }
+      process_top.value = 400 - score_height.value;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createBaseVNode("div", {
+          key: "progress-container",
+          style: normalizeStyle({
+            width: 40 * 1.5,
+            height: 400 * 1.5,
+            top: 200 * 1.5,
+            left: (40 + 70 - 20) * 1.5,
+            backgroundColor: "rgba(255,255,255,0.2)"
+          })
+        }, [
+          createBaseVNode("div", {
+            key: "progress",
+            style: normalizeStyle({
+              top: unref(process_top) * 1.5,
+              width: 40 * 1.5,
+              height: unref(score_height) * 1.5,
+              backgroundColor: "#ffd050"
+            })
+          }, null, 4)
+        ], 4),
+        createBaseVNode("div", {
+          key: "score",
+          style: normalizeStyle({
+            width: 140 * 1.5,
+            height: 40 * 1.5,
+            color: "#ffd050",
+            fontSize: 24 * 1.5,
+            top: 620 * 1.5,
+            left: 40 * 1.5,
+            lineHeight: 40 * 1.5,
+            textOverflow: "clip",
+            textAlign: "center"
+          })
+        }, toDisplayString(`分数:${__props.score}`), 5)
+      ]);
+    };
+  }
+};
+const _sfc_main$2 = {
+  __name: "SpriteTranslate",
+  props: {
+    onDestory: Function,
+    item: Object,
+    onImpactTracer: Function,
+    MoneyBag: Object
+  },
+  setup(__props) {
+    const props = __props;
+    let translate = shallowRef(null);
+    let translateF = shallowRef(null);
+    const control = new JsvActorMoveControl();
+    const _Control = control;
+    const item = props.item;
+    const _onDestroy = () => {
+      if (props.onDestory) {
+        props.onDestory(props.item.key);
+      }
+    };
+    let sensor = null;
+    const _InitItemEle = (item2, ele) => {
+      if (ele && !item2.ele) {
+        item2.ele = ele;
+        if (props.MoneyBag) {
+          const giftrain_sensor = createImpactTracer(
+            props.MoneyBag,
+            ele,
+            createImpactCallback(
+              () => {
+                props.onImpactTracer(item2);
+                _onDestroy();
+              }
+            ),
+            //碰撞即停
+            createImpactAutoFroze(
+              [props.MoneyBag, translateF.value.mainDiv],
+              null
+            )
+          );
+          sensor = giftrain_sensor;
+        }
+      }
+    };
+    onMounted(() => {
+      _InitItemEle(item, translate.value);
+      _Control.moveToY(720 * 1.5 + 30, 720 * 1.5 / item.duration, () => {
+        _onDestroy();
+      });
+    });
+    onBeforeMount(() => {
+      if (sensor != null) {
+        sensor.Recycle();
+        sensor = null;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$C), {
+        key: `translate${unref(item).key}`,
+        ref_key: "translateF",
+        ref: translateF,
+        style: normalizeStyle({ left: unref(item).left, top: unref(item).top, width: unref(item).width, height: unref(item).height }),
+        control: unref(_Control)
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createElementBlock("div", {
+            key: `bg${unref(item).key}`,
+            ref_key: "translate",
+            ref: translate,
+            style: normalizeStyle({ backgroundImage: `url(${unref(item).src})`, left: 0, top: 0, width: unref(item).width, height: unref(item).height })
+          }, null, 4))
+        ]),
+        _: 1
+      }, 8, ["style", "control"]);
+    };
+  }
+};
+const _sfc_main$1 = {
+  __name: "RedPacket",
+  props: {
+    onImpactTracer: Function,
+    MoneyBag: Object,
+    _ScoreMinAnimationEnd: Function,
+    _ScoreAddAnimationEnd: Function
+  },
+  setup(__props) {
+    const props = __props;
+    const resourceMap = inject("resourceMap");
+    let _Index = 0;
+    const _RedImage = resourceMap.red_packet;
+    const _BigRedImage = resourceMap.bigRed_packet;
+    const _BoomImage = resourceMap.boom_image;
+    const _ScoreBg = resourceMap._ScoreBg;
+    let itemList = shallowRef([]);
+    let timer = shallowRef(60);
+    const onImpactTracer = props.onImpactTracer;
+    let _TimerOutId = null;
+    let _GameTimerID = null;
+    let _IsRunning = shallowRef(false);
+    const addRandomItemList = () => {
+      const total_num = 1;
+      let ret_obj = "";
+      for (let i = 0; i < total_num; i++) {
+        const random_index = Math.floor(Math.random() * 3);
+        const duration = 2 + Math.floor(Math.random() * 2);
+        const index = ++_Index;
+        const left = 300 * 1.5 + Math.floor(Math.random() * (1280 - 500) * 1.5);
+        const top = -20 * 1.5;
+        switch (random_index) {
+          case 0:
+            ret_obj = {
+              key: index.toString(),
+              type: 0,
+              src: _RedImage,
+              left,
+              top,
+              width: 87,
+              height: 118,
+              duration
+            };
+            break;
+          case 1:
+            ret_obj = {
+              key: index.toString(),
+              type: 1,
+              src: _BigRedImage,
+              left,
+              top,
+              width: 210,
+              height: 114,
+              duration
+            };
+            break;
+          case 2:
+            ret_obj = {
+              key: index.toString(),
+              type: 2,
+              src: _BoomImage,
+              left,
+              top,
+              width: 100,
+              height: 116,
+              duration
+            };
+            break;
+        }
+        console.log("initRandomItemList ret_obj:", ret_obj);
+        itemList.value.push(ret_obj);
+      }
+    };
+    const startTimer = () => {
+      _TimerOutId = setInterval(() => {
+        console.log("timmmm", timer.value);
+        timer.value = timer.value - 1;
+        if (timer.value === 0) {
+          stopGame();
+          itemList.value = [];
+        }
+      }, 1e3);
+    };
+    const startGame = () => {
+      console.log("startGame ");
+      _IsRunning.value = true;
+      _Refresh();
+    };
+    const stopGame = () => {
+      console.log("stopGame ");
+      _IsRunning.value = false;
+      if (_TimerOutId !== null) {
+        clearInterval(_TimerOutId);
+        _TimerOutId = null;
+      }
+      props._ScoreMinAnimationEnd();
+      props._ScoreAddAnimationEnd();
+    };
+    const _RemoveItem = (key) => {
+      console.log("_RemoveItem in itemList.length:", itemList.value.length);
+      for (let i = 0; i < itemList.value.length; i++) {
+        if (itemList.value[i].key === key) {
+          const item = itemList.value[i];
+          if (item.sensor) {
+            item.sensor.Recycle();
+          }
+          console.log("_RemoveItem key:", itemList.value[i].key);
+          itemList.value.splice(i, 1);
+          break;
+        }
+      }
+      console.log("_RemoveItem out itemList.length:", itemList.value.length);
+    };
+    const _Refresh = () => {
+      if (_IsRunning.value === false) {
+        return;
+      }
+      const delay = 500;
+      _GameTimerID = setTimeout(() => {
+        if (_IsRunning.value === true) {
+          addRandomItemList();
+          _Refresh();
+        }
+      }, delay);
+    };
+    onMounted(() => {
+      console.log("render itemList.length:", itemList.value.length);
+      startGame();
+      startTimer();
+    });
+    onBeforeUnmount(() => {
+      if (_GameTimerID !== null) {
+        clearInterval(_GameTimerID);
+        _GameTimerID = null;
+      }
+      if (_TimerOutId !== null) {
+        clearInterval(_TimerOutId);
+        _TimerOutId = null;
+      }
+      stopGame();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createBaseVNode("div", {
+          key: "timer",
+          style: normalizeStyle({
+            width: 140 * 1.5,
+            height: 140 * 1.5,
+            backgroundImage: unref(_ScoreBg),
+            top: 40 * 1.5,
+            left: 40 * 1.5,
+            textAlign: "center",
+            lineHeight: 140 * 1.5,
+            color: "rgba(255,0,0,1.0)",
+            fontSize: 72 * 1.5
+          })
+        }, toDisplayString(unref(timer)), 5),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(itemList), (item, index) => {
+          return openBlock(), createBlock(_sfc_main$2, {
+            MoneyBag: props.MoneyBag,
+            onImpactTracer: unref(onImpactTracer),
+            onDestory: _RemoveItem,
+            key: `spritetranslate${item.key}`,
+            item
+          }, null, 8, ["MoneyBag", "onImpactTracer", "item"]);
+        }), 128))
+      ]);
+    };
+  }
+};
+const getAudio = "" + new URL("../assets/get.3509893a.mp3", import.meta.url).href;
+const boomAudio = "" + new URL("../assets/boom.159be4de.mp3", import.meta.url).href;
+class Sound {
+  initSound() {
+    this.soundPool = new JsvSoundPool(10);
+    this.soundPool.request(
+      `url(${getAudio})`,
+      null,
+      1,
+      (state, audioController) => {
+        console.log("load get audio ", state);
+        if (state === 0) {
+          Sound._AudioController1 = audioController;
+        }
+      }
+    );
+    this.soundPool.request(
+      `url(${boomAudio})`,
+      null,
+      1,
+      (state, audioController) => {
+        console.log("load boom audio ", state);
+        if (state === 0) {
+          Sound._AudioController2 = audioController;
+        }
+      }
+    );
+  }
+  playGetSound() {
+    if (Sound._AudioController1) {
+      Sound._AudioController1.play();
+    }
+  }
+  playBoomSound() {
+    if (Sound._AudioController2) {
+      Sound._AudioController2.play();
+    }
+  }
+  destroy() {
+    this.soundPool.destroy();
+  }
+}
+const App_vue_vue_type_style_index_0_scoped_e70393cd_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const MySound = new Sound();
+    const DemoResourceBase = getDataUrl();
+    const resourceMap = {
+      kimi_normal: "http://oss.image.qcast.cn/demo_images/red_packet_rain/kimi_normal.png",
+      kimi_smile: "http://oss.image.qcast.cn/demo_images/red_packet_rain/kimi_smile.png",
+      kimi_boom: "http://oss.image.qcast.cn/demo_images/red_packet_rain/kimi_boom.png",
+      red_packet: "http://oss.image.qcast.cn/demo_images/red_packet_rain/red.png",
+      bigRed_packet: "http://oss.image.qcast.cn/demo_images/red_packet_rain/bigred.png",
+      boom_image: "http://oss.image.qcast.cn/demo_images/red_packet_rain/boom.png",
+      bg: "http://oss.image.qcast.cn/demo_images/red_packet_rain/bg.jpg",
+      _ScoreBg: "http://oss.image.qcast.cn/demo_images/red_packet_rain/score_bg.png",
+      add1: "http://oss.image.qcast.cn/demo_images/red_packet_rain/add1.png",
+      add5: "http://oss.image.qcast.cn/demo_images/red_packet_rain/add5.png",
+      min1: "http://oss.image.qcast.cn/demo_images/red_packet_rain/min1.png",
+      _AudioBgUrl: "https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewAudio/MiniGameBackgroundMusic-redpack.mp3"
+    };
+    if (DemoResourceBase) {
+      console.log("存在");
+      console.log(DemoResourceBase);
+      for (let i in resourceMap) {
+        resourceMap[i] = resourceMap[i].replace(/.*\/(.*)/, `${DemoResourceBase}/$1`);
+      }
+      provide("resourceMap", resourceMap);
+    } else {
+      provide("resourceMap", resourceMap);
+    }
+    const preload_info = [
+      buildPreloadInfo(resourceMap.kimi_normal),
+      buildPreloadInfo(resourceMap.kimi_smile),
+      buildPreloadInfo(resourceMap.kimi_boom),
+      buildPreloadInfo(resourceMap.red_packet),
+      buildPreloadInfo(resourceMap.bigRed_packet),
+      buildPreloadInfo(resourceMap.boom_image),
+      buildPreloadInfo(resourceMap.bg),
+      buildPreloadInfo(resourceMap.add1),
+      buildPreloadInfo(resourceMap.add5),
+      buildPreloadInfo(resourceMap.min1)
+    ];
+    let _CurrentRain = null;
+    let _BgAudio = null;
+    let _IsRunning = false;
+    let _DisableEffectSound = true;
+    let _TranslateControl = new JsvActorMoveControl();
+    let kimi = shallowRef(resourceMap.kimi_normal);
+    let score = shallowRef(0);
+    let min_score_image = shallowRef(null);
+    let add_score_image = shallowRef(null);
+    let scoreAddAnim = shallowRef(null);
+    let scoreMinAnim = shallowRef(null);
+    let moneyBag = shallowRef(null);
+    const _ScoreAddAnimationEnd = (event) => {
+      scoreAddAnim.value = null;
+      console.log(" _ScoreAddAnimationEnd event:", event);
+    };
+    const _ScoreMinAnimationEnd = (event) => {
+      scoreMinAnim.value = null;
+      console.log(" _ScoreMinAnimationEnd event:", event);
+    };
+    const _onImpactTracer = (rain) => {
+      if (rain !== null && rain !== _CurrentRain) {
+        _CurrentRain = rain;
+        console.log("_onImpactTracer rain:", rain);
+        switch (rain.type) {
+          case 0:
+            scoreAddAnim.value = "scoreUp 0.2s";
+            kimi.value = resourceMap.kimi_normal;
+            add_score_image.value = resourceMap.add1;
+            score.value += 1;
+            MySound.playGetSound();
+            break;
+          case 1:
+            scoreAddAnim.value = "scoreUp 0.2s";
+            kimi.value = resourceMap.kimi_smile;
+            add_score_image.value = resourceMap.add5;
+            MySound.playGetSound();
+            score.value += 5;
+            break;
+          case 2:
+            scoreMinAnim.value = "scoreUp 0.2s";
+            min_score_image.value = resourceMap.min1;
+            kimi.value = resourceMap.kimi_boom;
+            score.value -= 1;
+            MySound.playBoomSound();
+            if (score.value < 0) {
+              score.value = 0;
+            }
+            break;
+        }
+      }
+    };
+    let leftEdge = shallowRef(false);
+    let rightEgde = shallowRef(false);
+    const onKeyUp = (ev) => {
+      console.log("onKeyUp in : ", ev);
+      if (ev.keyCode === 37 || ev.keyCode === 39) {
+        _IsRunning = false;
+        _TranslateControl.pause((x, y) => {
+          console.log(`_TranslateControl pause x:${x}`);
+        });
+        return true;
+      }
+      return false;
+    };
+    const router = useRouter();
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        router.go(-1);
+      } else if (ev.keyCode === 37 && !leftEdge.value) {
+        console.log(" ev.keyCode === 37 ");
+        if (!_IsRunning) {
+          _TranslateControl.moveToX(0, 400 * 1.5, () => leftEdge.value = true);
+          _IsRunning = true;
+          rightEgde.value = false;
+        }
+      } else if (ev.keyCode === 39 && !rightEgde.value) {
+        console.log(" ev.keyCode === 39");
+        if (!_IsRunning) {
+          _TranslateControl.moveToX((1280 - 220 - 194) * 1.5, 400 * 1.5, () => rightEgde.value = true);
+          _IsRunning = true;
+          leftEdge.value = false;
+        }
+      }
+      return true;
+    };
+    const actionDefines = {
+      onKeyDown,
+      onKeyUp
+    };
+    const onRef1 = (ref) => {
+      _BgAudio = ref;
+    };
+    const onRef2 = (ref) => {
+    };
+    const audioOnLoad = () => {
+      console.log("audio on load");
+      _BgAudio.play();
+    };
+    onMounted(() => {
+      MySound.initSound();
+      bridge.notifyPageLoaded();
+      window.BgAudio = _BgAudio;
+    });
+    onBeforeUnmount(() => {
+      MySound.destroy();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$D), {
+        autoFocus: "",
+        ref: "App",
+        onAction: actionDefines
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", {
+            style: normalizeStyle({ width: 1920, height: 1080, overflow: "hidden", transform: "scale3d(0.67,0.67,1)", left: -220 * 1.5 + 8, top: -170 - 8 })
+          }, [
+            createVNode(unref(JsvPreload), { preloadList: preload_info }),
+            createBaseVNode("div", {
+              style: normalizeStyle({ backgroundImage: resourceMap.bg, width: 1920, height: 1080, overflow: "hidden" })
+            }, [
+              createVNode(_sfc_main$3, { score: unref(score) }, null, 8, ["score"]),
+              createVNode(unref(_sfc_main$C), {
+                key: "JsvSpriteTranslate",
+                style: normalizeStyle({
+                  top: 476 * 1.5,
+                  left: 220 * 1.5,
+                  width: 194 * 1.5,
+                  height: 244 * 1.5
+                }),
+                control: unref(_TranslateControl)
+              }, {
+                default: withCtx(() => [
+                  createBaseVNode("div", {
+                    key: "kimi",
+                    style: normalizeStyle({
+                      top: 0,
+                      left: 0,
+                      width: 194 * 1.5,
+                      height: 244 * 1.5,
+                      backgroundImage: unref(kimi)
+                    })
+                  }, [
+                    createBaseVNode("div", {
+                      key: "MoneyBag",
+                      ref_key: "moneyBag",
+                      ref: moneyBag,
+                      style: normalizeStyle({
+                        top: 22 * 1.3,
+                        left: 7,
+                        width: 180 * 1.5,
+                        height: 100 * 1.5,
+                        backgroundColor: "rgba(0,0,0,0)"
+                      })
+                    }, null, 4),
+                    createBaseVNode("div", {
+                      style: normalizeStyle({
+                        top: 0,
+                        left: 40 * 1.5,
+                        width: 81 * 1.5,
+                        height: 74 * 1.5,
+                        visibility: unref(scoreMinAnim) !== null ? "visible" : "hidden",
+                        backgroundImage: unref(min_score_image),
+                        animation: unref(scoreMinAnim)
+                      }),
+                      onAnimationend: _ScoreMinAnimationEnd
+                    }, null, 36),
+                    createBaseVNode("div", {
+                      style: normalizeStyle({
+                        top: 0,
+                        left: 40 * 1.5,
+                        width: 81 * 1.5,
+                        height: 74 * 1.5,
+                        visibility: unref(scoreAddAnim) !== null ? "visible" : "hidden",
+                        backgroundImage: unref(add_score_image),
+                        animation: unref(scoreAddAnim)
+                      }),
+                      onAnimationend: _ScoreAddAnimationEnd
+                    }, null, 36)
+                  ], 4)
+                ]),
+                _: 1
+              }, 8, ["style", "control"]),
+              createVNode(_sfc_main$1, {
+                MoneyBag: unref(moneyBag),
+                onImpactTracer: _onImpactTracer,
+                _ScoreMinAnimationEnd,
+                _ScoreAddAnimationEnd
+              }, null, 8, ["MoneyBag"])
+            ], 4),
+            createVNode(unref(_JsvAudio), {
+              key: "AudioBg",
+              src: resourceMap._AudioBgUrl,
+              loop: true,
+              onRef: onRef1,
+              onLoad: audioOnLoad
+            }, null, 8, ["src"]),
+            !unref(_DisableEffectSound) ? (openBlock(), createBlock(unref(_JsvAudio), {
+              key: 0,
+              onRef: onRef2,
+              loop: true
+            })) : createCommentVNode("", true)
+          ], 4)
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+};
+const styleSheetsContent = { "0": { "scoreUp-e70393cd": "@keyframes scoreUp-e70393cd {from{transform:translate3d(0, 0, 0);}to{transform:translate3d(0, -20, 0);}}", "rainDown-e70393cd": "@keyframes rainDown-e70393cd {from{transform:translate3d(0, -780, 0);}to{transform:translate3d(0, 0, 0);}}" } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e70393cd"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.e442e6e0.js.map
+
+/*jsvmd5:dc0c457e141492ab502516f72e7accb8*/