HTML5 canvas app: flash for presentation layer

Hi there,
I'm a html frontend developer, so I'm quite new to this flash environment.
For a project we're doing right now, however, we decided to go with flash for asset management and presentation layer development.
So we have an MVC javascript project "finished" already, that uses assets exported from a HTML canvas project in flash pro cc. Right now all functionality is coded inside the javascript project, and only assets, animations, etc are loaded from the exported fla. This seems to work fine. However, there is still a strong connection between the javascript views and the exported assets. Right now we're in the position where we need to reskin the whole application, and to allow external developers to design skins as well. This strong connection between assets and views is becoming a problem.
For example, at a certain point in our application we have to show a list options with a variable length. So we draw a container in flash that will contain the list, add a mask, create a scrollbar, etc. Then we have code in the javascript project that uses all these elements, adds displayobjects to the container, scroll the whole thing up and down, etc... That means that a skin designer, who only has access to the fla, is unable to make, for example, a theme where this list is shown horizontaly instead of vertically.
I was wondering how other people handle these scenarios?

you'd have to code and create the graphics for horizontal scrolling just like you did for vertical scrolling

Similar Messages

Transaction code for presentation layer to AL11

Hi
I need to tranfer the data from Presentation layer to AL11 directly with a Transaction code. without using gui_upload.
For example we are using CG3Y T code to transfer data AL11 to Presentation layer .
Transaction Code plzz
Any Suggestions
Regards

Are you asking for transferring Data from Prest. Layer to Appl. Layer.
Check the tcode CG3Z.
Regards
Gopi

HTML5 Canvas (in Flash CC) Button Functionality Faulty - Over, Down states do not work

I have searched and searched and I can't find a solution.
In Flash CC, creating in an Actionscript 3.0 canvas, buttons work as expected. Up, Over, Down and Hit states produce desired results.
I am creating an HTML5 animated webpage and none of the buttons work as expected. Here are the flaws:
1 - There is no hand when a button is scrolled over. This is an issue because there are multiple objects on stage, only half of which are buttons. The user needs to be able to know which are clickable.
2 - When I have an image on the Up state, all is well. But when I add an image on the Over state, it causes a loop. Up and over just loop in the preview and after I publish regardless of the cursor position and regardless of the browser type (FF, Chrome, IE).
I have searched the web. A lot of people have this problem but no answers have surfaced. I don't particularly want to spend another 100 hours recreating in Edge Animate--which I am not as familiar with. Is there some code that might stop all the madness?

You can program using java script in flash.
use the code
exportRoot.stop();
inside the button frame
if not working and all becomes gray as described above then target your button from the main timeline like
exportRoot.someClip.subClip.stop();
But remember to change .someClip & .subClip with their correct names.

A puzzle I made in Adobe Flash on an html5 canvas only works in Firefox, and not in other browsers. What should I do?

I made a puzzle on a html5 canvas in Flash CC, and followed the exact steps of an online tutorial. The final product works in Firefox, but not in Chrome or Internet Explorer. What am I doing wrong?

Call up the Javascript Console in Chrome and see if it's showing error messages.
Also, you might try uploading it to a web server and viewing it from there (or turning Apache on locally). It may be a cross site security issue.

How do I make a custom Scrollbar Text area in FlashCC HTML5 Canvas?

Hello,
I need to make a scrollbar for a long text area. I wonder how can I achieve this with HTML5 canvas in Flash CC2014?
Thanks,
Rodrigo

the text looks ok to me, http://www.kglad.com/Files/forums/test2.html
but yes, you can scroll a movieclip too.

Create a "mouse over" interactive button in html5 canvas

Hi there,
I’m currently using the HTML5 canvas in flash Professional CC.
I want to create an animated button that grows when you hover over it and then shrinks when you hover off it.
I can do this in AS3 but I can’t seem to do it in the HTML5 canvas.
I’ve placed the animated button in a movieclip and stopped it at the start of the movieclip timeline then added this code to try and activate it when I hover over it but it didn’t work:
this.movieClip_2.addEventListener(“mouseover, fl_mouseoverToGoToAndPlayFromFrame_3.bind(this));
function fl_mouseoverToGoToAndPlayFromFrame_3()
    this.gotoAndPlay(2);
I've also tried to create a standard "button symbol" then added the animation within each action (Up, Over, Down). This didn't work either.
Any help would be much appreciated!
Matt

this.movieClip_2.addEventListener(“mouseover, fl_mouseoverToGoToAndPlayFromFrame_3.bind(this));
function fl_mouseoverToGoToAndPlayFromFrame_3()
    this.gotoAndPlay(2);
