Skip to main content
A
abhid
Participant
October 1, 2022
Question

file converted from animate to html5 (canvas) various problems

  • October 1, 2022
  • 2 replies
  • 204 views

hello everyone, i have done a project in adobe animate with as3 & greensock tween used in it.. we want to publish the similar proj to html 5 as convert to html5 canvas option available in animate.. we did it also added script from code snippet html5 available in animate when we publish & ctrl+enter the file runs leaving the tweens as it commented // to all as3 script..only we use vasic goto&play/stop and load or connect other html5 files **but** when open from local files D:/E:or uploded the site to server it in crome or other browser it does not show give error in dev tool [404, jsnot suppoerted etc ].. we want solution stage wise..

1. the file converted from animate to html5 (canvas) should run on chrome and other web browser from local and server.

2. we can add tweens to png button in it (script will written in animate html5 canvas) we have not found how to add tweens to mc in html5 canvas to make interactive sapported by browser..

3. further the dev can make app fot android and ios in html..

i have attache a demo file

your support will be appreciated... thankyou

    This topic has been closed for replies.

    2 replies

    A
    abhidAuthor
    Participant
    October 1, 2022
    note.txt
    JoãoCésar17023019
    Community Expert
    JoãoCésar17023019Community Expert
    Community Expert
    October 1, 2022

    Hi.

     

    The command to convert documents only recreates the visuals, but all the coding must be redone from scratch manually.

     

    As the HTML5 Canvas document uses JavaScript, you should be able to import any library available for the language, like GSAP.

     

    But as Animate uses CreateJS as the basis for the HTML5 Canvas document, you can out of the box use TweenJS. For example:

    createjs.Tween.get(this.yourInstance).to({ alpha: 1 }, 350, createjs.Ease.sineOut);

     

    And if you decide to run your content on mobile devices later, you can use Capacitor or Cordova for the job.

     

    Please let us know if you haver any further questions.

     

    Regards,

    JC

      A
      abhidAuthor
      Participant
      October 1, 2022

      thanks joao, but why does not it open in chrome or other browser on local files or uploded to server it does not show... the dev tool of chrome gives error if this is the issue then how  can we step futher.. the animate html 5 can..  convert the file in xyz.html/js/ folder such as images and sound.. i have given simple coding 2 buttons  from animte code snippet html5 after publish it shows but form 😧 locally open file it shows blank screen ...also  i will see obut tweens.. where can i get lab of  available tweens so that i can use in animate html5 canvas.. thanku

      kglad
      Community Expert
      kgladCommunity Expert
      Community Expert
      October 1, 2022

      if nothing shows in a browser during test, it's because nothing is on stage or there's an error.

       

      the online test can fail for other reasons (eg, failing to upload all needed files).

       

      what's the url to your online test?

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices