B2rana
Recent Profile Visitors
2,959 profile views
B2rana's Achievements
4
Reputation
-
Thanks @GreenSock for your tips...D
-
Hi @Carl, I did not find any issue in Chrome and Safari...D
-
Another wonderful tutorial by Carl. You can find flash version here http://www.snorkl.tv...or-forward-out/ This tutorial cover advance timeline animation and good start for a beginners, so that why I have chosen this tutorial and decide to convert it into JS version. Download JS version : http://02cbcf1.netso...ut-finished.zip I think you peoples like this. In this JS version, few animations are missing like text rotation. You can find that difference in Flash & JS version. I am completely unable to understand how to manage rotationX property in JS. Can you guys help me in this issue? You can find fonts embed in this JS version here http://www.typograph...ctLineID=100013 Thanks, B2rana
-
Thanks Carl, for these great tips... One more question is can we maintain same level of smooth animation in IE7 & IE8 without any jerk?
-
I have converted Flash banner created by @carl schooff into JS version. I think you peoples like this [ http://02cbcf1.netso...demos/zoomFade/ ]. I have a question, is there is any solution to reduce HTML file size? Because HTML file size in this demo is 560.6 KB (including all files such as html, js & images) but in Flash version, SWF size is 131 KB. Once again thanks @carl schooff for wonderful tutorials. You can find @carl schooff's Flash version here http://www.snorkl.tv...-and-tweenlite/ -
@GreenSock, I have uploaded a screenshot on my server and here is the link http://www.envigo.co.uk/demos/screen-shot1.png. You can see clearly the blank screen when you switch tabs for a while and come back.
-
Hey guys, I have found my solution here http://forums.greens...1954#entry21954 Using this code [ TweenLite.ticker.useRAF(false); ], my animation is working fine. Thanks @Greensock
-
Here is the simple example: <html> <head> <script type="text/javascript" src="js/greensock/plugins/RaphaelPlugin.min.js"></script> <script type="text/javascript" src="js/greensock/TweenMax.min.js"></script> <script type="text/javascript" src="js/raphael-min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script> $(document).ready(function(){ var paper = Raphael('canvas', 400, 500); var text = paper.text(50, 100, 'Some text goes here'); text.attr({'font-size': 30, 'font-weight': 'bold', 'text-anchor':'start', 'fill':'#ff0000', 'font-family':'Trebuchet MS'}); TweenMax.to(text, 1, { raphael:{'fill':'#CCCCCC'}, delay:1 }); TweenMax.to(text, 1, { raphael:{'fill':'#00ff00'}, delay:2 }); }); </script> </head> <body> <div id="canvas"></div> </body> </html> You can also see this post http://forums.greensock.com/topic/6255-experiment-with-greensock-raphaeljs/
-
Hey, you can use RaphaelJS with TweenMax to convert text color.
-
Thanks Carl. I have an issue in this gallery, when I run this code in Firefox and leave this for 2-3 minutes. And come back on this it show some unexpected behaviour. Can you help me to resolve this issue?
-
Hi Guys, This is my first try to create Image gallery with JS. For this I have used jQuery, Greensock & RaphaelJs. I think you peoples like this. Any improvement in code, are welcome... Special thanks to GreenSock, carl schooff & Randall for their post/tutorials. B2rana imageGallery.zip
