H5中使用Spine动画

Creator 2.x
#1 
<html>
  <style type="text/css">
    body {
      background-color: #000;
    }
  </style>
  <body>
    <script src="./quick-spine.js"></script>
    <!-- 动画1 -->
    <canvas id="canvas" width="600" height="600"></canvas>
    <!-- 动画2 -->
    <canvas id="canvas1" width="600" height="600"></canvas>
  </body>

  <script>
      // 动画1
      quickSpine({
          canvasId: 'canvas',
          resourcePrefix: './',
          json: 'ui_cgcg_ani',
          atlas: 'ui_cgcg_ani',
          animation: 'animation',
          loop: true
      })
      // 动画2
      quickSpine({
          canvasId: 'canvas1',
          resourcePrefix: './',
          json: 'spineboy',
          atlas: 'spineboy',
          animation: 'walk',
          loop: true
      })
  </script>
</html>

11

如果需要js文件的加我微信号：“cocos2d-x”