前端游戏引擎之PIXIJS小demo

前言

---

Pixi.js使用WebGL，是一个超快的HTML5 2D渲染引擎。作为一个Javascript的2D渲染器，Pixi.js的目标是提供一个快速的、轻量级而且是兼任所有设备的2D库。提供无缝 Canvas 回退，支持主流浏览器，包括桌面和移动。 Pixi渲染器可以使开发者享受到硬件加速，但并不需要了解WebGL。

 

准备工作

---

 

1. 创建一个vue项目，这里就不做过多讲述，如果不了解请参考https://www.cnblogs.com/xuchangqi1/p/9561206.html

2. 编辑App.vue文件，代码如下

<template>
  <div id="app">
    <div id="pixi" style="z-index:-1;">  </div>
  </div>
</template>

<script>
import logo from '@/assets/logo.png'

export default {
  name: 'App',
  data(){
    return{
        v_appWi:0,
        v_appHi: 0
    };
  },
  components: {
  },
  methods: {
    init_pixi() {