animate-cc | 易学教程

Using Adobe Animate CC in HTML5 canvas mode with external JavaScript files

阅读更多关于 Using Adobe Animate CC in HTML5 canvas mode with external JavaScript files

问题 I'm transitioning a large FLA AS3 project into Canvas/JS. I have a large external folder structure of AS files and many library objects associated with classes. I've converted FLA into a canvas mode but I can't find a way to associate JS files to the objects. I've seen online examples about including JS in frame scripts but I really hope to find a way to do it with external files and library objects association. I'd appreciate any direction or example of how it can be done. Thank you 回答1:

Using Adobe Animate CC in HTML5 canvas mode with external JavaScript files

阅读更多关于 Using Adobe Animate CC in HTML5 canvas mode with external JavaScript files

Set map borders to not cross inside the view area

阅读更多关于 Set map borders to not cross inside the view area

问题 I am trying to translate an old flash animation with animate. On the original flash animation the map image is draggable and zoomable but the map ´s borders always stick to the sides of the stage if you pan it or zoom it all the way. On my test i grabbed some code that allows panning and zooming but the map crosses the stage boundaries if you pan all the way, in fact you can make the map dissapear of the stage. I think there should be a way to draw like a secondary outer stage and not let the

Adobe Animate cc HTML 5 open URL

阅读更多关于 Adobe Animate cc HTML 5 open URL

问题 I load image into html 5 canvas in animate cc. I need to go to some URL's when I click some places in image. How to write code for open URL in new tab using Animate cc Actions panel. 回答1: You can use a premade snippet of code available in the code snippets panel. Firstly, create a movieclip on the stage and give it a name. Then with this object selected open the code snippets panel and choose HTML5 Canvas > Actions > Click to go to web page. This will produce a snippet like this in the

CreateJS : MovieClip.children doesn't update after gotoAndStop()

阅读更多关于 CreateJS : MovieClip.children doesn't update after gotoAndStop()

问题 CreateJS (2015.11.26) via Animate CC (16.0.0.112) Structure : root - myContainer - frame 0 -> btn_0 - frame 1 -> btn_1 First frame of root contains following code : var self = this; createjs.Ticker.addEventListener("tick", initScreen); function initScreen() { createjs.Ticker.removeEventListener("tick", initScreen); self.myContainer.gotoAndStop(1); } this.myContainer.addEventListener("click", function(e) { console.log("Button 0 : "+self.myContainer.btn_0); console.log("Button 1 : "+self

AS3 Custom Cursor On Click

阅读更多关于 AS3 Custom Cursor On Click

问题 I'm working on a painting game, that once you click on the brushes, the mouse switches to the graphical counterpart of said brushes and will let you paint on screen. If no brush has been selected, the mouse will remain the same. The Rectangle and the brushes are on a separate Movieclip, wich allows me to layer png lines over it so you can fill in and draw. In the actions layer in the Scene 1, this is my code for changing the mouse: var cursor_mc:MovieClip; if (CanvPark_mc.HugeSelected1 ==

Using Adobe Animate CC in HTML5 canvas mode with external JavaScript files

阅读更多关于 Using Adobe Animate CC in HTML5 canvas mode with external JavaScript files

I'm transitioning a large FLA AS3 project into Canvas/JS. I have a large external folder structure of AS files and many library objects associated with classes. I've converted FLA into a canvas mode but I can't find a way to associate JS files to the objects. I've seen online examples about including JS in frame scripts but I really hope to find a way to do it with external files and library objects association. I'd appreciate any direction or example of how it can be done. Thank you What I do is adding all my JS utilities to the html on-the-fly from Animate with appenChild like this: frame

Webpack 3 locates .mp4 file but video is not playable

阅读更多关于 Webpack 3 locates .mp4 file but video is not playable

问题 Webpack 3 locates .mp4 file but video is not playable Clone this project on GitHub I've created an animation in Adobe's new Animate CC and exported it as an .mp4 file In my webpack.config.js file, I stated that the file-loader should be used to load my .mp4 file like so: webpack.config.js { test: /\.(mov|mp4)$/, use: [ 'file-loader' ] } (You can find my webpack.config.js source code below) So why, when I run webpack (or rather locally, webpack as an npm script) package.json "build:dev":

Webpack 3 locates .mp4 file but video is not playable

阅读更多关于 Webpack 3 locates .mp4 file but video is not playable

Webpack 3 locates .mp4 file but video is not playable Clone this project on GitHub I've created an animation in Adobe's new Animate CC and exported it as an .mp4 file In my webpack.config.js file, I stated that the file-loader should be used to load my .mp4 file like so: webpack.config.js { test: /\.(mov|mp4)$/, use: [ 'file-loader' ] } (You can find my webpack.config.js source code below) So why, when I run webpack (or rather locally, webpack as an npm script) package.json "build:dev": "webpack --watch", does the browser locate the .mp4 file index.html <video loop autoplay controls> <source

Animate CC HTML5 easelJS stage.X stage.Y mouse position not consistent between chrome and and firefox

阅读更多关于 Animate CC HTML5 easelJS stage.X stage.Y mouse position not consistent between chrome and and firefox

I have an application where I need an information card to follow the position of the mouse. I have used the following code: stage.addEventListener("tick", fl_CustomMouseCursor.bind(this)); function fl_CustomMouseCursor() { this.NameTag.x = stage.mouseX; this.NameTag.y = stage.mouseY; } It works perfectly in Firefox but in Chrome and Safari the further away the mouse gets from 0,0 on the canvas the larger the distance between NameTag and the mouse (by a factor of 2). I look forward to any comments. Lanny I see the issue in Chrome as well as Firefox - I don't believe it is a browser issue. The