• Content count

  • Joined

  • Last visited

Community Reputation

63 Contributor

About WarenGonzaga

  • Rank
    Front End Developer
  • Birthday 07/26/1997

Contact Methods

Profile Information

  • Gender
  • Location
    Manila, Philippines

Recent Profile Visitors

2,941 profile views
  1. WarenGonzaga

    CSSRulePlugin doesn't work with TimelineMax

    Hello buddy! It should work! As per @Sahil said... you can use TweenMax alone with CSSRulePlugin....
  2. WarenGonzaga

    Revealing a background

    Anyway, you can follow @Jonathan suggestion...
  3. WarenGonzaga

    Revealing a background

    Hello @Stagnax Here's my solution... What I've done is I made an extra layer of black in the background of your rotating elements. div#black { background: black; position: absolute; height:100vh; width: 100vw; } and then add z-index to your row so it will be in the top of the whole show... div#row { z-index: 100; } and here's how I setup the whole show... window.onload = init; function init() { var canvas = document.getElementsByClassName('rot'); canvas.width=window.innerWidth; canvas.height=window.innerHeight; TweenMax.set("#black", {opacity: 0, onComplete: animation}); } function animation() { TweenMax.to("#row", 3, {rotation:-90, onComplete: revealBlackBG}); } function revealBlackBG() { TweenMax.to("#black", 1, {opacity: 1, ease:Linear.easeIn}); } I hide first the black layer and then after the animation done you eventually show it at the end... Let me know if it is really helpful...
  4. WarenGonzaga

    Revealing a background

    @Stagnax let me fork your work and I'll show you!
  5. WarenGonzaga

    Revealing a background

    What if... set first the default color of the background and tween it with black after the tween animation done. If you don't understand, what I mean is set it first as white background and don't set it on the css make it on the javascript. After the animation has been done then put a trigger to call the tween for the black background to appear. Doest it make sense?
  6. WarenGonzaga

    GIF banners

    This is super awesome thanks for this software...
  7. I'm back here to contribute again... :)

  8. WarenGonzaga

    GIF banners

    I would suggest to screen record the whole animation. After that the video convert it to gif. I would suggest some free GIF converter. https://ezgif.com/video-to-gif I am doing this when I am creating gif as a preview of my banner animation.
  9. WarenGonzaga

    Animating waves with GSAP

    This is super awesome work.... I like it... much help...
  10. Going back to GSAP Community.

  11. Hello I'm back! I am almost 2 years here on contributing to forum. I really love to help other users out there on using GreenSock Animation Platform. I shifted to WordPress a months ago. I would like to apply my knowledge in GSAP to WordPress to make awesome stunning websites. Alright!
  12. WarenGonzaga

    Can we create a basic retro game using GSAP?

    Alright! Very nice game you have developed with GSAP. I know the feeling creating game using GSAP. Here's my basic usage of GSAP with my little tank.
  13. WarenGonzaga

    Open a link after tweening

    Hi there, Carl is right! You can use onComplete to call another function or use it as your link opener. refer to my codepen just for you! Hope it helps! Thanks!
  14. WarenGonzaga

    GreenSock Cheat Sheet

    Thanks man! I really appreciate your effort!
  15. WarenGonzaga

    Can we create a basic retro game using GSAP?

    Hello, I would like to know if we can create a retro game using GSAP? Is it really possible for beginners to create their own basic game using GSAP? Even without physics in the game just to control the character only. Or even control a snake in the snake game. Anyone tried to create a game using GSAP? Can you please share it?