game-light v0.0.10

light

游戏

安装

npm install game-light

使用

必须开启 "enableSkia": "true"

• json

{
    "usingComponents": {
        "game": "game-light/light"
    }
}

• mini.project.json

{
  "node_modules_es6_whitelist": [
    "common-game"
  ]
}

• js

Page({
  data: {
    gameSource: {
      player: { src: "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01vWK6cv1FJvfQO8hXX_!!1080040467.png", },
      ops: {
        autoStartCallback: !true,//不限制光线移动距离时，如果光线没有碰到player，在下一次开始试，会触发开始回调函数
        touchStarGame: !true,//游戏如果未开始，点击游戏区域自动开始
        maxLine: 2,// 同时显示多少条光线
        speed: { min: 5, max: 10 },//随机速度
        rotate: { min: 20, max: 45 },//随机角度
        posRange: { min: -30, max: 30 },//距离边缘位置
      },
      light: [
        { "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01KP81CI1FJvfJJwSdV_!!1080040467.png", probability: 1, maxMove: { min: 300, max: 400 }, delayTime: 1, outSpeed: 2 },//maxMove:光线移动的距离，不配置则一直移动，delayTime：未碰撞时停留的时间 outSpeed:返回的速度
      ],
      timePos: {
        align: "right",
        x: 695,
        y: 90,
        // bg: {
        //   src: "https://img.alicdn.com/imgextra/i1/555657275/O1CN01SqKaAA23c04M4oqRY_!!555657275.png",
        //   x: 48,
        //   y: 206
        // },
        time: 3,//倒计时时间
        // 时间数字图片 0 - 9
        numOffset: -4,//数字两边空白太多，增加偏移量
        numArr: [
          {
            "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01MIsuJb1FJvf9UteWE_!!1080040467.png",
            val: 0
          },
          {
            "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN018LGto51FJvf9UwGhM_!!1080040467.png",
            val: 1
          },
          {
            "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01x6LgsK1FJvfIQYLeP_!!1080040467.png",
            val: 2
          },
          {
            "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN016POYXH1FJvfQBzbf9_!!1080040467.png",
            val: 3
          },
          {
            "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01RkXycP1FJvfEBK6JO_!!1080040467.png",
            val: 4
          },
          {
            "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN010PG7zc1FJvfIwqdTl_!!1080040467.png",
            val: 5
          },
          {
            "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01jqswru1FJvfJpIxbd_!!1080040467.png",
            val: 6
          },
          {
            "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01p2iDLk1FJvfIMY9OB_!!1080040467.png",
            val: 7
          },
          {
            "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01aP0qoQ1FJvfOXnj0s_!!1080040467.png",
            val: 8
          },
          {
            "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01e9ZrKb1FJvfMGSnR2_!!1080040467.png",
            val: 9
          },
          {
            "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01SworjC1FJvfMcMajA_!!1080040467.png",
            val: "s"
          },
        ],
      },
    }
  },
  onLoad(query) {
    console.log('page onLoad', query)
  },
  onShow() { },

  onRef(ref) {
    this.gameComponent = ref;
  },
  onInitDone() {
    // 组件初始化完成
    console.log("初始化完成")
  },
  onUpdate(obj) {
    // 游戏成功
    console.log(obj)
  },
  onStartCallback() {
    // 游戏开始的回调
    console.log("游戏开始了")
  },
  onGameOver(obj) {
    console.log("分数：", obj.totalScore)
  },

  startGameFun() {
    // 开始游戏
    this.gameComponent.onEvent("start");
  }
})

• xaml

  <game gameSource="{{gameSource}}" onRef="onRef" onInitDone="onInitDone" onUpdate="onUpdate" onGameOver="onGameOver"  onStartCallback="onStartCallback" />
  <view onTap="startGameFun">开始游戏</view>