Highlighted

Used Animate to re-purpose a Flash gadget ...

New Here ,
Oct 28, 2019

Copy link to clipboard

Copied

... why can't I get the Canvas.html5 / Canvas.js combo to appear on the webpage?

 

Here's the page incorporating the .swf:

www.flydutch.net

 

<div id="flash-header">
<object classid= blah, blah, blah</object>
<!--<![endif]-->
</object></div>

 

What's wrong w/this replacement code (instead of a <div>)?

 

<iframe src="FlyDutchPortfolio_Extended_HTML5 Canvas.html" width="465px" height="355px">
<script>
//Canvas JavaScript
var c = document.getElementById("FlyDutchPortfolio_Extended_HTML5 Canvas.js"); var ctx = c.getContext("2d"); </script></iframe>

 

P.S. am expecting it's operator error all the way (it's a given) ...

 

 

Views

174

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Used Animate to re-purpose a Flash gadget ...

New Here ,
Oct 28, 2019

Copy link to clipboard

Copied

... why can't I get the Canvas.html5 / Canvas.js combo to appear on the webpage?

 

Here's the page incorporating the .swf:

www.flydutch.net

 

<div id="flash-header">
<object classid= blah, blah, blah</object>
<!--<![endif]-->
</object></div>

 

What's wrong w/this replacement code (instead of a <div>)?

 

<iframe src="FlyDutchPortfolio_Extended_HTML5 Canvas.html" width="465px" height="355px">
<script>
//Canvas JavaScript
var c = document.getElementById("FlyDutchPortfolio_Extended_HTML5 Canvas.js"); var ctx = c.getContext("2d"); </script></iframe>

 

P.S. am expecting it's operator error all the way (it's a given) ...

 

 

Views

175

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 28, 2019 0
Adobe Community Professional ,
Oct 29, 2019

Copy link to clipboard

Copied

Show us the HTML code that was exported from Animate CC.  That code should work in a browser.  If it doesn't, then something is wrong with the Animate project. 

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 29, 2019 0
New Here ,
Oct 29, 2019

Copy link to clipboard

Copied

I opened a Flash .swf in Animate & asked to convert to an HTML5 Canvas document ...

 

Three files were created:

*HTML5 Canvas.fla

*HTML5 Canvas.html

*HTML5 Canvas.js

 

Am unaware of any code separate from these files ...

The previous post contains what I thought was recomended (iFrame instead of a <div>):

 

<iframe src="FlyDutchPortfolio_Extended_HTML5 Canvas.html" width="465px" height="355px">
<script>
//Canvas JavaScript
var c = document.getElementById("FlyDutchPortfolio_Extended_HTML5 Canvas.js"); var ctx = c.getContext("2d"); </script></iframe>

 

That placed a block of nothing at the top of the page (same place as the original .swf) ...

Instead of the Flash-generated .swf, should I be running the .fla file through Animate?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 29, 2019 0
Adobe Community Professional ,
Oct 30, 2019

Copy link to clipboard

Copied

See this tutorial

https://helpx.adobe.com/animate/how-to/convert-flash-ads-to-html5.html

 

 

 

 

 

 

 

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 30, 2019 1
New Here ,
Nov 01, 2019

Copy link to clipboard

Copied

Thanks ...

Have run through the article noted above, plus some others:

A) https://helpx.adobe.com/animate/using/publish-settings.html?mv=product&mv2=an#specify_publish_settin...

B) https://helpx.adobe.com/animate/how-to/create-publish-html5-canvas-document.html

C) https://theblog.adobe.com/what-to-expect-when-converting-flash-to-html5/

Are there any one-on-one walk-throughs available?

"Let me take control of your mouse" interactions?

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2019 0
Adobe Community Professional ,
Nov 01, 2019

Copy link to clipboard

Copied

This really isn't a question about using Dreamweaver.   This is a question for the Animate user-to-user community.  

https://community.adobe.com/t5/Animate/bd-p/animate

 

If you wish, I can move this discussion to that forum.

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2019 0
New Here ,
Nov 01, 2019

Copy link to clipboard

Copied

The problem that I am having relates to the operational functions of build an HTML page in Dreamweaver that is uploaded to a web server via Dreamweaver ...

 

Placing a re-purposed Flash .swf (re-purposed in Animate) into a web page seems to be a problem without a clear avenue of Animate > Dreamweaver functionality ...

 

So, to me, it is a question about using Dreamweaver - for page creation using various elements from Canvas HTML5 through CSS positioning/visibility ...

 

Thanks for listening, though ...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2019 0
Adobe Community Professional ,
Nov 01, 2019

Copy link to clipboard

Copied

Animate is separate from Dreamweaver.  Get all your animation ducks in a row with Animate first.  If the exported HTML doesn't display anything in a browser, you're messing up in Animate.  DW cannot help you fix that.

 

 

 

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 01, 2019 0