Vue項目引入CreateJS的方法（親測）

golden_hamster 發布于2019-08-23 17:51 / 974人閱讀

摘要：前言介紹是基于開發的一套模塊化的庫和工具。包含類工具庫提供了一套完整的，層次化的顯示列表的互動方式來更簡單的處理畫布。方法一安裝注意這里下載的版本不是官網最新版本。

1 前言 1.1 CreateJS介紹

CreateJS是基于HTML5開發的一套模塊化的庫和工具。
基于這些庫，可以非常快捷地開發出基于HTML5的游戲、動畫和交互應用。

A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.

包含4類工具庫

EaselJS 提供了一套完整的，層次化的顯示列表的互動方式來更簡單的處理HTML5畫布。

TweenJS 類庫主要用來調整和動畫HTML5和Javascript屬性。提供了簡單并且強大的tweening接口。

SoundJS 提供了簡單而強大的API來處理音頻。通過插件來執行實際的音頻實現，無需學習平臺相關的知識，簡單直接的處理聲音。

PreloadJS 是一個用來管理和協調相關資源加載的類庫，它可以方便的幫助你預先加載相關資源，例如：圖片、文件、音頻、數據等等。

1.2 CreateJS版本 1.2.1 GitHub

地址：https://github.com/CreateJS

以 EaselJS 為例，js 文件存放在 lib 文件中

easeljs.js v0.8.2 帶注釋版本

easeljs.min.js v0.8.2 不帶注釋壓縮版本，功能不受影響

easeljs-NEXT.js v1.0.0

easeljs-NEXT.min.js v1.0.0

1.2.2 英文

網址：https://www.createjs.com/

API 文檔版本為 v1.0.0

1.2.3 中文

網址：http://www.createjs.cc/

API 文檔版本為 v0.8.2（以 EaselJS 為例）

2 正文

由于 createjs 各個庫中代碼都使用了：

this.createjs = this.createjs || {}

因為這里的 this 并不是掛載在 window 對象上，所以無法直接從 import 中引用。

2.1 方法一 2.1.1 安裝yuki-createjs

GitHub : https://github.com/yuki-torii...

npm i -S yuki-createjs

注意這里下載的版本不是官網最新版本。

2.1.2 使用yuki-createjs

// include all
import "yuki-createjs" 
// or 
require("yuki-createjs")

// include one
import "yuki-createjs/lib/preloadjs-0.6.2.combined"
// or
require("yuki-createjs/lib/preloadjs-0.6.2.combined")

2.1.3 例子

// helloworld.vue

我是直接在 Vue 新建的項目里，HelloWorld.vue 來進行修改，效果圖如下：

2.2 方法二 2.2.1 createjs-cmd

npm i -S createjs-cmd

GitHub：https://github.com/yedaodao/c...

同方法一，下載的不是最新版本。

2.2.2 使用

import createjs from "createjs-cmd"

2.3 方法三 2.3.1 script-loader

npm i -S script-loader
npm i -S createjs

下載的各個版本都有，可以來引用 1.0.0 版本，但是包含4個庫

npm i easeljs 下載的只包含舊版

2.3.2 使用

import "script-loader!createjs/builds/1.0.0/createjs.min.js";

2.4 方法四 2.4.1 @createjs/easeljs

npm i @createjs/easeljs

2.4.2 使用

import * as createjs from "@createjs/easeljs"

2.0 BETA版（當前是這樣的，由于文章時效性，以后不清楚

GPU云服務器云服務器 cdn引入vue python引入方法 web項目引入jquery 云服務器搭建vue項目

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/104253.html

初遇createjs

摘要：本文主要是分享在開發中遇到的問題幾個小問題，適合初學者，如果你是大佬，可以幫我檢查下有沒有錯，哈哈哈介紹是的一個模塊。一個使畫布元素輕松工作的庫。開發問題問題一如何全屏方案一一開始查到的解決方案是設置寬度為窗口的文檔顯示區的寬度。背景開發手機端微信H5場景應用，需要用到圖片合成技術，開始了研究createjs之旅。本文主要是分享在開發中遇到的問題幾個小問題，適合初學者，如果你是大佬...

ddongjian0000 2019-08-02 16:02 評論0 收藏0
初遇createjs

摘要：本文主要是分享在開發中遇到的問題幾個小問題，適合初學者，如果你是大佬，可以幫我檢查下有沒有錯，哈哈哈介紹是的一個模塊。一個使畫布元素輕松工作的庫。開發問題問題一如何全屏方案一一開始查到的解決方案是設置寬度為窗口的文檔顯示區的寬度。背景開發手機端微信H5場景應用，需要用到圖片合成技術，開始了研究createjs之旅。本文主要是分享在開發中遇到的問題幾個小問題，適合初學者，如果你是大佬...

hedzr 2019-08-22 18:04 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

khs1994 2019-08-23 18:08 評論0 收藏0