Vue项目引入CreateJS的方法（亲测）

golden_hamster 发布于2019-08-23 17:51 / 963人阅读

摘要：前言介绍是基于开发的一套模块化的库和工具。包含类工具库提供了一套完整的，层次化的显示列表的互动方式来更简单的处理画布。方法一安装注意这里下载的版本不是官网最新版本。

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项目

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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