Position x, y canvas - toolkit createjs

Hello,
As I can position in x & y. my animation on the canvas, for example 200px right or 100px top.
Thanks
This is my code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CreateJS export from cloud gc</title>
<script src="easeljs-0.6.0.min.js"></script>
<script src="tweenjs-0.4.0.min.js"></script>
<script src="movieclip-0.6.0.min.js"></script>
<script src="cloud gc.js"></script>
<script>
var canvas, stage, exportRoot;
function init() {
          canvas = document.getElementById("canvas");
          exportRoot = new lib.cloudgc();
          stage = new createjs.Stage(canvas);
          stage.addChild(exportRoot);
          stage.update();
          createjs.Ticker.setFPS(10);
          createjs.Ticker.addEventListener("tick", stage);
</script>
</head>
<body onload="init();" style="background-color:#D4D4D4">
          <canvas id="canvas" width="616" height="475" style="background-color:#ffffff"></canvas>
</body> 
</html>

What are you trying to position? To move your entire animation over, you can set the x/y of the exportRoot. To move contents within the exportRoot, target them using their instance name from Flash Pro.  For example
exportRoot.x = 100;
// OR
exportRoot.instance.x = 100;

Similar Messages

  • I need help to install Toolkit CreateJS for Flash CS6.

    Hi,
    I need help in installing CreateJS for Flash CS6. I had downloaded the Toolkit CreateJS from here: http://www.adobe.com/go/downloadcreatejs and here: http://www.adobe.com/devnet/createjs/articles/using-flash-pro-toolkit- createjs.html. When I attempted to install the extension using Adobe Extension Manager, the installation files did not have the required .zxp or .mxp files. It only had a file with a .mxi extension. Please advise. Thanks.

    Why installing IIS o_O?
    For Installing a developer Machine just install Oracle Developer suite; for testing your forms you use OC4J ("start OC4J instance" in start menu), and you can run your forms in web; no need for a aditional webserver (don't believe there's an OC4J connector for IIS available; and if so I wouldn't use it either ;-))
    For Installing a server for "productional" use install Oracle Application Server (available on otn) which comes with an Apache as webserver and all the other needful things for runnung forms on the web.
    For configuring both of them just take a look at the documentations on http://otn.oracle.com
    regards
    christian

  • Tab position change at runtine of tab canvas

    Dear gurus,
    Is it possible to change tab position of tab canvas at runtine in 10g forms?
    George.

    Gerd: Thank you very much for your advice.
    I will explain my situation. I have a form : INV. This has got three tabs : Header, Detail and Expenses. Some users prefer to see Header as the first tab while others want to see Details and still others like to see Expenses.They have their logic - what is important to that particular user he wants to see as the first tab.
    These preferences can be set in a different table(by an admin user) and can be applied once when the form opens and not during the runtime.
    Since tab order change facility is not available in forms, I need to apply the logic in a different way - activate the tab that each user prefers to see as the form opens regardless of the tab order.
    Hope you understand my case.
    George.

  • ToolKit for CreateJS

    The new version of Toolkit for CreateJS version 1.2.0311 is integrated now with the Flash Pro CC app. You can see this under Windows->ToolKit for CreateJS.

    Using Flash Pro 'Toolkit for CreateJs' -http://www.adobe.com/devnet/createjs/articles/using-flash-pro-toolkit-createjs.html
    Getting Started - http://www.adobe.com/devnet/createjs/articles/getting-started.html
    The Toolkit for CreateJS 1.2 release extends support for converting Buttons to HTML5,motion guides,animated masks,scaleMode along with  fixes to several JSX related errors and  omission of multiple empty keyframes.

  • RollOver with Toolkit for CreateJS

    Hello,
    I'm working around with the new feature of Flash CS6 : exporting HTML animation via Flash.
    I have something like that, which does work :
    /* js
    this.stop();
    this.bt.onClick = function(){
              this.parent.play();
    Where a button controls the main timeline when you click it.
    I'm looking for the syntax to do a Roll Over and a Roll Out.
    Any ideas ?
    Thanks
    tidamz

    Ah ok !
    Allready tried
    The method is described here : http://www.adobe.com/devnet/createjs/articles/using-flash-pro-toolkit-createjs.html
    But there's no more information

  • Toolkit for CreateJS - iPhone

    Hi,
    I've been trying to do an animation for mobile phones, but it's not working.
    The movie itself is very simple.
    It's a movie clip (with sequential pictures of a product to make a 360° view) and 2 buttons (nextFrame and prevFrame).
    The first time I tried to export using the toolkit, it didn't work and I was told that buttons were displayed as movieclips.
    So, I changed my movie. Now there's no butons at all, only movieclips.
    I used ActionScript 3 to do everything, and I don't see what I can do to make it works properly.
    Here is the ActionScript:
    banner.stop();
    PrevGo.addEventListener(MouseEvent.CLICK, goPrev);
    function goPrev(evt:MouseEvent):void {
              if(banner.currentFrame == 1){
                        banner.gotoAndStop(10);
              }else{
                        banner.prevFrame();
    NextGo.addEventListener(MouseEvent.CLICK, goNext);
    function goNext(evt:MouseEvent):void {
              if(banner.currentFrame == 10){
                        banner.gotoAndStop(1);
              }else{
                        banner.nextFrame();
    The problem when I export the movie is that the movieclip is loaded without clicking.
    If I export the movie without the plugin, it works, but I can't see at iPhone...
    Does anybody know how I can fix that problem?
    Thanks

    Hello,
    We are working on tutorials/documentation that should help you do simple programming after exporting your Flash assets to HTML5.
    If there are tutorials you are looking for in general, I would recommend that you take a look at these:
    http://www.adobe.com/devnet/createjs.html
    http://www.adobe.com/devnet/createjs/articles/getting-started.html
    http://www.adobe.com/devnet/createjs/articles/using-flash-pro-toolkit-createjs.html
    http://www.youtube.com/watch?v=Rhd2QblTtuU
    http://www.youtube.com/watch?v=ptZ0DxkoZEM
    Regards,
    Suhas Yogin

  • How to draw with mouse on Html 5 canvas inside browser (using createJs).

    Hi Everyone,
    In Flash AS2/3 we can draw with mouse in browser (of course inside Flash Player). How can we do that in Flash CC Canvas using CreateJs (result must be in canvas not in flash player). Something like this http://www.codicode.com/art/how_to_draw_on_a_html5_canvas_with_a_mouse.aspx
    Thanks in Advance

    This is a bit more of a JavaScript / Canvas question than a Flash question. I realize you're using the Flash product but Flash CC is just giving you an IDE with limited JavaScript automation.
    In this mode you're expected to be familiar with JavaScript and CreateJS. Are you?
    If not, what you might want to do is look at a sister product for HTML5 Canvas automation called EaselJS. It's a JavaScript library that makes using the Canvas very easy. Have a look at the commands here:
    http://www.createjs.com/Docs/EaselJS/modules/EaselJS.html
    You might find you don't need Flash CC to perform what you want. Otherwise this conversation may tip so deeply into JavaScript and CreateJS that it might be more prudent to use the Dreamweaver forum.

  • CreateJS Toolkit Feature Request

    Hello,
    Does anyone know where to make such requests? The toolkit does not export symbol names, which I find to be very limiting since the CreateJS API supports the name property for symbols. I'd like to request that this be added.
    thx

    HI Guys,
    Toolkit indeed exports library symbols with the AS-Linkage names specified.If no as-linkage names are present mc's are exported with their names.
    Even instance names of the move clips are exported.It’s also important to note that the JavaScript code does not have an implicit scope, so while you can simply write "instanceName.width" in ActionScript, you need to use "this.instanceName.width" in JavaScript to specify the scope .
    For more info ,check out
    http://www.adobe.com/devnet/createjs/articles/getting-started.html
    http://www.adobe.com/devnet/createjs/articles/using-flash-pro-toolkit-createjs.html
    Here is a video about pratical usuage of Create JS in Banner Ad's
    http://tv.adobe.com/watch/max-2013/converting-ads-built-with-flash-professional-to-html/
    Here is Grant himself giving a walkthrough on how to start buidling greate content using Toolkit
    http://tv.adobe.com/watch/max-2013/createjs-building-rich-interactive-experiences-in-html5 /

  • How to remove the black line from a stacked canvas at run time???

    Hi All,
    I've developed a stacked canvas within a content canvas, when I run the form the stacked canvas apeared with a black line takes it.
    How to remove this line or how to disappear this line at run time??
    I tried to do this by putting (no line) in tools palette to the line color tool after selecting the black line one and after selecting the stacked canvas another once, but this did not resolve the problem!
    I need something else:
    I put the stacked canvas at detail data block and it didn't appear since I execute query in master data block
    How to appear the stacked canvas directly before executing query in master data block???

    Hi,
    u mean the border line? In stacked canvas property, select contour/outline and set it to none.
    Make sure, the stacked canvas is behind the content canvas in the objectnavigator. Then check your
    properties of the stacked canvas:
    - Position on content canvas
    - size
    - size of clipping
    Set stacked canvas property automatic visible to yes.
    Make sure the stacked canvas is not overlayed by other stacked canvas or items.
    Attackwave

  • Stacked Canvas Problem in oracle 6i form builder

    Hello,
    i have 2 content canvas "DTL and PUNCH",1 tab,1 horizontal canvas in window1 and 1 another content canvas "parameter" in window2.
    i have created a stacked canvas under dtl canvas because
    I have a master-details form. my details has more columns so im planing to use stack canvas.
    but at run time it is not displaying?
    please help me regarding that?
    Thanks
    With Regards
    Vishal Agrawal

    hello,
    then you should set viewport x and y position of stack canvas below the height of button in DTL block.
    means If button y position = 170 then
    viewport position of x = 5,
    viewport position of Y = (y position of button + height of button+5) . (for Stack canvas)
    Same way,
    If stack canvas height = 270 then
    viewport position of x = 5,
    viewport position of Y = (viewport position of Y of stack canvas + height of stack canvas+5) . (for Tab canvas)
    PS

  • Problem with image resize after canvas resize in CS6

    In previous versions I have been able to resize the canvas and then resize the image.  For example resize the canvas to 250px x 250 px.  Then resize the image to the same.
    Here is the process I am using:
    Duplicate the layer and then hide it. 
    Resize the canvas (Image > Canvas Size) to 250px x 250 px. 
    Un-hide the layer and then resize the image (Image > Image Size).  When I go into Image>Image Size it says that the image is already 250px x 250px.  However if I try to transform the scale the image is the original size and not 250px x 250px
    The reason for needing this is I resize image size (in bulk) and the canvas size using the batch process (file>automate>batch) and actions.   I loaded the actions file I used in previous versions, but that did not work correctly.  I then went in to do this manually and got the same results.
    Any ideas??

    Please post the Action set *.atn file and name of the action in the set. 
    What you wrote seems like normal operation.
    Duplicate the layer and then hide it. 
    Resize the canvas (Image > Canvas Size) to 250px x 250 px. 
    Un-hide the layer and then resize the image (Image > Image Size).  When I go into Image>Image Size it says that the image is already 250px x 250px.  However if I try to transform the scale the image is the original size and not 250px x 250px
    There is no reason to hide and unhide the layer.
    When you change Canvas Size the only layer the may actually get changed is the "Background Layer" for the bankground layer does not suppoty tranparency so Pixels of some color will be added to the background layer if your increasing canvas size or Pixels will be cropped off the background layer if you decreasing canvas size.  Canvas Size = Document Size = Image size.  Canvas size change does not change the size of other layer.  Only their position over the canvas may change.  Layers other then the background layer can be any size. They can be the same size as the canvas size or they may be larger or smaler then the canvas size and they can have any aspect ratio and any shape.  As you saw when you ise free transform on your layer.

  • How to change the position of a rectangle dynamically

    Hi,
    I am designing a form, where the position of a rectangle has to be changed dynamically. I'm trying with Set_Item_Property(Position property). But I'm unable to change the position. I need some information regarding this graphics object. Normally, we attach block name with the items. Then for these graphics object, what will be attached. I'm using Forms 6i version.
    Regards,
    Alok Dubey

    you can use a stacked canvas with the rectangle in it. Then you can change the position of the canvas at runtime. Problem is, that the canvas overlaps objects...

  • Simple Problem with Stacked Canvas, I hope

    Hello all,
    I am become a bit frustrated with what I thought would be a simple form development solution. I am trying to create a form with a stacked canvas that will display about 20 fields that can be scrolled through. This is the detail
    Total of 25 fields
    5 Fields on the content canvas
    20 Fields on the stacked canvas
    I created the first canvas that originally contained all 25 fields. Then I created the stacked canvas and moved the appropriate fields to the stacked canvas. Using the forms builder editor, I positioned my stacked canvas as such so that it would not overlap the last field on the content canvas or visa versa. This is a form being developed for Oracle EBus. Whenever I run the form in the apps, the stacked canvas is not visible. It only becomes visible when the 1st field on the canvas has focus. When the stacked canvas becomes visible, it shows all of the items of the stacked canvas and not just the ones that I included in the viewpoint. Once I tab through the last field of the stacked canvas, it goes back to the first field on the content canvas and the stacked canvas disappears. At this point I am not doing anything complicated, but for whatever reason this just is NOT working. Any advice anyone can provide, I would very much appreciate it. This is VERY frustrating.
    Thank you in advance.

    Step No. 1
    Set the STACKED CANVAS's property VIEWPORT WIDTH AND VIEWPORT HEIGHT
    This property determines what viewable width and height of the stacked canvas at runtime.
    Set SHOW HORIZONTAL SCROLL BAR or SHOW VERTICAL SCROLL BAR or BOTH as YES so that you can scroll down to view all the items in the CANVAS.
    Step NO.2
    In your WHEN-NEW-FORM-INSTANCE trigger, write the code to make the canvas visible
    SHOW_VIEW('stack_canvas_name');

  • Adobe Generator: yes! but do not crop my canvas size (option)

    Adobe Generator= Is not there an option where I can maintain original canvas size position? ?
    I mean: I love that the generator slices and exports each individual layer element into a single file .. thats good BUT..
    but I do not want that the auto-cropping feature of export each single image into its exact dimensions >> I do want an option where you can maintain the original canvas size and element's position within the canvas space..    is that possible? 
    GRAPHICALLY it is instead of this:  ///  I want an OPTION that automatically do this:
    and we'll love that feature in Fireworks CC please !!!!

    Silkrooster wrote:
    I am not really seeing the need for it. If that was the case, it would make more sense to save the entire document.
    There is plenty need for it. For one, not every project is a web site where CSS is even relevant. But if you have a large stack of icons, it is often incredibly inefficient to position them all individually with CSS instead of just exporting them as PNGs with matching dimensions. It also gives you better control over the scaling; for example, if you have 2px strokes that are going to be scaled to 50% on export, you want to align them to a 2px grid so they don't go fuzzy.
    In my case I often need to export large batches (hundreds) of logos, which all need to be exported at canvas size and not trimmed to endless random sizes. The layer mask hack sounds like a lifesaver, but has plenty of shortcomings. It should be easy enough to add it as a simple parameter, and it would save a lot of time and hassle for a lot of users.

  • Object too small to select on design canvas

    I have created 14px by 14px images for a mini navigation area, and added them to a set of Image components.  Due to the very small size, these objects are not selectable on the Xcelsius design canvas, although I can select them in the object browser.  The only way for me to affect their position on the canvas is to add another temporary object and do a multiple selection, and then drag the temporary object around.  (The object in question gets dragged along with it).
    Since I seem to have a decent workaround, I'm just posting about it to report the problem.

    Thanks Forto. I check into it.

Maybe you are looking for