pixi小遊戲開發(vue+typescript)

一直以來都以爲typescript是之後前端發展的趨勢，一些大廠的前端項目都已經在用ts來替代js了。

正好最近剛開始準備用pixi寫個小遊戲，由於剛開工沒多久，因而今天就將以前的功能用ts去實現了一下，部分功能以前的博客也有提到過。

用的是vue-cli的3.11版本，而且選擇了TypeScript，項目初始化後目錄以下圖所示（紅框除外）：

 

單個頁面的代碼截圖以下：

 

有一點須要注意的是：

@component註解必須加上，不管你是看成路由頁面使用仍是看成組件使用，否則解析的時候就會有問題(至少生命週期函數不能如期執行)，這也是我寫的時候踩到的一個坑，其餘的都還好，都比較容易上手。

 

interface.ts

這裏定義了業務所需的interface和class，而且export；

到須要使用的頁面：

import {task,tasklist,keyboard} from '../tsfile/interface'

 

這裏用ts實現了以前的事件隊列模式。

 

其他的就沒什麼好說的了，ts的用法和java十分相似，包括繼承、構造器、類、接口、泛型等等。。。

哦，對了，這個項目也是直接託管到github的，有空就寫一點，地址送上：https://github.com/ecojust/pixi_game