Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by SoL2Squiz

  1. Hi, I'm a supernoob and after looking at your sample, I think I need a more coffee hehehehehe! I'm blown away Thanks
  2. Hi, Thanks for the info on "Quick-add" option for the CDN. That made a lot of sense. About the jpeg, yes you were right, in my final version, I used PNG format for each frame. Thank you
  3. Hello, I am trying to do this Sprite Animation but cannot seem to figure out what's wrong with my code. I've going back and forth on my image file, checking the sizes and all and etc but I cannot seem to find why it's not working as it should be. Would be glad to get some help around. Thanks
  4. I wanted to start another animation after the first animation is finished. that's why I tried to remove all the extra codes to see how the basic works
  5. I have another question, I removed this code block below function timeScale(X) { TweenLite.to([sprite01], 1, { timeScale: X }); }; and the animation still goes one; i thought the function calls the variable?
  6. Hi @Diaco @Jonathan, Thank you responding to my post. I was to realize my mistake now. However, if have one last question about the sequence. How will I add another "sprite animation" in the same page that will load after the first animation is finished?
  7. so I just did not load the TweenMax? what is wrong with the code itself? I cannot seem to see what's the difference. NOOB mistake!!! LOL
  8. Hello Guys, I am trying to understand how SPRITE ANIMATION works using GSAP and found this example which is exactly what I have in mind. http://codepen.io/MAW/pen/MYdwRP Now, I tried to simplify the whole code by removing those that I don't need. (My only purpose was to PLAY a simple animation for my project). But for some reason, I screwed things up. I do not know what happened after this....... http://codepen.io/BUroKHUli/pen/WwEmbY Thank you!!
  9. Hi, When I was still working with FLASH, it's so easy to HIDE/UNHIDE assets using masking. This way, I can declare a certain dimension of stage wherein only that area will I be able to show the animation. In GSAP, is there a way to like mask images? E.G.: my working stage is only set to 500px by 500px, anything outside that dimension will be hidden? Thanks
  10. Hi guys, This is my first attempt on animation using GSAC (basically, I just repeated what the video had) I have a question about starting an element opacity from 0 visibility to 1 at the start of animation. I know I can do a "TweenMax.from" but I wanted to use "TweenMax.to" instead. Thanks
  11. thank you so much!!! that was a NOOB MISTAKE but thank you!!!
  12. in my "main.js" file, it says this: invalid character '\u8220' the think is, i created the "main.js" file using Dreamweaver 6, is this an issue?
  13. Hi, I'm not sure where it went wrong but I still cannot make the graphic move/tween. @carl Here's the zip file of my file. greensock-js 2.zip
  14. Thank you for replying to my post. I'll take another look at this and see if it works.
  15. Hi guys, I used to do basic linear (non-programming) animation in flash and bumped into GreenSock 2 days ago. I am seriously thinking of learning this form of animation but I'm having difficulty starting, mainly because I have no background in programming whatsoever. Situation: I saw the video and tried to duplicate what was said there but I immediately got hit by an error in my MAIN.JS (which I created from scratch using DREAMWEAVER) is this not right? I cannot move on from there and cannot figure out what's wrong with my file. I attached a screenshot of how I structured my files in one folder and for your reference my "index.htm" code is down below. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>My First GreenSock Animation</title> </head> <body> <div> <img class="logo" src="imgs/bubble-crystalclear.png" /> </div> <!--CDN links for TweenLite, CSSPlugin, and EasePack--> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js"></script> <script src="js/main.js"></script> </body> </html> Thank you!