createjs是一款強大的JavaScript庫，可以讓您通過創建一組對象來“創建”基于HTML5的游戲和應用程序。它包含了五個模塊，分別是：EaselJS，TweenJS，SoundJS，PreloadJS和Zoe。其中PreloadJS模塊用于預加載資源，這里就介紹如何使用createjs加載.json文件。
首先，我們需要準備一份JSON文件。以下是一個簡單的示例：
{
"images": [
"image1.png",
"image2.png",
"image3.png",
],
"sounds": [
"sound1.ogg",
"sound2.ogg",
"sound3.ogg"
]
}接下來，我們需要在HTML文檔的head標簽中引入createjs庫和我們的JS文件：
<!DOCTYPE html>
<html>
<head>
<title>createjs加載.json文件</title>
<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
<script src="preload.js"></script>
</head>在我們的JS文件里，首先創建PreloadJS的一個實例：
var queue = new createjs.LoadQueue();接著，我們需要通過設置PreloadJS的JSON文件路徑，告訴它從哪里加載JSON文件。
queue.loadFile('manifest.json');最后，我們需要監聽PreloadJS的complete事件，并回調一個函數，當資源全部加載完畢后我們可以進行下一步操作。
queue.on('complete', function() {
// 在這里執行加載完畢后的操作
});完整的JavaScript代碼如下：
var queue = new createjs.LoadQueue(); // 創建PreloadJS的實例
queue.loadFile('manifest.json'); // 設置JSON文件路徑
queue.on('complete', function() { // 監聽complete事件
// 在這里執行加載完畢后的操作
});通過createjs和PreloadJS模塊，我們可以很方便地加載.json文件，預加載游戲資源。這樣可以縮短游戲的加載時間，提高用戶體驗。
下一篇vue 微商城案例