Interactive HTML5 Animation in Animate CC (Interactive Bilbo)

Поділитися
Вставка
  • Опубліковано 1 лис 2024

КОМЕНТАРІ • 41

  • @R7045-k9c
    @R7045-k9c 5 років тому +17

    finally one of the very few tutorial for animate cc with coding , some videos only animation via timeline

  • @venusitsolutions
    @venusitsolutions 2 роки тому +1

    Thanks for an excellent explanation, after a lot of videos finally I found what I was looking for.

  • @johnleggett5054
    @johnleggett5054 3 роки тому +1

    As a newbie to HTML5 Canvas coding I found this video very useful - many thanks! Subscribed :-).

  • @freelifeproductions
    @freelifeproductions 3 роки тому

    was looking for something that could replace my Flash animations... this looks to be it... thank you

  • @chris-adams-tas
    @chris-adams-tas 6 років тому +5

    Thanks for sharing Johnathan, your instruction made a lot of sense to me. Your supporting dialogue touched on a lot of nuances that other demo. often skip over. Subscribed.

  • @Froggy-Frogs
    @Froggy-Frogs 3 роки тому +1

    Lovely. It's good to go a little bit into the programming side aswell, for us who are purely software user dummies 😁
    Thanks!

  • @Grutbrushes
    @Grutbrushes 4 роки тому +1

    What a fantastic tutorial!! Thank you Jonathan

  • @theskyspire
    @theskyspire 5 років тому +1

    Great work on the video. Clear, concise and to the point.

  • @mikosaki77
    @mikosaki77 3 роки тому

    Thanks! very informative tutorial ...

  • @mikulustudios
    @mikulustudios 4 роки тому +1

    Thank you Jonathan for such a wonderful tutorial, you made it so simple to understand...but i am struggling to test my work, it keeps on giving me warning message about EaselJS, and it does not play anything, is there anything wrong with a setting or something?

  • @floppydisk9541
    @floppydisk9541 3 роки тому

    Hi I'm new with AS3 and HTML5. Your video helped me a lot. Thank you !
    I want to ask, will this script work for touch? when its load in mobile browser.

  • @hansgrassl1103
    @hansgrassl1103 6 років тому

    Thank you! This video has been a great help! Very well explained and thank you for providing the file "Bilbo_Interactive-2017FA_START.fla".
    Greetings from Munich/ Germany.
    Hans

  • @hagostewolden.
    @hagostewolden. 4 роки тому

    Thank you for the tutorial! Is there a way of closing the output file using a close button, please? I mean, I created an exit button and wanted to close the output file by clicking the exit button. Thank you.

  • @leopinn2799
    @leopinn2799 Рік тому

    Haloo, did you now how to save skor and show like simple exam on adobe animate with HTML5

  • @zlackbiro
    @zlackbiro 5 років тому +1

    OMG i am back! I just find out that Flash is ported to Animate and i can create HTML5 interactive content! I was proffesional designer and animator in Flash. When swf is died, i stoped working in FLash. Now i am back with the same skills in even better enviroment. I am the good of this software. I will film you a loot of tutorials!

  • @mjblanco322
    @mjblanco322 4 роки тому

    Oh this is fabulous! Thank you so much!

  • @dominicsanchez2633
    @dominicsanchez2633 6 років тому

    Thank you very much Sir for this wonderful and very clear tutorial :)

    • @jonathansross
      @jonathansross  6 років тому

      You are very welcome. Added a new box link, BTW.

  • @theredmaster_superbee
    @theredmaster_superbee 5 років тому

    Hello ... a question could you control the reproduction of the animation in "adobe animate" with the browser scroll? when you go down with the scroll control, go play the animations ... thanks.

  • @EbenezerScroogeMcDuck
    @EbenezerScroogeMcDuck 4 роки тому

    made a canvas page, but notice the screen turns blue every time i touch a button (viewing in phone browser), how do i stop it from doing this?

  • @gsfxmentor
    @gsfxmentor 6 років тому +1

    Thank you! This video has been a great help!

  • @fahd4007
    @fahd4007 4 роки тому

    it produce SVG ??
    or something like Flash ?

  • @id_Ken
    @id_Ken 7 років тому +1

    Thank you very much for your video, I follow the video method to do a bit, but do not know why I click on the stop button when not work?

    • @jonathansross
      @jonathansross  7 років тому

      I posted the start file in the description. Maybe you just don't have a similar structure... ie, using Movieclips?

  • @justianiwahjudi3901
    @justianiwahjudi3901 5 років тому

    Thank you very much for your tutorial, can't wait for next tutorials to stop and play the feet please?

    • @jonathansross
      @jonathansross  5 років тому +2

      Thanks! That's the point... just enough to get you started, and hopefully figure out how to target the feet. ;)

  • @L8rCloud
    @L8rCloud 5 років тому

    What about more complex programing? (jQuery, GreenSock, sending data to NodeJS)

  • @biplabdey3037
    @biplabdey3037 4 роки тому

    Is it possible to export in application format?

  • @KidsEducatoinal
    @KidsEducatoinal 5 років тому

    Sir How to call parent object or movie clip please reply

  • @parinya123
    @parinya123 7 років тому

    My company wants to start a website base on Adobe Animate.
    We've asked many vendors to build a web site for us.
    They said that flash is not good option at all. And adobe animate is also not a good option for web site.
    One of the vendors said that Adobe has stopped developing Adobe Animate 2 months ago!!
    I understand the flash is bad for web site, and animate edge is no longer available.
    But Adobe Animate just started 2 years ago, how can that be stopped?

    Anyone please help answer if is it true that Adobe Animate will die soon?
    Is it a bad idea to build a web site based on Adobe Animate? Is the near future, browsers would no long support flash/ adobe animate?

    Please advise.

    Thank you

    • @jonathansross
      @jonathansross  7 років тому

      I have not heard that Adobe has stopped development. In fact, they just released a new version a month ago at Adobe Max... with the ability to have advanced layers separated by z-depth! Flash (as a plugin) may be dead in the future, but HTML5 output and WebGL will only get better I think! Still, it is not the right platform for website development IMHO. Better to use JS/JQuery and a good coder!

    • @nancyzonneveld6487
      @nancyzonneveld6487 6 років тому

      I think they got Edge Animate and Animate CC mixed up. Edge Animatie is also from Adobe and they did stop developing that software.
      The development on Adobe CC is not stopped at al.
      It isn't a good idea to make a website in it tough, but you can make a lot of different other things in it:
      - HTML5 ads
      - HTML5 animation
      - HTML5 interactive animations / games
      - GIF animations
      - MP4 animations (you need an extra free tool to convert the SWF)
      You can make HTML5 or SWF files in Animate CC. The SWF files are not very popular anymore because they are not supported on mobile devices and also a lot of internet platforms stopped playing them.
      You can still use SWF files for offline things, for example if you have to a make a small computergame for offline use in a supermarket or other building. But that's only a good idea if you already know Actionscript. I wouldn't advice anyone to learn Actionscript now. You can better learn Javascript and make HTML5 with that.
      But don't make a complete website in it.

    • @jonathansross
      @jonathansross  6 років тому

      Hi Guxalin and Thadeus. Sorry for my delay in responding.
      I agree that Muse and Wix are decent website design tools, but personally, don't find them the best choice. Often, websites are now built using Wordpress. Using builders such as Elementor, Beaver Builder or DIVI (amond others) can allow you to create a custom layout more easily if you are not a coder. It really just DEPENDS on what you want as the outcome. What is the purpose and design idea for the site? Does it require heavy use of animation, transitions and the like? If so, you will have a hard time evaluating the right way to build it until you find the software tool or js framework/library that allows what you need.

  • @CarinaMessa
    @CarinaMessa 6 років тому

    The behavior of the example file not working in my Animate CC. Sometimes yes but sometimes fails... I have detected a lot of bug in Adobe products lately :-(

    • @jonathansross
      @jonathansross  6 років тому

      Animate CC and programming can be tricky to learn!

    • @heyhej1
      @heyhej1 6 років тому

      I’m running into same issue, I think older Flash versions didn’t have as many bugs.... :-/

    • @Froggy-Frogs
      @Froggy-Frogs 3 роки тому

      @@heyhej1 i don't know of which versions you're talking, but maaaaan was flash buggy when i first used it 15 years ago 😂

  • @yaamana
    @yaamana 4 роки тому

    thank you

  • @mattmontgomery7727
    @mattmontgomery7727 6 років тому

    How do you create an independent timeline?

    • @jonathansross
      @jonathansross  6 років тому

      Matthew Montgomery movieclips always have independent timelines. Graphic symbols are different.

  • @amolchougule2751
    @amolchougule2751 4 роки тому

    Nobody literally nobody is showing end file or exported file.