• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

New Here ,
Oct 28, 2019 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

378

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
community guidelines
Community Expert ,
Oct 29, 2019 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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
New Here ,
Oct 29, 2019 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?

Votes

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
community guidelines
Community Expert ,
Oct 30, 2019 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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
New Here ,
Nov 01, 2019 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?

 

Votes

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
community guidelines
Community Expert ,
Nov 01, 2019 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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
New Here ,
Nov 01, 2019 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 ...

Votes

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
community guidelines
Community Expert ,
Nov 01, 2019 Nov 01, 2019

Copy link to clipboard

Copied

LATEST

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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines