Difficulty getting GSAP Starter pens to fork on codepen

[BennyTuner]

Hi guys

I have a fun animation I'm trying to put on codepen

It works fine on my website https://www.bennysutton.com/rockstar.html

I tried the GSAP starter pens but both crap out due to CORS warnings

Loading failed for the <script> with source “https://srv.buysellads.com/ads/CKYDVK7U.json?callback=customJSONPCallback”.

and errors

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://cdn.speedcurve.com/js/lux.js?id=410041. (Reason: CORS request did not succeed).

 

 

I only need jquery, gsap main and draggable - how would I create my own starter pen?

 

 

See the Pen OJprjOq by bennysutton (@bennysutton) on CodePen

[BennyTuner]

The pen above has a reference error (gsap not defined)

try this one

See the Pen KKWbqEY by bennysutton (@bennysutton) on CodePen

it does at least drag drop

it is based on

See the Pen aYYOdN by GreenSock (@GreenSock) on CodePen

[Cassie]

You need to add the correct resources in the resources panel in your pen settings. You were using GSAP, but loading tweenMax. You also didn't have jQuery loaded.

You can type the name of the library you need in the search or paste in CDN links.

Here you go - this one's got what you need.

See the Pen zYZypdN?editors=1111 by GreenSock (@GreenSock) on CodePen

I don't know what this is but it's definitely nothing to do with GreenSock!

2 hours ago, BennyTuner said:

Loading failed for the <script> with source “https://srv.buysellads.com/ads/CKYDVK7U.json?callback=customJSONPCallback”.

and errors

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://cdn.speedcurve.com/js/lux.js?id=410041. (Reason: CORS request did not succeed).

 

[BennyTuner]

Thanks Cassie

Yes, a codepen issue on all counts - probably codepen trying to monetise with buysellads being stopped (rightly) by CORS

I now know to add resources from scratch rather than fork the GSAP starter pen - less confusing!