Jump to content
Search Community

Google Web Designer, GSAP not loading on page

Lujan30 test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi,

I'm making an html page with GWD with an animated header using GSAP. When I run my Preview on GWD everything loads fine. But when I upload to the server, the animation jumps to the final frame or sometimes executes part of the animation.

 

When uploading to the server tried both Inline and not Inline the local files (.js, .css) on the html.

And loading the GSAP from the cloud 

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.0/TweenMax.min.js"></script>

 

I'm a flash developer, not an expert on HMTL. Would like to learn GWD for banners ads and eventually for my own html files, trying some tools of the GS club but I'm not sure how compatible is GSAP with GWD. *I loved to use GSAP in my Flash banners.

 

Any thoughts will be greatly appreciated. Thank you!

 

Lujan

 

 

 

 

 

See the Pen XJOydd by Lujan30 (@Lujan30) on CodePen

Link to comment
Share on other sites

First of all, welcome! Lots of Flash developers find themselves in a similar spot, making their way into the HTML5 world. Don't worry - you're gonna love it once you get comfortable.

 

And yes, GSAP is pretty much compatible with anything as far as I know. It's just JavaScript. Unlike some other frameworks, it doesn't force you to build your stuff in a very specific way - it just sits on the JavaScript layer and you issue commands to animate properties of whatever you want, and it jumps into action. I cannot imagine how GWD could be incompatible unless GWD itself is doing something really funky, but I highly doubt that.

 

It's pretty tough to diagnose blind, so would you be able to zip a set of files and upload them or create a sample codepen or something? It'd be super helpful in trying to help you. Even if you just want to link us to the broken URL where things are jumping to the end or whatever. We'd love to help, but we need a little more to go on :)

  • Like 2
Link to comment
Share on other sites

Hi Jack,

Thank you so much for your response!

I'm attaching 2 GWD zip files along with the screen shots on how this was published. 

These are the urls that the animations are not working:

 

Ad environment ( Zip file attached: GoatSheepRam-Ad)

http://10raven.com/goatsheepram

 

Standard HTML (Zip file: Html-page)

http://10raven.com/goatsheepram/page/

 

And just in case I'm adding an animation made with only GWD

http://10raven.com/goatsheepram/stamp/

 

I noticed GWD generates a lot of coding which I wasn't able to translate into the CodePen. I made a very basic one of what I want to achieve on my banner, it is very simple (almost embarrassing  :? ) here: 

 

Overall I would like to know what I'm doing wrong in GWD working with GSAP since I can't see my animation on the server (only on the Preview).

 

Thanks a lot!

 

Lujan

GoatSheepRam-Ad.zip

post-34903-0-55544400-1427324828_thumb.png

Link to comment
Share on other sites

Hi Diaco.AW

Oooh! THANK YOU! ! Yes! 

 

Now I'm not sure about the Google Ad why is not working. I then suspect that this is only going to show if I upload to their Doubleclick studio server?

 

Thanks a lot for the help, already feeling excited making my way into HTML5 :)

 

Lujan

Link to comment
Share on other sites

  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...