createjs相关内容

如何使用 createjs 定位 MovieClip

我正在尝试导出在 Flash 中可以正常工作但在 html5 画布中导出时无法正常工作的合影动画. 诀窍很“简单":每张照片都是一个按钮,当您将鼠标悬停在某人的照片上时,他的职称就会出现. 我无法使用 createjs 实现它! 我的舞台上有一个名为“jobs_cont"的 MovieClip 实例,它的时间线具有不同的关键帧和每个人的工作标题的标签. 问题是当按钮悬停时, ..
发布时间:2022-01-17 12:10:01 前端开发

在 Animate CC 2017 中使用 easeljs 拖放

我一直在使用 Adob​​e Animate CC 2015.2 中的 HTML Canvas 项目在舞台上拖动电影剪辑,使用 creatjs 鼠标交互教程.我在工作时在运行 OS X Yosemite 的 MacBook Pro 上执行此操作. 这是我使用的代码,它运行良好.影片剪辑位于时间轴第一帧的舞台上,动作也在同一帧中.movieClip 实例 (my_mc) 跟随鼠标移动 - 到目 ..
发布时间:2022-01-11 21:16:15 前端开发

我应该如何使用 createJs 创建响应式画布以适应不同移动设备的屏幕?

我想开发一个html5的手机游戏.如您所知,移动设备的屏幕大小不一,所以我想创建一个响应式画布,以便它可以适应不同的屏幕. 解决方案 最简单的方法是使用 JavaScript 根据视口调整画布大小,然后重排内容. var w = $("#container").width();var h = $("#container").height();stage.canvas.width = w; ..
发布时间:2022-01-04 18:24:04 前端开发

在 Animate CC 2017 中使用画架拖放

我一直在使用 Adob​​e Animate CC 2015.2 中的 HTML Canvas 项目在舞台上拖动一个影片剪辑,使用在 creatjs 鼠标交互教程.我在工作时在运行 OS X Yosemite 的 MacBook Pro 上执行此操作. 这是我使用的代码,它运行良好.电影剪辑位于时间轴第一帧的舞台上,动作在同一帧中.movieClip 实例 (my_mc) 跟随鼠标移动 - ..
发布时间:2021-12-20 18:17:55 前端开发

将类添加到画布元素HTML5&创建JS

我正在画布中用for循环生成5个圆,我想给他们一个类,以便可以用jquery来控制它们,但是我做错了.你们能弄清楚发生了什么吗? var阶段;var数量= 6宽度= 60,高度= 60,圈子= [];函数init(){stage = new createjs.Stage("myCanvas");stage.width = 500;stage.height = 600;createjs.Tick ..
发布时间:2021-04-21 19:13:13 前端开发

flash cc createjs hittest可以正常运行

一旦圆碰到rect,rect应该为alpha = 0.1。但是如果声明不起作用。变成0.1透明度,而不会命中 / * js var circle = new lib.mycircle() ; stage.addChild(circle); var rect = new lib.myrect(); stage.addChild(rect); rect.x = 20 ..
发布时间:2020-10-11 02:56:41 其他开发

将新的笔触颜色注入形状

我有一个绘图画布(基于EaselJS CurveTo示例),然后在 mouseup 上使用时,我想为渲染到画布上的形状注入新的颜色。我也想在不使用过滤器的情况下进行操作。 BIN: https://jsbin.com/qejesuvovu/1/edit?html,output 我以前直接注入自定义填充/描边到形状图形中,但是在更高版本的EaselJS中,此操作已停止。 mark ..
发布时间:2020-10-11 02:56:37 前端开发

使用EaselJS和TweenJS对在屏幕上绘制的线进行动画处理

试图找到最佳方式(或任何方式)为正在绘制的线设置动画。这只是一个案例研究,我将如何在屏幕上绘制几条线,从而创建最终图像的“简介”动画。目前,我唯一能做的就是创建一个宽度和高度为1x1的矩形,然后在该对象的scaleX之间进行补间,但是我遇到的问题是配准点,因此该行移动为当我只希望刻度尺增加宽度而将其保留在初始位置时,也可以使用刻度尺。 (基本上将左侧固定下来)是否没有办法单独调整矩形的宽度?这一切 ..
发布时间:2020-10-11 02:56:30 前端开发

拖动形状不填充

我正在尝试创建一个EaselJS应用,该应用可以让我在画布上拖动未填充的圆圈-因此在设置 beginFill >形状我叫 beginStroke 。我遇到的问题是,如果我不填充形状,则只能在选择形状的左上角时拖动它。填充形状后,我可以通过选择形状中的任意位置来拖动它。有没有一种方法可以使未填充的形状与填充的形状相同? 解决方案 在面具的EaselJS。但是,您可以将其他 Shape 分配为 ..
发布时间:2020-10-11 02:56:27 前端开发

如何将createjs库包含到reactjs项目中

嗨,我正在基于reactjs上创建一个基于画布的应用程序,它需要Createjs库,我是Reactjs的新手,我还不知道该怎么做,所以我尝试了两种方法,一种是使用NPM安装,另一种是我将js放在一个文件夹中,尝试从那里导入,但是对我没有用,这是我的代码 方法1,安装npm, 从'createjs'导入createjs; 方法2导入下载的js文件, 从'../assets/j ..
发布时间:2020-10-11 02:56:24 前端开发

将地图边框设置为不跨越视图区域

我正在尝试翻译带有动画的旧Flash动画。在原始的Flash动画中,地图图像是可拖动和缩放的,但是如果平移或一直缩放地图,则地图的边框始终会粘在舞台的侧面。 在我的测试中,我抓取了一些允许平移和缩放的代码,但是如果您一直进行平移,则地图会越过舞台边界,实际上,您可以使地图消失在舞台上。 我认为应该有一种方法可以像次要的外部舞台一样绘制,并且不要让地图图像超出它。 这是我的代码 ..
发布时间:2020-10-11 02:56:20 其他开发

Adobe Animate / CreateJS-this.myMovieClip.stop();不起作用-控制台中没有错误

我刚开始使用Adobe Animate / CreateJS。我试图控制主舞台第1帧上的影片剪辑(“ myMovieClip”)的时间轴,以防止其播放。根据文档,这应该可行: this.myMovieClip.stop(); 但是不是...电影“ myMovieClip”剪辑会立即在浏览器中测试播放,并且我没有从控制台收到任何错误提示。好像上面的代码行根本没有。 这似乎很基本。我 ..
发布时间:2020-10-11 02:56:16 其他开发

EaselJS:拖动蒙版时,将updateCache()与AlphaMaskFilter一起使用

我正在使用导入的具有Alpha渐变的png,并将其设置为遮罩,以显示分配给它的位图。遮罩对象是可拖动的(有点像手电筒)。我知道我应该使用AlphaMaskFilter作为过滤器之一,并且我知道应该使用.updateCache()...我只是不确定我是否正确使用了它们? var stage; var assetQueue; var bg; var bgMask; var容器; ..
发布时间:2020-10-11 02:56:10 其他开发

Ionic + CreateJs高CPU和内存

在带有createjs库的离子应用程序中,CPU和RAM使用量的增加给我带来了严重的问题。该问题导致该应用在一段时间后崩溃。 在每个页面都有一个新画布的页面之间导航时,我看到RAM和CPU急剧增加。 没有内存泄漏。我已经使用chrome开发人员工具对其进行了测试。 解决方案 经过如此多的测试,解决方案是将每个模板页面都处理为离子作为根页面。因此,当我导航到新模板页面时,我总是这样做: ..
发布时间:2020-10-11 02:56:06 其他开发