forge451@gmail.com
forge451@gmail.com's Achievements
-
Rare
-
Rare
-
Rare
-
Rare
-
Recent Badges
4
Reputation
-
That was it. Thanks!
-
I'd love to, but even using codepen starts too far into the process. This is my entire code so far. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>GSAP Flip Plugin</title> <script src="../js/gsap/minified/gsap.min.js"></script> <script src="../js/gsap/minified/Flip.min.js"></script> </head> <body> </body> </html> I just downloaded the most recent version of the GSAP zip yesterday (I'm a ShockinglyGreen member) and was starting to try the FLIP plugin for the first time (using the first codepen in the docs as an example), but got the previously listed error, even with only this as my code. gsap.version says 3.8.0 Side note: I tried using the UMD versions of both files, and I tried with the CDN version of the core code and both minified and UMD versions of the Flip file. I also tried it through a local web server and just local files, just for the heck of it.
-
I am getting an error from the Flip.min.js file before I even register the plugin. <script src="../js/gsap/minified/gsap.min.js"></script> <script src="../js/gsap/minified/Flip.min.js"></script> And here's what I get in the console... Flip.min.js:10 Uncaught TypeError: Cannot read properties of null (reading 'appendChild') at o (Flip.min.js:10) at Function.register (Flip.min.js:10) at _createPlugin (gsap.min.js:10) at gsap.min.js:10 at Array.forEach (<anonymous>) at Object.registerPlugin (gsap.min.js:10) at Flip.min.js:10 at Flip.min.js:10
-
The CDN links on the v3 docs homepage, are broken, and giving 404 errors. For example, the main gsap link goes to... https://cdnjs.cloudflare.com/ajax/libs/gsap/3.0.1-beta.10/gsap.min.js There are several more that do this, but I did not test them all.
-
Yeah! I'm not insane. I'll move my script:src to the bottom for the time being. Thanks Zach and Jack!
-
Here's a simple example... http://www.richhumphreys.com/demos/GSAP/devtools-test.html
-
I checked out the new beta. Now when the playhead reaches the end of the timeline, the playhead stays at the end, but the object being animated jumps back to the initial position. The rewind takes the playhead back to the beginning, and works as expected, but whenever the playhead gets to the end, the target goes back to the start. ... and I still cannot drag either the playhead or the in/out markers. Has anyone else experienced this with the downloaded copy?
-
This is strange. I tried Chrome (with all extensions off), Firefox, and Edge. Still the same problem. I tried re-downloading the files, making sure I was not using v2 or the v3 betas. I tried with just local files, as well as on a local server. (just checking off boxes). I tried removing all code links in your pen, except gsap.min.js and GSDevTools3.min.js to make sure there were not any dependencies I had not included. In the codepen you made, the dragging works on the playhead and both in and out markers (in all my browsers), but there is still another glitch I had not noticed before. Once you reach the end of the timeline, if you try to use the rewind button, playing from the start fails. It jumps right to the end. Dragging the playhead to the start allows you to replay, but not the rewind button. This behavior is the similar if you move the in/out markers. If you move the out marker, the playhead makes the same "jump to end" behavior; but if you move the in marker even the smallest amount, the timeline works as it is supposed to. Side note: The javascript in the codepens, in the v3 documentation, is still using v2 code.
-
The instance of GSDevTools ver 3 is not letting me drag the "in marker", "playhead" or "out marker". GSDevTools.min.js:1 Uncaught TypeError: Cannot read property 'scrollLeft' of null at va (GSDevTools.min.js:1) at HTMLDocument.onMove (GSDevTools.min.js:1) I double checked the GSDevTools version: "3.0.0", and the gsap version: "3.0.1" I would put up a codepen, but GSAP3 is not listed there yet. This is my total test code... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>devtools test</title> <script src="gsap-shockingly-green/minified/gsap.min.js"></script> <script src="gsap-shockingly-green/minified/GSDevTools.min.js"></script> </head> <body> <img class="explosion" src="img/fire_explosion10.png" alt=""> <script> gsap.to(".explosion", { x: 300, duration: 5 }); GSDevTools.create(); </script> </body></html>
