Skip to main content
Participant
August 27, 2017
Answered

Adobe Animate with car window tint simulator

  • August 27, 2017
  • 1 reply
  • 1914 views

New to using Adobe Animate. Started created a flash website to implement into another website. Basically I am trying to create a Car Window Tint Simulator similar to the one here... Window Tint Selector | Shades of Gray Window Tinting. Right now I have all my buttons made linking it to the pages that adjust the tint but my problem is keeping the button engaged so that the selected tint stays on the vehicle mockup. For instance when I click the 35% option on the FRONT I want it to stay there until I click the button again and be able to add the tint variations on the back part of the car mockup while the front tint option stay engaged. Please help! Thank you

Message was edited by: Mod (Discussion successfully moved from The Lounge to Adobe Animate CC - General)

This topic has been closed for replies.
Correct answer robdillon

The example that you link to is using Actionscript. Are you using Actionscript or are you using an HTML5 canvas for your project? In any case it sounds like you are moving from frame to frame to show the different levels of tint. It sounds like you are attempting to do all of the changes on the main timeline. If you create a movieClip to show show the front window tints and a separate movieClip to show the rear window tints, then you should be able to get the result that you want.

1 reply

robdillon
robdillonCorrect answer
Participating Frequently
August 27, 2017

The example that you link to is using Actionscript. Are you using Actionscript or are you using an HTML5 canvas for your project? In any case it sounds like you are moving from frame to frame to show the different levels of tint. It sounds like you are attempting to do all of the changes on the main timeline. If you create a movieClip to show show the front window tints and a separate movieClip to show the rear window tints, then you should be able to get the result that you want.

TTinari89Author
Participant
August 29, 2017

Thank you for responding, I really appreciate it. I'm unsure what you mean when you say create a movieClip to show the front window tints and a separate movieClip to show the rear window tints. Right now I have (14) symbols created into movieClips with Instance Names button1, button2, button3, etc. all the way to button14. The first (7) buttons link to pages that adds the tints for the front section of the car and the second (7) buttons link to pages that add the tints to the rear section of the car. My problem is getting the front section tint to stay on the car after I click the button to add the rear tint. I want it to function like this car tint simulator... Window Tint Selector | Shades of Gray Window Tinting. I'm not sure what I am doing wrong. Maybe a coding issue in the Actions section? Thank you for your help.

robdillon
Participating Frequently
August 29, 2017

When you say the buttons link to pages that add the tints, those pages are frames on the main timeline of your movie, right? What you need to do is to take the tint frames for the front windows and place those into a movieClip and do the same for the tints for the rear windows. Then you can control the each of these movieClips with your existing buttons.

I'm guessing that your current code for each button tells the playback head to jump to a new frame on the main timeline. Something like "gotoAndStop(3)" . Using the tint movieClips you will play each clip using the buttons. If, for instance, you name one of the movieClip instances "frontTint" then you could have a button's code be "frontTint.gotoAndStop(3)" . The tint movieClip would work similarly. Using movieClips for each set of tints will let you change one independently from the other.