-
Posts
127 -
Joined
-
Last visited
About WarenGonzaga
- Birthday 07/26/1997
Contact Methods
- Personal Website
Profile Information
-
Gender
Male
-
Location
Manila, Philippines
Recent Profile Visitors
6,048 profile views
WarenGonzaga's Achievements
65
Reputation
2
Community Answers
-
Looking for overall performance optimization
WarenGonzaga replied to kylemichel's topic in Jobs & Freelance
Is this still open? Email: dev(at)warengonzaga.com Regards, Waren -
I love it jack! Thanks for sharing!
- 6 replies
-
- 1
-
-
- greensock
- timelinemax
-
(and 1 more)
Tagged with:
-
WarenGonzaga changed their profile photo
-
Amazing answer! This topic is for SEO purposes so anyone with a common question like this will be informed!
- 6 replies
-
- greensock
- timelinemax
-
(and 1 more)
Tagged with:
-
So it is possible to do a Timeline syntax while using TweenMax?
- 6 replies
-
- greensock
- timelinemax
-
(and 1 more)
Tagged with:
-
Hello there, I would like to know and clarify if the TimelineMax is already inside of TweenMax? I just created this topic so it will be useful for someone that wants to know if TimelineMax is included on TweenMax file. For any answer will be appreciated!
- 6 replies
-
- greensock
- timelinemax
-
(and 1 more)
Tagged with:
-
We are hiring talented banner animators
WarenGonzaga replied to volcanoflash's topic in Jobs & Freelance
Alright, I want a freelance job like this I miss this kind of work... -
Hello buddy! It should work! As per @Sahil said... you can use TweenMax alone with CSSRulePlugin....
-
Anyway, you can follow @Jonathan suggestion...
-
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...
-
@Stagnax let me fork your work and I'll show you!
-
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?
-
This is super awesome thanks for this software...
-
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.