should be:
this.movieClip_2.addEventListener(“mouseover", fl_mouseoverToGoToAndPlayFromFrame_3.bind(this));
function fl_mouseoverToGoToAndPlayFromFrame_3()
    this.gotoAndPlay(2);

JS-Linter,a static javascript analysis extension for HTML5 Canvas documents in Flash Pro CC

JSLinter is a extension for Flash Pro CC for static code analysis of timeline javascript in ’HTML5 Canvas’ docs.It helps to detect errors and potential problems in your timeline javascript code .
You can download the extension form my blog here
http://hemanthkumarr.wordpress.com/2013/12/05/js-lintera-static-javascript-analysis-extens ion-for-html5-canvas-documents-in-flash-pro-cc/

Checked just now .It is working for me and i can download the extension.
Can you just verify again and let me know?
-Hemanth

Is there any way to use video with the new Flash CC HTML5 Canvas?

I am a long time Flash user trying to determine if this new version of the program is something to add to the workflow again (after the last several years of not being able to use it) and the tutorials I have seen are not well written. Is there a way to use a video file within the animation, like with the AS2 and AS3 versions of Flash where I could insert a video clip into a symbol and animate the symbol while the video played.
What I need to know is what format of video file I should use and how to add it into the timeline since Flash does not seem to be allowing for any type of import for this.
Any Thoughts?
Thanks,
Brett

Ok, so there are limitations, are they written down somewhere? I have been looking for a list of do and do not functions and the ways to work around them. Are they in the documentation somewhere I haven't discovered?
Right now all I am looking to do is create Classic Tweens that animate movement and opacity so I can create a presentation with video that includes these elements. Is that level of functionality available in the HTML5 Canvas, or is that still on the drawing board?
Is there a specific name for what I am looking to do that would aid my search? HTML5 video is not enough since the answer has not been forthcoming in Google or on Adobe or Stack Overflow. I am starting to think that nobody has thought of this yet, or if they have they decided that it is not currently possible and skipped the part where the rest of us find out.
Any thoughts on making the connection to either doing this or finding out that it is just not possible yet would be very helpful.

Flash Builder 4 and the HTML5 canvas tag

I see that in CS5 you will be able to import Flash animations into HTML5 Canvas code
http://www.readwriteweb.com/archives/flash_now_importable_to_hmtl_canvas.php
Is this a planned feature for Flash Builder?

Thanks Matt for the error message. Found a bug report for the issue with adobe. Turns out Flash Builder 4 will not support Flex 2 SDK
[https://bugs.adobe.com/jira/browse/FB-15688]
Which means that we can't compile within the IDE, but can compile outside using the command line. This will be adding yet another layer to the development process
Matt, any news on when Flex 3 will be supported in the SDK? With the release of Flex 4 i'd imagine it's coming up.

TS1702 how do i use microsoft word on my ipad? i cannot use flash on it as well neither do i use it with projector for presentation.

how can i use microsoft office on my ipad? i can't also use flash to copy and transfer documents into it and neither could i use it with a projector for presentation.

You can't use MS Office on the iPad as Microsoft haven't made app versions of their programs (you can only use apps that are in the iTunes app store on your computer and the App Store app on the iPad), but there are apps that support word, excel and powerpoint documents. The options include Apple's Pages app for Word documents, Numbers for Excel spreadsheets and Keynote for Powerpoint. And from third-parties apps such as Documents To Go ('premium' version) and QuickOffice Pro HD.
As to how you then get the file to your chosen app will depend upon what the app supports - different apps will have different ways of copying their content to/from a computer e.g. via the file sharing section at the bottom of the device's apps tab when connected to your computer's iTunes, via wifi, email, dropbox etc

Installed latest version of Flash CC and did not get HTML5 Canvas

Hello,
This weekend I installed Flash Professional CC on a new Mac running Mavericks. It is a new OS and the first time installing Flash CC on it. After the isntallation I ran the program and saw that I do not have the HTML5 Canvas options that came with the November release. I went to Flash --> Help --> Updates and ran the update tool. It told me that I have the latest version.
Does anyone have any suggestions?
Matthew

What is your Flash Pro version? (13.1.0.226 was the last released version) You should see an option for 'HTML5 Canvas' document on the Start page and New document dialog.

Has HTML5 Canvas option been removed in Flash CC 2014 release?

Has HTML5 Canvas option been removed in Flash CC 2014 release? Because I can't seem to find it, and if so is there still a way to use it?

Thank you for your answer. Now, that's weird, because this is how mine looks

Flash CC HTML5 Canvas Accessibility - 508

Has anyone had success creating a Tabindex order within a Flash CC HTML5 Canvas file? Been using Flash for online training courses but looking to make the move to HTML5 using Flash CC. When you create a new HTML5 Canvas file the Accessibility panel is not available. I have been using Actionscript for several years to handle the Tabindex order so the fact that HTML5 canvas files don't have the Accessibility panel available can't be a good sign.

Accessibility in HTML5 is handled strictly in the HTML. It is usually done with descriptors added to attributes of elements. Each browser handles, or doesn't handle, these attributes in a slightly different way. The result is that accessibility is at least as complex as CSS in HTML5. Here's an article that should help to make it unclear: HTML5 accessibility - work in progress March 2014.
In any case incorporating accessibility into the HTML5 translator for Flash is probably not going to happen any time soon.

Flash html5 canvas touchStart

click the button "an_bottom" play, click the button "an_top" gotoplay(5)
iphone6 the "touch" slide up "play()" , slide down" gotoplay "(5)" Slide up or down to adjust "play()"and"gotoplay(5)" ,Please help me.
this.an_bottom.addEventListener("click", fl_ClickToGoToAndPlayFromFrame_5.bind(this));
function fl_ClickToGoToAndPlayFromFrame_5()
this.play();
this.an_top.addEventListener("click", fl_ClickToGoToAndPlayFromFrame_5.bind(this));
function fl_ClickToGoToAndPlayFromFrame_5()
this.gotoAndPlay(5);

"flash AIR for iOS" Script
Multitouch.inputMode = MultitouchInputMode.GESTURE;
stage.addEventListener (TransformGestureEvent.GESTURE_SWIPE, swipeHandler);
function swipeHandler(event:TransformGestureEvent):void
     switch(event.offsetY)
         case 1:
             // swiped down
    prevScene();
             break;
         case -1:
             // swiped up
    nextScene();
             break;
↑↑↑↑↑↑↑↑
"flash HTML5 Canvas" JavaScript How to write In order to get The same effect

What is a good free app for presentations or notes in iPad?

Hey
I am looking for free app for presentations on iPad like to put and read my presentations or notes
so which app do you advice me with?
thanks

Notes is already installed on the ipad.
You can search the app store or the internet for presentation apps.

HTML5 canvas app: flash for presentation layer

Similar Messages

Maybe you are looking for