Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by Sweetj77

  1. Hello,


    I love your products and everything Greensock stands for.  Your products are top-notch, and the customer service is as good as the Kinko's customer service is bad. GreenSock customer service is like "Bizzaro Kinko's Customer Service."  


    In other works:


    GreenSock - "Totes Awesome Sauce"


    Kinko's - "The Hangover 2 & Indiana Jones 4, kind of awful"



    I am trying to come up with the most efficient and "zazzy-licious" way to put in the background of one of my website page, the scrolling code that you see on computer screens in the background of movies and tv shows.


    I'm not sure if I want just pure binary (1's and 0's) or letters and numbers.


    I figured that I would find about 500 ka-trillion Google results showing different ways of doing this in various languages, but alas, I didn't really find much of anything.


    I'm using the Greensock Javascript libraries (v.12) and the latest version of Raphael.Js. 


    I don't really need anyone to show me how to do this, by providing a working example (at least, not yet). I'm really looking for a broad outline of the steps I would need to take to accomplish this task in the most code efficient and least taxing burden on the browser way possible.



    Any help would be greatly appreciated.




    Sweet J

  2. Hello,


    I love your product and think it's intuitive and powerful. I am working with the CSS Transforms and I am working with the bottom example under the section:



    example at:




    with the code:


    TweenMax.to(box2, 3, {css:{rotationY:360, transformOrigin:"left 50% -200"}})

    It works fine for that one square, but I am trying to figure out how to space items evenly around the "imaginary sphere" that the cube is rotating around.I tried putting both a delay of like .15 on the second cube. That kinda-sorta worked. I also tried putting a little bit of a margin on the second cube, that quasi worked but seems to offset the rotation of the imaginary sphere.


    Putting them both in one container div, just rotated them both the same instead of individually. Attached is a zip file of what I'm working with and if the attachment doesn't work, the live version is at:






    Any help would be greatly appreciated:




  3. Carl,


    Thank you so much for posting those downloads. For some reason, when I open the html file for all the examples in my browser, the graphics are there but the progress slide bar isn't there and the animation doesn't work. I noticed you referenced jquery in the examples.


    Is it absolutely necessary, to use jQuery to make these transitions work. The reason I ask is that I don't know jQuery and would prefer to do var varName = document.GetElementById('DivIdVariableNameHere') instead. Do you have any idea what I'm doing wrong?


    Thanks, J

  4. Hello,


    I love GreenSock, it's a phenomenal product. I am a Flash Developer migrating to HTML, Canvas, CSS, and Javascript web designing. The Javascript versions are excellent.


    The one challenge I am having is trying to make the CSS 3D Transformations work. I looked at the demos of how powerful these transformations can be at:






    and the "CssPlugin" section of your documentation at:




    But, unfortunately I see a whole lot of small snippets of code (i.e. the trailer for a really awesome movie that I can't wait to see), but I would really like to see the whole html page with the css and javascript included (i.e. the whole "unrated, director's cut with alternate endings and commentary.")


    After searching through the GreenSock forums I found this link that the great Carl Schooff posted some downloadable examples of CSS Transformations:





    What I'm trying to say, is I would really appreciate it, if it were a little easier to figure out how to use these powerful tools to the most.


    Thanks, for viewing & best wishes,


  5. Hello,


    I've been working with the Javascript version of GreenSock v 12, EaselJs, and the Canvas element. I know that the Actionscript version of Greensock has a CircluarPath2D or something something like that, but I've searched Google and the Greensock forums and cannot find a way of actual animate the drawing of a shape like in Flash.


    I've seen tons of examples on "Transforming" shapes, and the drawing of shapes and then put them on the screen, but not any actual on-screen animated drawing of a shape/bezier. I also, looked into svg, but did not see an option there.


    Is it possible to do this without using masks? If so, please provide a very simple example or send me a link to how to do this


    Thanks for viewing, any help will be greatly appreciated.