Jump to content
Search Community

timaging

Members
  • Posts

    250
  • Joined

  • Last visited

Everything posted by timaging

  1. Hi, I'm working with a big client that used GS as their main banner ad platform. We have a request to do some ads that would include video. Is this possible in GS and if so, are there any tutorials and samples that I can look at? Thanks dave
  2. yep.. i used to be able to supply 2 separate files and they did the connections. Now, it's one file, but I can't seem to get the vendor to send me a file so that I can continue to do the production. I need to know how to do it all in one file. Typically I use Animate, but I can't do it in that program. I'd like to take a shot at doing it with greensock.
  3. this almost works. Still some of the graphics aren't resetting, and ideally once it resets, it wouldn't reset again, until after additional mouse movement. we can hold off on this for now. I can't figure out why everything isn't resetting and need to look in to that. I'm just hoping now that the client went with the Plan B approach. Thanks Dave
  4. yeah, I read over the docs, poured over all kinds of stuff and could never figure out how to apply it to what I was doing. I'll look again. I think what I really need is a base course in scripting. Online courses don't work for me though. I need to be able to ask questions along the way...
  5. Hi Carl, This did not work. Once it gets to MOUSE MOVED no more waiting, then it cancels itself, thus defeating the purpose. No matter how long I wait after this, it never resets. Dave
  6. Hi, I have this setup and am trying to time scale just the second half. Right now they all come in using 0.1 and I want to change the timescale of the second half. This all needs to loop, so I tried multiple timelines, but they were overwriting each other on playback. I've named the ones I want to go slower as "labelSLOWER". I have a hunch this can't be done, but just checking: var mainIntroIn:TimelineMax = new TimelineMax({repeat:-1}); mainIntroIn.appendMultiple([new TweenMax(labelREGULAR, 1, {alpha:1, ease:Quad.easeInOut}), new TweenMax(labelREGULAR, 1, {alpha:1, ease:Quad.easeInOut}), new TweenMax(labelREGULAR, 1, {alpha:1, ease:Quad.easeInOut}), new TweenMax(labelREGULAR, 1, {alpha:0, ease:Quad.easeInOut, delay:6}), new TweenMax(labelREGULAR, 1, {alpha:0, ease:Quad.easeInOut, delay:6}), new TweenMax(labelREGULAR, 1, {alpha:0, ease:Quad.easeInOut, delay:6}), new TweenMax(labelSLOWER, 1, {alpha:1, ease:Quad.easeInOut, delay:6}), new TweenMax(labelSLOWER, 1, {alpha:1, ease:Quad.easeInOut, delay:6}), new TweenMax(labelSLOWER, 1, {alpha:1, ease:Quad.easeInOut, delay:6}), new TweenMax(labelSLOWER, 1, {alpha:0, y:"30", ease:Quad.easeInOut, delay:16}), new TweenMax(labelSLOWER, 1, {alpha:0, y:"30", ease:Quad.easeInOut, delay:16}), new TweenMax(labelSLOWER, 1, {alpha:0, ease:Quad.easeInOut, delay:16})], 0, TweenAlign.NORMAL, 0.1); Thanks!! Dave
  7. ok, well it looks like I have something working. In my head, this doesn't make sense but I just tried it and it does what I need. I'm basically trying to add pauses within the timeline. Pause doesn't actually do that, because it doesn't look like you can tell it when to start again, or at least that's how I read it because there isn't an example of that: var mainIntroIn:TimelineMax = new TimelineMax({repeat:-1}); mainIntroIn.appendMultiple([new TweenMax(label, 1, {alpha:1, ease:Quad.easeInOut}), new TweenMax(label, 1, {alpha:1, ease:Quad.easeInOut}), new TweenMax(label, 1, {alpha:1, ease:Quad.easeInOut}), new TweenMax(label, 1, {alpha:0, ease:Quad.easeInOut, delay:6}), new TweenMax(label, 1, {alpha:0, ease:Quad.easeInOut, delay:6}), new TweenMax(label, 1, {alpha:0, ease:Quad.easeInOut, delay:6})], 0, TweenAlign.NORMAL, 0.1);
  8. Hi Carl, Normal did not work either... here is a shortened version. I also did try reading over that page and I couldn't figure it out. I think I must have spent 3 hours trying to search for the answer. Also note that normal is case sensitive... it didn't work as lower case, so that could be an issue too with why this isn't workin: var mainIntroIn:TimelineMax = new TimelineMax({repeat:-1}); mainIntroIn.appendMultiple([new TweenMax(LMlogoH, 1, {alpha:1, ease:Quad.easeInOut}), new TweenMax(line02, 1, {alpha:1, ease:Quad.easeInOut, delay:2}), new TweenMax(s0101, 1, {alpha:0, ease:Quad.easeInOut}), new TweenMax(awardLogo, 1, {alpha:0, ease:Quad.easeInOut})], 0, TweenAlign.NORMAL, 0.1);
  9. and this time I tried going old school, so that I could get the delay working, but now it doesn't repeat because it's not in a timeline: TweenMax.to(LMlogoH, 1, {alpha:2, ease:Quad.easeInOut}); TweenMax.to(awardLogo, 1, {alpha:2, ease:Quad.easeInOut, delay:.125}); TweenMax.to(s0101, 1, {alpha:2, ease:Quad.easeInOut, delay:.25}); TweenMax.to(s0102, 1, {alpha:2, ease:Quad.easeInOut, delay:.325}); TweenMax.to(s0103, 1, {alpha:2, ease:Quad.easeInOut, delay:.5}); TweenMax.to(s0104, 1, {alpha:2, ease:Quad.easeInOut, delay:.625}); TweenMax.to(s0105, 1, {alpha:2, ease:Quad.easeInOut, delay:1}); TweenMax.to(s0106, 1, {alpha:2, ease:Quad.easeInOut, delay:1.125}); TweenMax.to(s0107, 1, {alpha:2, ease:Quad.easeInOut, delay:1.25}); TweenMax.to(s0108, 1, {alpha:2, ease:Quad.easeInOut, delay:1.325}); TweenMax.to(s0109, 1, {alpha:2, ease:Quad.easeInOut, delay:1.5}); TweenMax.to(s0110, 1, {alpha:2, ease:Quad.easeInOut, delay:1.625}); TweenMax.to(s0111, 1, {alpha:2, ease:Quad.easeInOut, delay:2}); TweenMax.to(s0112, 1, {alpha:2, ease:Quad.easeInOut, delay:2.125}); TweenMax.to(s0113, 1, {alpha:2, ease:Quad.easeInOut, delay:2.25}); TweenMax.to(s0114, 1, {alpha:2, ease:Quad.easeInOut, delay:2.325}); TweenMax.to(s0115, 1, {alpha:2, ease:Quad.easeInOut, delay:2.5}); TweenMax.to(s0116, 1, {alpha:2, ease:Quad.easeInOut, delay:2.625}); TweenMax.to(s0117, 1, {alpha:2, ease:Quad.easeInOut, delay:3}); TweenMax.to(s0118, 1, {alpha:2, ease:Quad.easeInOut, delay:3.125}); TweenMax.to(s0119, 1, {alpha:2, ease:Quad.easeInOut, delay:3.25}); TweenMax.to(s0120, 1, {alpha:2, ease:Quad.easeInOut, delay:3.5}); TweenMax.to(s0121, 1, {alpha:2, ease:Quad.easeInOut, delay:3.625}); TweenMax.to(s0122, 1, {alpha:2, ease:Quad.easeInOut, delay:4}); TweenMax.to(s0123, 1, {alpha:2, ease:Quad.easeInOut, delay:4.125}); TweenMax.to(s0124, 1, {alpha:2, ease:Quad.easeInOut, delay:4.25}); TweenMax.to(s0125, 1, {alpha:2, ease:Quad.easeInOut, delay:4.325}); TweenMax.to(s0126, 1, {alpha:2, ease:Quad.easeInOut, delay:4.5}); TweenMax.to(s0127, 1, {alpha:2, ease:Quad.easeInOut, delay:4.625}); TweenMax.to(s0128, 1, {alpha:2, ease:Quad.easeInOut, delay:5}); TweenMax.to(line01, 1, {alpha:2, ease:Quad.easeInOut, delay:5.125}); TweenMax.to(s0129, 1, {alpha:2, ease:Quad.easeInOut, delay:5.25}); TweenMax.to(s0130, 1, {alpha:2, ease:Quad.easeInOut, delay:5.325}); TweenMax.to(s0131, 1, {alpha:2, ease:Quad.easeInOut, delay:5.5}); TweenMax.to(s0132, 1, {alpha:2, ease:Quad.easeInOut, delay:5.625}); TweenMax.to(s0133, 1, {alpha:2, ease:Quad.easeInOut, delay:6}); TweenMax.to(s0134, 1, {alpha:2, ease:Quad.easeInOut, delay:6.125}); TweenMax.to(s0135, 1, {alpha:2, ease:Quad.easeInOut, delay:6.25}); TweenMax.to(s0136, 1, {alpha:2, ease:Quad.easeInOut, delay:6.325}); TweenMax.to(s0137, 1, {alpha:2, ease:Quad.easeInOut, delay:6.5}); TweenMax.to(s0138, 1, {alpha:2, ease:Quad.easeInOut, delay:6.625}); TweenMax.to(s0139, 1, {alpha:2, ease:Quad.easeInOut, delay:7}); TweenMax.to(s0140, 1, {alpha:2, ease:Quad.easeInOut, delay:7.125}); TweenMax.to(s0141, 1, {alpha:2, ease:Quad.easeInOut, delay:7.25}); TweenMax.to(s0142, 1, {alpha:2, ease:Quad.easeInOut, delay:7.325}); TweenMax.to(s0143, 1, {alpha:2, ease:Quad.easeInOut, delay:7.5}); TweenMax.to(s0144, 1, {alpha:2, ease:Quad.easeInOut, delay:7.625}); TweenMax.to(line02, 1, {alpha:2, ease:Quad.easeInOut, delay:8});
  10. I also just tried the information on this on this page: http://greensock.com/timelinemax-as BUT it starts with this: var myTimeline:TimelineMax = new TimelineMax({onComplete:myFunction}); and throws an error: "access of undefined property myFunction VERY frustrating that all the AS3 documentation is now replaced with .js stuff. I have a hard enough time figuring this out and there's no way I can translate this. This job is due on Monday and I can't for the life of me figure out what should be fairly simple. Dave
  11. OK, so changing it to MAX instead of LITE seems to have worked, but the delay in the middle still doesn't work. Any suggestions on how I can do that? Thank You!! Dave
  12. Hi, I need to create a screensaver. I have this code now, but it doesn't repeat. In addition to that, the delay halfway through doesn't delay the animation. I can send you the file, but there's not much else to it other than the import calls, and an array so that everything start at 0 opacity. ALSO I'm not sure which icon above is the right button to hit in order for it to just show up as code: TweenMax.allTo(introClips, 0, {alpha:0}); var mainIntroIn:TimelineLite = new TimelineLite({repeat:2}); mainIntroIn.appendMultiple([new TweenLite(LMlogoH, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(awardLogo, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0101, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0102, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0103, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0104, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0105, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0106, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0107, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0108, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0109, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0110, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0111, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0112, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0113, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0114, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0115, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0116, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0117, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0118, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0119, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0120, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0121, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0122, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0123, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0124, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0125, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0126, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0127, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0128, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(line01, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0129, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0130, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0131, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0132, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0133, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0134, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0135, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0136, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0137, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0138, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0139, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0140, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0141, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0142, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0143, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(s0144, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(line02, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(LMlogoH, 1, {alpha:0, ease:Quad.easeInOut, delay:2}), new TweenLite(awardLogo, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0101, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0102, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0103, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0104, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0105, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0106, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0107, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0108, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0109, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0110, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0111, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0112, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0113, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0114, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0115, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0116, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0117, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0118, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0119, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0120, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0121, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0122, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0123, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0124, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0125, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0126, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0127, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0128, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(line01, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0129, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0130, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0131, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0132, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0133, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0134, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0135, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0136, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0137, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0138, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0139, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0140, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0141, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0142, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0143, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(s0144, 1, {alpha:0, ease:Quad.easeInOut}), new TweenLite(line02, 1, {alpha:0, ease:Quad.easeInOut})], 0, TweenAlign.START, 0.1);
  13. Hi Carl, I didn't supply the .fla only because it's in the brandie new Adobe Animate... This here is the code. I am having a tough time figuring out how this would work with what you have here. My way of going about things is more "longhand", since I'm kind of a sucky coder... also here is the fla if you have the latest version of animate https://www.dropbox.com/s/5w9gq3k2hja3a2j/NICmap-540-0203.fla.zip?dl=0 import com.greensock.*; import com.greensock.easing.*; import com.greensock.plugins.*; import flash.events.MouseEvent; import flash.ui.Mouse; btn_northeast.buttonMode = true; btn_northeast.useHandCursor = true; btn_northeast.buttonMode = true; btn_northeast.useHandCursor = true; btn_east.buttonMode = true; btn_east.useHandCursor = true; btn_east.buttonMode = true; btn_east.useHandCursor = true; btn_central.buttonMode = true; btn_central.useHandCursor = true; btn_central.buttonMode = true; btn_central.useHandCursor = true; btn_west.buttonMode = true; btn_west.useHandCursor = true; btn_west.buttonMode = true; btn_west.useHandCursor = true; var introClips:Array = [btn_northeast, btn_east, btn_central, btn_west, neDesc, eastDesc, centralDesc, westDesc, dotsNEover, dotsEastOver, dotsCentralOver, dotsWestOver, over_NE, over_east, over_central, over_west, txt_click, dotsNEoff, dotsEastOff, dotsCentralOff, dotsWestOff]; TweenMax.allTo(introClips, 0, {alpha:0}); //main Intro begin =========================================================================================================; var mainIntroIn:TimelineLite = new TimelineLite({repeat:0}); mainIntroIn.appendMultiple([new TweenLite(over_NE, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(over_east, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(over_central, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(over_west, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(border, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(btn_west, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(btn_central, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(btn_east, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(btn_northeast, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(dotsWestOff, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(dotsCentralOff, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(dotsEastOff, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(dotsNEoff, 1, {alpha:1, ease:Quad.easeInOut}), new TweenLite(txt_click, 1, {alpha:1, ease:Quad.easeInOut})], 0, TweenAlign.START, 0.1); //main Intro end ========================================================================================================= //Button01 begin ========================================================================================================= btn_northeast.addEventListener(MouseEvent.ROLL_OVER, fl_MouseOverHandler01); function fl_MouseOverHandler01(event:MouseEvent):void { TweenMax.to(over_NE, 2, {alpha:1, ease:Expo.easeOut}); TweenMax.to(dotsNEover, 1, {alpha:1, ease:Expo.easeOut}); TweenMax.to(over_east, 2, {alpha:0, ease:Expo.easeOut}); TweenMax.to(over_central, 2, {alpha:0, ease:Expo.easeOut}); TweenMax.to(over_west, 2, {alpha:0, ease:Expo.easeOut}); } btn_northeast.addEventListener(MouseEvent.ROLL_OUT, fl_MouseOutHandler01); function fl_MouseOutHandler01(event:MouseEvent):void { TweenMax.to(over_NE, 1, {alpha:0, ease:Quad.easeInOut}); TweenMax.to(dotsNEover, 1, {alpha:0, ease:Quad.easeInOut}); } btn_northeast.addEventListener(MouseEvent.CLICK, fl_showDescription01); function fl_showDescription01(event:MouseEvent):void { TweenMax.to(neDesc, 1, {alpha:1, ease:Quad.easeInOut}); TweenMax.to(eastDesc, 1, {alpha:0, ease:Quad.easeInOut}); TweenMax.to(centralDesc, 1, {alpha:0, ease:Quad.easeInOut}); TweenMax.to(westDesc, 1, {alpha:0, ease:Quad.easeInOut}); } //Button01 end ========================================================================================================= //Button02 begin ========================================================================================================= btn_east.addEventListener(MouseEvent.ROLL_OVER, fl_MouseOverHandler02); function fl_MouseOverHandler02(event:MouseEvent):void { TweenMax.to(over_east, 2, {alpha:1, ease:Expo.easeOut}); TweenMax.to(dotsEastOver, 1, {alpha:1, ease:Expo.easeOut}); TweenMax.to(over_west, 2, {alpha:0, ease:Expo.easeOut}); TweenMax.to(over_central, 2, {alpha:0, ease:Expo.easeOut}); TweenMax.to(over_NE, 2, {alpha:0, ease:Expo.easeOut}); } btn_east.addEventListener(MouseEvent.ROLL_OUT, fl_MouseOutHandler02); function fl_MouseOutHandler02(event:MouseEvent):void { TweenMax.to(over_east, 1, {alpha:0, ease:Quad.easeInOut}); TweenMax.to(dotsEastOver, 1, {alpha:0, ease:Quad.easeInOut}); } btn_east.addEventListener(MouseEvent.CLICK, fl_showDescription02); function fl_showDescription02(event:MouseEvent):void { TweenMax.to(neDesc, 1, {alpha:0, ease:Quad.easeInOut}); TweenMax.to(eastDesc, 1, {alpha:1, ease:Quad.easeInOut}); TweenMax.to(centralDesc, 1, {alpha:0, ease:Quad.easeInOut}); TweenMax.to(westDesc, 1, {alpha:0, ease:Quad.easeInOut}); } //Button02 end ========================================================================================================= //Button03 begin ========================================================================================================= btn_central.addEventListener(MouseEvent.ROLL_OVER, fl_MouseOverHandler03); function fl_MouseOverHandler03(event:MouseEvent):void { TweenMax.to(over_central, 2, {alpha:1, ease:Expo.easeOut}); TweenMax.to(dotsCentralOver, 1, {alpha:1, ease:Expo.easeOut}); TweenMax.to(over_east, 2, {alpha:0, ease:Expo.easeOut}); TweenMax.to(over_west, 2, {alpha:0, ease:Expo.easeOut}); TweenMax.to(over_NE, 2, {alpha:0, ease:Expo.easeOut}); } btn_central.addEventListener(MouseEvent.ROLL_OUT, fl_MouseOutHandler03); function fl_MouseOutHandler03(event:MouseEvent):void { TweenMax.to(over_central, 1, {alpha:0, ease:Quad.easeInOut}); TweenMax.to(dotsCentralOver, 1, {alpha:0, ease:Quad.easeInOut}); } btn_central.addEventListener(MouseEvent.CLICK, fl_showDescription03); function fl_showDescription03(event:MouseEvent):void { TweenMax.to(neDesc, 1, {alpha:0, ease:Quad.easeInOut}); TweenMax.to(eastDesc, 1, {alpha:0, ease:Quad.easeInOut}); TweenMax.to(centralDesc, 1, {alpha:1, ease:Quad.easeInOut}); TweenMax.to(westDesc, 1, {alpha:0, ease:Quad.easeInOut}); } //Button03 end ========================================================================================================= //Button04 begin ========================================================================================================= btn_west.addEventListener(MouseEvent.ROLL_OVER, fl_MouseOverHandler04); function fl_MouseOverHandler04(event:MouseEvent):void { TweenMax.to(over_west, 2, {alpha:1, ease:Expo.easeOut}); TweenMax.to(dotsWestOver, 1, {alpha:1, ease:Expo.easeOut}); TweenMax.to(over_east, 2, {alpha:0, ease:Expo.easeOut}); TweenMax.to(over_central, 2, {alpha:0, ease:Expo.easeOut}); TweenMax.to(over_NE, 2, {alpha:0, ease:Expo.easeOut}); } btn_west.addEventListener(MouseEvent.ROLL_OUT, fl_MouseOutHandler04); function fl_MouseOutHandler04(event:MouseEvent):void { TweenMax.to(over_west, 1, {alpha:0, ease:Quad.easeInOut}); TweenMax.to(dotsWestOver, 1, {alpha:0, ease:Quad.easeInOut}); } btn_west.addEventListener(MouseEvent.CLICK, fl_showDescription04); function fl_showDescription04(event:MouseEvent):void { TweenMax.to(neDesc, 1, {alpha:0, ease:Quad.easeInOut}); TweenMax.to(eastDesc, 1, {alpha:0, ease:Quad.easeInOut}); TweenMax.to(centralDesc, 1, {alpha:0, ease:Quad.easeInOut}); TweenMax.to(westDesc, 1, {alpha:1, ease:Quad.easeInOut}); } //Button04 end ========================================================================================================= stop();
  14. yes, so let's say no mouse move or click within the flash stage, after 5 secons, the animation would reset. this map basically goes gray. I would like it to do back to it's original state after a certain amount of time: https://www.dropbox.com/s/6og9b8w20lotcu5/NICmap540.zip?dl=0 Thanks!
  15. Hi, Maybe I'm not searching for the right term, but I want my animation to restart after nothing has happened after a period of time. Is this called something, or is it something that's possible? I'm really not even sure what to search for. Thanks- Dave
  16. Hi Shaun, Let me know if you think your solution will work with the files supplied. I truly appreciate your time!!! as mentioned, I'm willing to compensate for your time. Thank You!! Dave
  17. that's the general concept. It should hang on each for about 4 seconds and transition for about 1 second... but if you click on one of the nav items, then it should stop and stay for maybe 30 seconds. When I tried deconstructing your files though, my buttons covered up the main image and I couldn't figure out how to move that. I think I saw a tag of absolute but there was no value? This may make it easier: Here are the image files for the project, along with the current behavior that Dreamweaver offers. I know it's clunky, but it works. Just a note ahead that i'll probably put all this in an iFrame. Thank you so much for your help. I really do appreciate it, and can learn from your file. This should be a great jump start for me, and porting over to https://www.dropbox.com/s/7sym6ddb3d4joln/newHome.zip?dl=0 Here's one I did using Greensock for Flash... basically the same behavior that I'm trying to replicate http://taylorimaging.com/clientArea/MIC_FL_eCLIQ_BOP/
  18. that would be amazing, and I could even send you these files, and if you have paypal, I'd gladly compensate you... I can't seemt to wrap my head around this concept, and can't seem to port my knowledge from flash to the new mobile-friendly style.
  19. ok, so I've tried for hours to get this to work and nothing seems to add up for me. Plus I don't write javascript, so this is super tough. I've posted the actual behavior using iFrames and the built in show/hide from Dreamweaver. I need those images to fade on hover, and then onclick, the image to the right would fade in instead of calling a url. All stuff I could do in Flash. In addition to that, when the viewer is not actually rolling over anything, this would automatically go to the next image after a few seconds. i'm thinking that I might actually be able to use GS for flash, and have this export? Dave
  20. oh man... sorry about that.. I was more referring to the years on the right. Actually this whole thing is graphics, and I'm also going to want to do some sort of fade in/out, but I'm assuming I can figure that one out on my own. What is handlerIn? I don't recognize that from the flash version? Thanks!! Dave
  21. Shaun-in regards to that last one, I see that you are using li tags... what about images? Dave
  22. These are great... thank you so much! I'll report back and show the results. Dave
  23. Hi, I need to create an interface. I used to do this using flash greensock, but i need to do this now in js. I can't seem to find any examples, and I'm not quite hitting the mark on creating it. sort of an idea is like this: https://www.omgeo.com/timeline you roll over the buttons on the side and fade back and forth BUT I also need to add something in that's in a timeline so that they rest on one state, then go to the next after about 6 seconds. it's something that can be done in Flash, but I can't seem to figure it out in the .js version. is this possible? Are there samples? trying to swap between the attached images. I want it to rotate between the images if the view doesn't do anything I've got a canned version that I used WOW slider for, but it's so generic, and the client wants the user to be able to actually roll over the names http://www.taylorimaging.com/clientArea/SBChomepage/ Thanks!!! Dave
  24. Solved.... I copied and pasted everything in to a new file and it worked. I guess there's some bug in Flash that holds on to old crap somehow, because this did used to be a timeline animation prior to me giving up on that and using GSAP.
×
×
  • Create New...