Skip to main content
Participating Frequently
November 12, 2022
Answered

Click to reveal the number

  • November 12, 2022
  • 2 replies
  • 1068 views

Hi Friends,

 

I'm not into scripting so someone can help me with this?

Actually i'm working on my friends project, I'll just do basic tween and motion animation but coding part is far away for me.

 

the requirement is.

When I click on the image. The number below would then get revealed (based on a $50k investment).

 

I have attached the reference and source file of the Animate CC.

The left board shows what would happen to the painting box (Joan Michell's one) when you hover over it. Once you click the painting, the number below would animate like this (https://css-tricks.com/animating-number-counters/)

 

Source File: https://we.tl/t-x9uTd7kKEp

 

Can somebody please help me it's an HTML5 Banner.

 

Thanks,

Jonathan

 

    This topic has been closed for replies.
    Correct answer kglad

    also just wanted to know if could we implement the number animation like the attached link.

    Once you click the painting, the number below would animate like this (https://css-tricks.com/animating-number-counters/)


    the link is fixed.

     

    animating numbers the numbers, i'll try to get to later.  (i have paid projects taking priority.)

    2 replies

    Community Expert
    November 13, 2022

    you could just do a simple click to the next frame for each button. So when you click the button it will go inside the symbol and move to the frame with the price.

     

    Put a Stop(); inside the movieclip btn

    then on the main timeline use this.


    /* Click to Go to Next Frame and Stop
    Clicking on the specified symbol instance moves the playhead to the next frame and stops the movie.
    */

    yellow_btn.addEventListener(MouseEvent.CLICK, fl_ClickToGoToNextFrame);

    function fl_ClickToGoToNextFrame(event:MouseEvent):void
    {
    yellow_btn.nextFrame();
    }

    kglad
    Community Expert
    Community Expert
    November 13, 2022

    source file link: broken

    screenshot link: broken

    Participating Frequently
    November 13, 2022

    Oh, I'm sorry, not sure why it is not uploaded.

    Here is the link: https://drive.google.com/drive/folders/1NyCs3xUrA5izVlRSsJj5lpDhYLjNLHil?usp=share_link

     

    Additionally, Each hover/Paint scratch shows different numbers 

    Thanks

    Jonathan

    kglad
    Community Expert
    Community Expert
    November 13, 2022