Jump to content


  • Posts

  • Joined

  • Last visited


1 Newbie

About reggiegulle

  • Birthday 05/13/1976

Contact Methods

Profile Information

  • Gender
  • Location
  1. Hello, Thanks for the pointers! Keep up the good work! :)
  2. Hello Rodrigo, I am very much grateful for your feedback. You pretty much confirmed my previously growing -- and now just about confirmed -- suspicion that the structure of the timeline, as it now stands, has a certain degree of complexity to it that I myself couldn't initially appreciate, and that using object arrays would not necessarily be the cut-and-dried manner of optimizing it . Perhaps the object array technique might be applicable somehow, but it's probably not something that would promptly come to mind. Nesting timelines might certainly be better and quicker . Thank you very much for your suggestions! I will try the technique you provided and I'll make some tweaks whenever necessary. I also want to thank you for pointing out to me GSAP's special syntax for CSS transforms. If it's not going to be any trouble, can you point me to either a link, or a portion of the GSAP documentation -- or perhaps a forum post -- where I can read more in-depth information about the GSAP syntax for CSS transforms? I will also do my own browsing, but any help, as always, will be greatly appreciated. Cheers!
  3. Hello everyone! Here is the link to my codepen: http://codepen.io/reggiegulle/pen/zCHyn As my code stands, it is fairly straightforward, and it does manage to accomplish what it was meant to do. It's just one basic timeline with buttons and all the following functions are grouped at the bottom of the code, like so: $("#debeersTopPanel").on("click", function(){ debeers.tweenFromTo("ringFadeIn","ringPause"); }); function ringBack(){ $("#BackButton1").on("click", function(){ debeers.tweenFromTo("ringFadeOut","ringToStart"); }); } $("#debeersBottomPanel").click(function(){ debeers.tweenFromTo("pendantFadeIn","pendantPause"); }); function pendantBack(){ $("#BackButton2").on("click", function(){ debeers.tweenFromTo("pendantFadeOut","pendantToStart"); }); } function debeersResume(){ debeers.play(0); I am fairly new at JavaScript, and so I am seeking some help on whether the code above can still become more elegant. The events on the timeline are mostly repetitive; could these repetitions be turned into iterations? I am still trying to get a better idea of objects and object arrays, and so I am not too sure whether those principles can apply to my codepen, or if other entirely different processes may be applicable. It's just that there may be a chance that more items will be added to my present drop down menu, and so any method of streamlining the coding (if there is any) would be very useful. I would appreciate any help. Thank you very much in advance! (Note: I mostly specialize in video, so if anyone has any questions about it, I would not hesitate to help out as much as I can)