On 4/27/16, 1:30 PM, "Peter Ent" <[email protected]> wrote:
>I added a new beginning to the Wiki article that walks through creating >the same demos followed by the comparison. Thanks. I think that better illustrates that there are fewer steps to getting started, which I hope will be attractive to 3rd party framework communities. If you have time, it might be better to write up the FlexJS steps from a command-line perspective. I don't think folks will get an IDE to first get started. I'm not quite sure how to illustrate it in words, but I think it might be something like: 1. Create a new file called Demo.mxml. 2. Paste the following CreateJS Application template (and I would include the View tag in the template). 3. Insert Circle tag inside the View tag 4. Compile and open bin/js-debug/index.html in a browser. We could even collapse 1 & 2 by posting the template on our site for downloading. Thanks, -Alex > >—peter > >On 4/27/16, 3:50 PM, "Peter Ent" <[email protected]> wrote: > >>I'm working on that - in order to create the Tween I need access to the >>actual CreateJS element stored within the FlexJS component. In other >>words, "circle.element". In an HTML-based FlexJS app, you can do >>something >>like document[target] to look it up. Within the Tween code, for example, >>there is no access to the CreateJS Stage where you would find the element >>by its name. So I have to pass in something that can be used to get to >>the >>stage. So I just left it as ActionScript only for the moment. >> >>I also thought the write-up on the Wiki was a good comparison, but I am >>guessing you want to approach it from a different perspective; I'll see >>what I can do. >> >>—peter >> >>On 4/27/16, 3:22 PM, "[email protected] on behalf of OmPrakash Muppirala" >><[email protected] on behalf of [email protected]> wrote: >> >>>Thanks for the great writeup, Peter! >>> >>>I was wondering if we can write: >>> >>><createjs:Tween id="move1" target="circle" xTo="400" duration="1000" /> >>> >>>instead of: >>> >>> var move1:Tween = new Tween(circle); >>> move1.xTo = 400; >>> move1.duration = 1000; >>> >>>That would make it much more concise and easy to follow. >>> >>>Thanks, >>>Om >>> >>>On Wed, Apr 27, 2016 at 12:17 PM, Alex Harui <[email protected]> wrote: >>>> >>>> Thanks for writing this up. >>>> >>>> I'm wondering if you could also, on a separate page, write about how >>>>to >>>> use CreateJS with FlexJS in a format that more closely mirrors the >>>>Getting >>>> Started article. I think it might better illustrate that with FlexJS, >>>>you >>>> can get started with fewer steps. In theory it would have fewer code >>>> blocks since MXML encapsulates that code. >>>> >>>> Thanks, >>>> -Alex >>>> >>>> On 4/27/16, 11:47 AM, "Peter Ent" <[email protected]> wrote: >>>> >>>> >Here is the link to the Wiki page about it. I included the original >>>> >CreateJS demo code[2] from their "Getting Started" section and the >>>>code >>>> >from the FlexJS CreateJS framework example with a bit of an >>>>explanation. >>>> > >>>> >‹peter >>>> > >>>> >[1] >>>> > >>>https://cwiki.apache.org/confluence/display/FLEX/Using+CreateJS+with+Fle >>>x >>>J >>>> >S >>>> ># >>>> >[2] http://www.createjs.com/getting-started/easeljs >>>> > >>>> >On 4/27/16, 12:31 PM, "Peter Ent" <[email protected]> wrote: >>>> > >>>> >>Hi, >>>> >> >>>> >>Today I finished the project of incorporating CreateJS (EaselJS and >>>> >>TweenJS) into FlexJS. The FlexJS framework, CreateJS, contains a >>>>handful >>>> >>of ActionScript classes that can be cross-compiled into JavaScript >>>>and >>>> >>product CreateJS objects. Along with this there is an example in the >>>> >>FlexJS download to illustrate how to use CreateJS. I took two of the >>>> >>basic CreateJS examples - one which draws a circle using EaselJS and >>>> >>another that animates the circle using TweenJS - and combined them >>>>into >>>a >>>> >>single short example. >>>> >> >>>> >>Watch for a page about it in the FlexJS Wiki. >>>> >> >>>> >>Peter Ent >>>> >>Adobe Systems/Apache Flex Project >>>> >> >>>> > >>>> >> >
