• Content count

  • Joined

  • Last visited

Community Reputation

80 Contributor

About davi

  • Rank

Contact Methods

Profile Information

  • Gender

Recent Profile Visitors

3,017 profile views
  1. davi

    Animate CC vs hand coding

    @Nolla283 I haven't tried that specifically but perhaps try x-axis rotation values (0 - 360) instead.
  2. davi

    Help with Video Component in Adobe Animate

    Difficult to tell what it could be without having an example posted or the authoring files on hand. Perhaps try uploading all the files to a server and then checking it. Worst case, you can always just pop an HTML video tag on top of the canvas tag that Animate generates and use that instead of the video component.
  3. I do it with my banners in both GSAP and Animate CC versions (using my own template), use Intersection Observer. I make it play when in view, pause when out of view, and finally, go to the last frame when clicked or switching tabs. Yes, permitted on everything. I don't bother polyfilling it either, although there is one which adds an extra 7k.
  4. Looks like it's snapping to a whole pixel at the end of the animation -- which was an issue with Chrome and how it rasterizes things. Did you try adding will-change: transform to the css?
  5. Have anything to do with will-change perhaps? And then try without those small z movements? A video or CodePen would be helpful.
  6. I like the idea, very ambitious I'm on a Mac so can't test but would love to. My only quip with apps like this is file handoff, it'll require the next person to know how to understand the app in order to modify it. The difference between this and another app such as Animate CC from a user standpoint is that Animate CC already has a massive community of ex-Flashers that already know the app. Yeah, I know it's spits out clean code that "can" be edited but that wasn't the original format in was authored in (I'm assuming there's some sort of authoring file that this app works off of and it generates a different file -- but I could totally be wrong since I wasn't able to test it). This, unfortunately, is what I think what would stop something like this from catching on from the dev community. What I think this would be a good component for, is creating modular blocks of code for GSAP hand-coders, or for when it's too much of a pain to try and hand-code something (i.e. character animation). Perhaps it can generate a block of code with a GSAP timeline that can be inserted into an existing GSAP timeline, or have an option to, some sort of process that makes that portion simpler. A way for non-coders to work with folks who code as well. More of a "component helper" to GSAP coders, rather than a full-on hand-coding animation replacement. Perhaps it's a tool similar to Lottie/Bodymovin where it solves a specific niche. Or, I believe you can include CSS/JS inside of the SVG format, maybe this app could include everything, including animation, in a self-encapsulated SVG file (I believe I was reading a thread or post somewhere from Chris Gannon (that super-talented SVG animator) who was trying something like this out. Oh yeah, found that link. "Stop the madness!"-- lol.
  7. davi

    Basic question about exporting *Newbie Alert*

    No. Use Quicktime Player (app that comes with Mac) to do a screen recording (File > New Screen Recording). Depending on what version of OSX you're using, it'll record either ProRes (super) or MP4. MP4's will look like crap if you're using the color red though.
  8. davi

    Basic question about exporting *Newbie Alert*

    You can use the Intersection Observer API to determine if it’s onscreen and then some other simple JS method to trigger the start of the Animate CC animation (like calling to the GSAP TL to play back) as the user scrolls down. I believe you can also use IO within the iframe's code too, so it can still be separate from the CMS. Lots of IO libraries out there too to make it easier > https://github.com/russellgoldenberg/scrollama https://xtianmiller.github.io/emergence.js/ https://github.com/w3c/IntersectionObserver As far as videos, you can try exporting video but it may not work. I typically just use QuickTime and do a screen recording, then trim/crop/etc in AE (or use ScreenFlow if you have it).
  9. Yep, not having those would be a deal-breaker for me as well. I mean, I guess you could go into the source code and manually edit that or add code in, but that kinda defeats the purpose of this tool.
  10. davi

    Code doesn't seem to work on Safari

    Like Dipscom said, it'll be best for you to spend a few mins setting up a CodePen account and initial pen to help us help you out. I'm not able to see what's going on without rebuilding your file on my end but... Just a quick glance at your code, my initial thought was do you NEED to be using clip path for the mask effect. Looks like you're using a simple rectangle to clip with. You could nest the content in a container, use overflow:hidden, and adjust or animate the width and height of the container to mask it. If it's an angled mask, you could rotate the container one way, and then rotate the child nested content in the other direction to make it look straight again (if that makes sense).
  11. davi

    Banner Work

    Might just be the state of the industry, ad fraud, ad blocking, and possibly more of the budgets being allocated towards social / video. Might also be specific advertisers, I believe I read some advertisers were cutting budgets for them a while back unless the ad fraud thing got worked out (P&G, Unilever, etc). I don't think it's going away though, someone's gotta pay for the internet. Think Amazon's just getting in, so someone's gotta make them.
  12. That's definitely easily editable. Thanks for sending that example. I'd like to be a tester when the Mac version comes out.
  13. Sounds cool, wish I could review but I'm on a Mac. Let us know when a Mac version is out! My only concern (and it may not even be an issue), is that the app would be required to edit the file once it has already been created and the developer would need experience with using it. I saw the code editor portion but is the code it generates able to be easily edited without the app? File handoff and editing files at a later date is important and something that's more of a GSAP "helper" would be more useful to me than a standalone app that tries to do it own thing (think Adobe Edge, GWD, Hype, etc -- that aren't very easily edited outside of the app and generate their own mess of code). Is the code that it generates more of a standard GSAP workflow? (Think file setup like in this GSAP article, which uses timelines, master timelines, nesting etc etc). Outside of the GSAP library, does it have any other dependencies? If so, what are the file size of that? Are there other things that add to file size other than your obvious assets (fonts, images, etc)?
  14. It likely has to do with the unique id in the default code in the html file. From 2017.1 - 2017.5, they introduced a unique number called "composition id" that gets created for each "new" FLA created. I put quotes over 'new' because if you copy the FLA file it still uses the same comp id (You have to create a new file from the menu up top to get a new unique comp id). In the JS file it exports out from a normal HTML canvas export, you'll see something like this > lib.properties = { id: '24565gh6788...blahblahblah'... This gets referenced in the default HTML that is exported out. Animate Commons probably doesn't have that included in it since that was created before that change was made by Adobe. You can probably get it to work by implementing that compID check in the file that gets exported.
  15. Try this instead, adding the keyword this to replayBtn (this is if this code is in a FRAME script wherein the replayBtn is accessible within that frame number) > this.replayBtn.on("click", function() { til.invalidate().restart(); }); or if you're using the default HTML it exports, you should end up with a reference called exportRoot, which you can use if you can't figure out scope (just replace this with exportRoot and it should work). How scope works in Animate CC --> var til = "blah"; // Frame-level Scope this.til = "blah"; // Movieclip-level Scope til = "blah"; // Global Scope