Search the Community
Showing results for tags 'editor'.
Found 5 results
How to get GSAP Auto-completion and Hinting
GreenSock posted a blog post in Learning Center"What was that method name again?" "Is the 2nd parameter supposed to be a number or a boolean?" Even seasoned GSAP users need reminders with such a rich API. The GSAP cheatsheet is a big help, but auto-completion and code hinting right in your editor can really boost your productivity. Here's how: This is all made possible by TypeScript declaration files which describe the GSAP methods and properties that are available and the data types they expect. We recommend that you use Visual Studio Code (VS Code) or WebStorm as they were the easiest editors to get it working in of the editors that we tried. If you're using modules... It's super simple to get auto-completion and hinting working in a modules environment: Install GSAP (via npm, yarn, whatever). For more information about how to do that, check out the module installation video. Import GSAP into your file(s). For more information about how to do that, see the GSAP Install Helper. That's it! In editors that support TypeScript declarations auto-completion and hinting should work automatically. If you're using plain JS files... Enabling auto-completion and hinting with regular JS files (in editors that support it) takes a few more steps: Make sure you're logged into GreenSock.com. Download the GSAP ZIP file from the GreenSock homepage or your account dashboard. Open up the ZIP file. Open up the "npm-install-this" directory. Open up the .tgz file inside of that directory. Copy the /types directory. Paste the /types directory into your project's root directory. Create an empty jsconfig.json file in your project's root directory. This will cause your editor to look for TypeScript declaration files. Sometimes it's necessary to restart your editor before it starts working. That's it! In editors that support TypeScript declarations auto-completion and hinting should work at this point. Some editors may require that you add support for TypeScript through third party packages. For example there's a TypeScript package for Sublime and one for Atom. You may need to install an additional package like these to get auto-completion and hinting working with GSAP in your editor. That's why we recommend Visual Studio Code (VS Code) or WebStorm. Before GSAP 3, GSAP didn’t have official Typescript declaration files so people commonly used ones from DefinitelyTyped also known as @types. Now that GSAP 3 does have official Typescript declaration files, you should NOT use the @types declarations. They are old and will not work with GSAP 3. If you find errors in the Typescript declaration files, find that some method is missing, or doesn’t have a good description, please let us know! You can create a post in the GreenSock forums or you can create an issue on GitHub. As always, if you have questions feel free to post in our forums.
Embeddable CustomEase editor / visualizerHello! I was wondering if it's possible (or if it already exists) to embed the GSAP CustomEase visualizer onto another page (was thinking a chrome extension)? Or if its hosted by itself somewhere? I find it to be a bit of a hassle to always go to the https://greensock.com/ease-visualizer page. You have to wait for it to load etc. It would be nice if we could have the ease visualizer to play around with. Thank you!
Visual editor for GSAP (GSAP GUI)
HakanCelikMK1 posted a topic in GSAPHello everyone, I've just discovered the GSAP and I'm quite impressed with it's abilities. I intend to purchase a business license and integrate it into our product. We basically intend to create and display animated presentations. In our Web application (ASP.NET MVC, jQuery, EntityFramework, Metronic) I need to provide a GUI to enable the user to create a slideshow. Thus, I'm in search for a visual editor (for a fee and/or open source) which I can embed in my SPA. It shouldn't depend on more than HTML5/CSS3/JS and support for older browsers is a non-issue. I have the ability to not to support any Web browser older than 1-2 years. Checking the forum I've found the following : http://tweenui.com/animator : I don't know if the editor is licenseable or not. http://html5maker.com/app : Very nice, but based on Flash. Also, I've come across slider editors on codecanyon such as the following which use Green Sock. This is exactly what I'm looking for (Slider Revolution jQuery Visual Editor Addon): http://rsvisualeditor.themepunch.com/index.php?c=account&m=login Sadly it requires PHP and mySQL, which I don't want to provide. Also, Envato's pre-sales support leaves a lot to be desired. They still haven't responded to my licensing question for 4 days. If someone is considering to write or currently writing a good visual editor like the one above, even if not as full fledged, I really would like to hear about it. I appreciate your comments and suggestions. Thanks, Hakan.
animachine: GUI for GSAP
animachine posted a topic in GSAPHi GreenSock forum! I'd like to show you this alpha state editor tool for GSAP. It'd be great to know what you think about it (opinions, suggestions, feature requests, ...everything that could help to aim the development into the right direction:) Briefly, it puts traditional animation tools over your page so you can pick dom elements animate them on timeline then save the animations in a .js file what you can easily add to your project. Github: https://github.com/animachine/animachine Chrome extension: https://chrome.google.com/webstore/detail/animachine-alpha/gpnfomkfgajaojpakbkikiekmajeojgd @animachinejs
runbanner - new visual tool for creating bannersHi all, runbanner.com is a new browser based, visual tool for creating banners and html5 animations without any coding. Right now it is in public beta and you can have unlimited access to all the features with simple one-click sign up process. See demo html5 banners or the introduction video and let us know what you think.