Jump to content


  • Posts

  • Joined

  • Last visited

About B2rana

  • Birthday 07/13/1982

Profile Information

  • Gender
  • Location

Recent Profile Visitors

2,924 profile views

B2rana's Achievements



  1. Hi @Carl, I did not find any issue in Chrome and Safari...D
  2. 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
  3. Thanks Carl, for these great tips... One more question is can we maintain same level of smooth animation in IE7 & IE8 without any jerk?
  4. 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/
  5. @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.
  6. 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
  7. 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/
  8. Hey, you can use RaphaelJS with TweenMax to convert text color.
  9. 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?
  10. 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