E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
EaselJs
web可视化学习----tween.js前端动画库
web可视化学习—-tween.js前端动画库tween.js是一个强大的js动画库一般来说,使用tweenJS一般是结合
EaselJS
一同使用,Easel是用来绘图的工具库,再利用TweenJS完成动画
弹簧马男爵
·
2024-01-23 09:28
前端可视化-框架
tween-js
https://www.cnblogs.com/cheemon/p/5960679.html
createjs入门之
EaselJs
绘制图片Bitmaphttps://www.cnblogs.com/cheemon/p/5960679.htmlbitmap.getBounds().widthbitmap.getBounds
Volcaner
·
2023-10-09 14:17
api svg jQuery 百度百科及回顾canvas标签
jQuery百度百科这俩天学习了canvas标签的使用及应用下载绘图api地址:绘图设计需要的js库自己尝试做了一个动态的数字增加的WEB代码如下:js部分html部分另外还有一个js:就是下载的js库
easeljs
IO大仙
·
2023-09-04 03:50
createJS--learn
createJS主要包含四个类库
EaselJS
:简化处理HTML5画布,显示列表的顶级容器Stage来处理画布,包含了很多Graphics(绘图)类,处理图形相关操作,通常不直接使用Graphics,而是用
依耳私语
·
2023-09-02 18:25
10款好用的前端动画插件
它符合HTML5的规范,并且和几乎所有的现代浏览器都能良好的协同,可以SVG、画布元素甚至jQuery对象良好地协同,诸如
EaselJS
这样的库也可以和GSAP联动。如果你需要一个强
佛天华
·
2023-06-12 02:41
H5
前端
javascript
ui
前端,值得收藏的那些网站
能够很好的和
EaselJS
库集成,但也不依赖或特
小曲同学呀
·
2022-06-25 02:49
前端
前端
javascript
css
canvas 动画库 CreateJs 之
EaselJS
(下篇)
本文来自网易云社区作者:田亚楠继承对应原文:Inheritance我们可以继承已有的「显示对象」,创建新的自定义类。实现方法有很多种,下面介绍其中之一。举例:实现一个继承于Container类的自定义类Button:共分4步:自定义构造器继承父类,获得父类的功能重写已有方法,扩展自身方法promote继承来的方法,返回自定义类(function () { // 自定义构造器 // -
yijian2595
·
2021-05-17 11:27
1、createjs Stage舞台与元素(舞台搭建、演员粉墨登场)
EaselJs
类间关系首先来看一张
EaselJs
中提供的class类之间的继承与依赖关系图(来源于网络)先不用知道每个类具体的作用,后续慢慢使用就能了解,在此可以提前了解大体,宏观以下出现的代码为核心代码
seablue
·
2020-08-24 14:24
场景
createjs
canvas
html5
Easeljs
之regX/regY详解
文末有例子源码链接(可能需要引入
easeljs
库,可以去官网找一下CDN链接)什么是regX/regYr
Parkeeers
·
2020-08-24 14:26
createjs
createjs之
Easeljs
Easeljs
是什么
easeljs
是在HTML5构建高性能2D交互的库,它提供了功能丰富的显示列表去允许你操作以及设置动画于图形。同时它对于鼠标以及移动端触摸交互提供了强劲的交互模型。
Parkeeers
·
2020-08-24 14:30
createjs
动画
Easeljs
之DisplayObject阅读
Methodscache(xywidthheight[scale=1][options=undefined])Parameters:xNumberThexcoordinateoriginforthecacheregion.yNumberTheycoordinateoriginforthecacheregion.widthNumberThewidthofthecacheregion.heightNu
Parkeeers
·
2020-08-24 14:30
createjs
动画
初遇createjs
本文主要是分享在开发中遇到的问题几个小问题,适合初学者,如果你是大佬,可以帮我检查下有没有错,哈哈哈介绍
EaselJS
是createjs的一个模块。我主要用它绘图,写字,最后生成图片。
程序媛花花
·
2020-08-24 14:36
javascript
html
canvas
createjs
一篇文章教会你利用createjs实现界面效果
包括
EaselJs
、TweenJs、SoundJs、PreloadJs四个部分。它基于容器进行展示,其中根容器是stage(舞台)对象。
pengdongcheng
·
2020-08-23 09:13
Web开发
HTML
CSS
createjs之
easeljs
【游戏看你有多色(一)】
小游戏,点不同颜色的矩形块就算闯关成功了。您的浏览器无法显示html文件中引入两个js文件rect.js rect封装类rect具备的属性:大小与n相关,颜色与color和Rectcolor相关,传入这三个参数functionRect(n,color,Rectcolor){createjs.Shape.call(this);构造函数this.setRectType=function(type){t
小章鱼哥
·
2020-08-22 18:39
游戏
javascript
HTML5游戏-看你有多色
需引入
easeljs
-0.7.1.min.jshtml:倒计时:60s分数:0Rect.js,在html中需要引入:functionRect(n,color){//个数createjs.Shape.call
月迷津渡丶
·
2020-08-22 17:12
Web
图片合成
一、界面样式和生成结果:①界面样式②生成结果二、所用技术:
easeljs
+interact.js,
easeljs
是方便对canvas进行操作,interact.js主要是用来调整图片的位置大小的。
dengzhuang8619
·
2020-08-19 09:49
一篇文章教会你使用HTML打造一款颜色配对游戏
包括
EaselJs
、TweenJs、SoundJs、PreloadJs四个部分。它基于容器进行展示,其中根容器是stage(舞台)对象。
pengdongcheng
·
2020-08-15 09:16
Web开发
前端基础
前端知识
在VisualStudio Code中调试html页面(JS,canvas,
easeljs
)
直接F5打开html页面,并且可以在编辑器里编辑代码二、工具准备安装vscode(在官网下载)安装nodejs:输入npminstallnode安装canvas:输入npminstallcanvas安装
easeljs
junxuezheng
·
2020-08-10 17:41
JavaScript
【
easeljs
】显示对象基础 DisplayObject 类
类介绍继承自EventDispatcherDisplayObjectisanabstractclassthatshouldnotbeconstructeddirectly.InsteadconstructsubclassessuchasContainer,Bitmap,andShape.DisplayObjectisthebaseclassforalldisplayclassesintheEase
weixin_34417183
·
2020-07-30 03:59
1、createjs Stage舞台与元素(舞台搭建、演员粉墨登场)
EaselJs
类间关系首先来看一张
EaselJs
中提供的class类之间的继承与依赖关系图(来源于网络)先不用知道每个类具体的作用,后续慢慢使用就能了解,在此可以提前了解大体,宏观以下出现的代码为核心代码
weixin_34268843
·
2020-07-13 18:47
easeljs
web开发围住神经小猫咪【一】
一.加载背景,圆圈,小猫咪这里要用到
easeljs
,首先建立index.html之后引入
easeljs
文件观察游戏,我们会发现,与之前圆圈版为主神经猫不同的是,1.这里的猫咪是踩在圆圈上的,也就是说,猫咪和圆圈不可以封装在一个类中
小章鱼哥
·
2020-07-13 16:50
javascript
游戏
easeljs
web开发围住神经小猫咪【三】
收尾加入游戏开始结束页面我记得游戏中有开始界面也有结束界面的,而且结束界面有赢得还有输的,赢了还会显示步数是多少。那好吧我在main.js中加入了一个//流程控制functionstartGame(){开始游戏画面,一点就进入游戏场景}functionenterGame(){游戏运行画面,这里把StartGame里面的开始图片remove掉然后夹杂游戏场景,加入小猫和circle}function
小章鱼哥
·
2020-07-13 16:50
游戏
javascript
CreateJs-
EaselJs
基础
CreateJs内包含四个部分:
EaselJS
、TweenJS、SoundJS、PrloadJS对应的JS文件可在github上搜索到easeJs的API参考的学习链接createjs入门到精通,后面章节需要付费
katsukichan
·
2020-07-11 13:33
canvas之createjs库的
easeljs
UsingCanvas.jsvarcanvas;varstage;vartxt;varcount=0;window.onload=function(){//根据ID取得.html文件中的标签元素canvas=document.getElementById("canvas");//将./文件中的标签创建控制台stage=newcreatejs.Stage(canvas);//绘制txt=newcre
机器猫的百宝袋
·
2020-07-10 00:43
EaselJS
的九宫格缩放图片
确实找到了,地址如下:https://github.com/CreateJS/
EaselJS
/tree/6abc90f5c32a29e90666fc2c7dcde5d8b6c8a34f/extras/ScaleBitmap
雷乌斯
·
2020-07-09 04:19
html5
围住神经猫游戏开发
并且引了一个基于canvas开发的
easeljs
框架,可以去网站去下
会飞的猪l
·
2020-07-08 23:40
看你有多色游戏开发
引了一个基于canvas开发的
easeljs
框架,可以去网站去下载一下http://createjs.com/Paste_Image.pngHTMLrect.jsfunctionRect(n,color
会飞的猪l
·
2020-06-27 12:08
H5动画入门
Easeljs
篇(学习笔记)
EaselJS
:简化处理HTML5画布。TweenJS:用来帮助调整HTML5和Javascript属性。SoundJS:用来简化处理HTML5audio。
delicacylee
·
2020-03-14 06:12
EaselJS
初窥
基础使用:canvas+stage绘制几何图形HTML部分
easeljs
简单使用JS部分window.onload=function(){//获取stagevarcanvas=document.getElementById
AndyXB
·
2020-02-24 18:06
canvas 动画库 CreateJs 之
EaselJS
(下篇)
本文来自网易云社区作者:田亚楠继承对应原文:Inheritance我们可以继承已有的「显示对象」,创建新的自定义类。实现方法有很多种,下面介绍其中之一。举例:实现一个继承于Container类的自定义类Button:共分4步:自定义构造器继承父类,获得父类的功能重写已有方法,扩展自身方法promote继承来的方法,返回自定义类(function () { // 自定义构造器 // -
网易云社区
·
2020-02-12 09:30
EaselJS
图片处理
Bitmap使用Bitmap类可以非常方便的处理图片,Bitmap可以用来代表任何形式,比如,Canvas,视频或者图片,可以使用已经存在的元素实例化,或者使用base64。varimg=newImage();img.src="http://www.gbtags.com/gb/laitu/200x200&text=GBtags/444444/ffffff";img.onload=handleIma
AndyXB
·
2020-01-07 22:57
【H5实战】CreateJS-
EaselJS
精灵Sprite类实现第一个动画
整理了一个
easelJS
的小demo,原文发布在了公众号上。
ddai_Q
·
2020-01-01 00:53
【转载】createJS-简介及入门
createjs简介官网:http://www.createjs.cc/createjs中包含以下四个部分:
EaselJS
:用于Sprites、动画、向量和位图的绘制,创建HTML5Canvas上的交互体验
ddai_Q
·
2019-12-07 07:08
canvas 动画库 CreateJs 之
EaselJS
(上篇)
本文来自网易云社区作者:田亚楠须知本文主要是根据createjs中的
EaselJS
在github上的tutorials目录下的文章整理而来(原文链接),同时也包含了很多本人的理解,如过有叙述不当的地方,
yijian2595
·
2019-11-08 17:36
前端内存泄露浅析
createjs/
easeljs
,组件实例需要手动销毁canvas画布,maker.stage.can
趁你还年轻
·
2019-09-03 00:00
前端
性能优化
1、createjs Stage舞台与元素(舞台搭建、演员粉墨登场)
EaselJs
类间关系首先来看一张
EaselJs
中提供的class类之间的继承与依赖关系图(来源于网络)先不用知道每个类具体的作用,后续慢慢使用就能了解,在此可以提前了解大体,宏观以下出现的代码为核心代码
seablue
·
2018-09-27 00:00
html5
canvas
createjs
场景
Easeljs
之regX/regY详解
文末有例子源码链接(可能需要引入
easeljs
库,可以去官网找一下CDN链接)什么是regX/regYr
Parkeeers
·
2018-09-18 00:00
createjs
Easeljs
之DisplayObject阅读
Methodscache(xywidthheight[scale=1][options=undefined])Parameters:xNumberThexcoordinateoriginforthecacheregion.yNumberTheycoordinateoriginforthecacheregion.widthNumberThewidthofthecacheregion.heightNu
Parkeeers
·
2018-09-18 00:00
动画
createjs
createjs之
Easeljs
Easeljs
是什么
easeljs
是在HTML5构建高性能2D交互的库,它提供了功能丰富的显示列表去允许你操作以及设置动画于图形。同时它对于鼠标以及移动端触摸交互提供了强劲的交互模型。
Parkeeers
·
2018-09-18 00:00
动画
createjs
h5小游戏--围住神经猫笔记
它主要的目的就是把stage渲染的工作集中起来,也就是说定时调用stage.update()这个方法.Ticker设置的频率也就是游戏的帧数了,ticker主要就是定时刷新舞台,理想的帧速率是60FPS2,
EaselJS
Chang_geDangku
·
2018-08-14 11:15
初遇createjs
本文主要是分享在开发中遇到的问题几个小问题,适合初学者,如果你是大佬,可以帮我检查下有没有错,哈哈哈介绍
EaselJS
是createjs的一个模块。我主要用它绘图,写字,最后生成图片。
乖摸摸头
·
2018-06-15 00:00
createjs
canvas
html
javascript
EaselJS
[TOC]
EaselJS
用于Sprites、动画、向量和位图的绘制
EaselJS
的常用API画图片用(Bitmap)画图形,比如矩形,圆形等用(Shape)【类似于改变坐标x,y,增加阴影Shadow,
sdbxpjzq
·
2017-12-28 00:00
createjs
一篇文章带你快速入门 CreateJS
CreateJS简介官网:http://www.createjs.cc/CreateJS中包含以下四个部分:
EaselJS
:用于Sprites、动画、向量和位图的绘制TweenJS:用于做动画效果SoundJS
《分分合合好,cvcxc
·
2017-07-19 03:44
一篇文章带你快速入门createjs
createjs简介官网:http://www.createjs.cc/createjs中包含以下四个部分:
EaselJS
:用于Sprites、动画、向量和位图的绘制,创建HTML5Canvas上的交互体验
weixin_34308389
·
2017-06-20 21:00
javascript
游戏
一篇文章带你快速入门createjs
createjs简介官网:http://www.createjs.cc/createjs中包含以下四个部分:
EaselJS
:用于Sprites、动画、向量和位图的绘制,创建HTML5Canvas上的交互体验
beidan
·
2017-06-20 21:00
和transformjs一起摇摆
类似的效果如下面的gif所示:facebook当时使用的是createjs下的子项目
easeljs
和tweenjs去制作,基于Canvas的动画。
【当耐特】
·
2016-11-28 13:00
制作动画或小游戏——CreateJS事件(二)
在Canvas中如果要添加事件,就需要计算坐标来模拟各种事件,而
EaselJS
中已经封装好了多个事件,只需调用即可。
咖啡机(K.F.J)
·
2016-05-04 10:00
制作动画或小游戏——CreateJS事件(二)
在Canvas中如果要添加事件,就需要计算坐标来模拟各种事件,而
EaselJS
中已经封装好了多个事件,只需调用即可。
咖啡机(K.F.J)
·
2016-05-04 10:00
EaselJS
的Text中文不会自动换行的问题
修改
easeljs
的源文件,p._drawText方法如下/** *Drawsmultilinetext. *@method_drawText *@param{
yyf1990cs
·
2016-03-28 19:00
createjs
EaselJS
的九宫格缩放图片
确实找到了,地址如下:https://github.com/CreateJS/
EaselJS
/tree/6abc90f5c32a29e90666fc2c7dcde5d8b6c8a34f/extras/ScaleBitmap
yyf1990cs
·
2016-03-19 19:00
createjs
上一页
1
2
3
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他