News for hackers. Stuff that matters.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by KingOfCoders on Tuesday March 12, 2024 @01:04AM (#39676353)
Like Macromedia Director? I remember creating tcp ip network flow animations with that one.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Tuesday March 12, 2024 @02:24AM (#39676713)
I'm not familiar with Macromedia Director. So I did a quick search and find that both tools can do a basic positions, scale, rotation and color animation just by creating shapes and keyframes within few clicks and draggings.

Trangram, however, is more than that, it supports (1) morphing between two shapes (actually any shapes you can create or imagine) without extra efforts (2) motion path, which means you can define an arbitrary route and let your object move along that path easily (3) parent link, which means linked object can move, rotate and scale together

There're many more exciting features I don't mention here, you can check them from Trangram about page below.

https://www.trangram.com/about

Thanks so much for your comment and letting me know about Macromedia Director.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by Brajeshwar on Tuesday March 12, 2024 @02:45AM (#39676786)
Well, the power of Macromedia Director was not those animations — but, a scripting language called Lingo[1]. In 1999, I did a trial Kiosk for the State Bank of India[2] to be installed at a popular landmark in Bombay, called the Wockhardt Hospitals[3].

I used Macromedia Director to let users navigate for information, akin to an ATM but for info. A partnership led to including quite a few animations of Cardiology and similar info-animation.

The ability of Macromedia Director and then Flash to see what you are doing immediately was what draw me into the world of scripted visuals.

1. https://en.wikipedia.org/wiki/Lingo_(programming_language)

2. https://en.wikipedia.org/wiki/State_Bank_of_India

3. https://en.wikipedia.org/wiki/Wockhardt_Hospitals

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by mahomedalid on Tuesday March 12, 2024 @01:29AM (#39676465)
I came here to say the exact same thing, it remind me to Macromedia Flash animations.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by seabrookmx on Tuesday March 12, 2024 @02:29AM (#39676728)
It still exists. Macromedia Flash became Adobe Flash became Adobe Animate: https://www.adobe.com/ca/products/animate.html

Nice to see some free alternatives popping up.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by HanClinto on Tuesday March 12, 2024 @01:44AM (#39676525)
Yes, very much reminds me of that -- this looks great!
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by shubhamjain on Tuesday March 12, 2024 @01:35AM (#39676482)
This is awesome. Great job! I love the simplicity of the whole thing. I was able to figure out the tool in a minute. Compare that to professional software, which can have a scary complexity. I think it'd be a great educational tool. Kids would love to experiment with it.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Tuesday March 12, 2024 @02:53AM (#39676823)
Your words mean a lot to me.

In designing and implementing Trangram, ease-of-use ranks high on my list of priorities, alongside functionality and safety.

Just as you mentioned, one of my primary motivations was to facilitate the creation of educational materials, which I was particularly inspired by experiences while watching The Power Of A Mathematical Picture

https://www.youtube.com/watch?v=6vnMT70HOxc&list=PLOxODW9vlV...

I've designed Trangram as more than just an editor; it's a platform intended to democratize content sharing. Every individual should have the opportunity to disseminate valuable content to others, whether through a simple link or embedded HTML code (allowing for easy integration on personal blogs or websites).

My aspiration is for Trangram to evolve into a secure and enriching environment for all, including children, fostering a space where learning flourishes.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by piva00 on Tuesday March 12, 2024 @04:21AM (#39677271)
Good luck on your mission! As a kid/teenager who grew up creating animations and games on Flash (from v2 to v5) I've always felt that since then only the people really into animation have been able to play with it, the tools are not approachable, you need to learn a lot before you can do the basics which were quite straightforward with Flash.

I really hope Trangram gets some traction so you have the time and resources to further develop it, it's a tool that has potential to make the world a nicer place :)

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @04:18AM (#39689138)
Thank you so much for your support and kind words! With support like yours, we're optimistic about the future and excited to see where Trangram goes.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by ibejoeb on Tuesday March 12, 2024 @09:44AM (#39679399)
Same experience. Very easy to use and plenty of functionality.

What is safety?

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @04:09AM (#39689086)
By safety, I means a safe environment for users especially children to browse and learn content shared on Trangram, as well as security aspects including authentication, authorization and data privacy.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by samstave on Tuesday March 12, 2024 @12:55PM (#39681845)
Love it. Tutorial would be lovely, and grid, and lock object...

How do you make a new frame

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @04:16AM (#39689125)
We're committed to creating tutorials in the future when we have the capacity to do so. In the meantime, I encourage and welcome anyone who enjoys sharing their knowledge from using Trangram to create videos for others to learn from.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by HanClinto on Tuesday March 12, 2024 @01:44AM (#39676532)
Really impressive work!! Ever since the demise of Flash I've felt a strong lack of such animation tools.

Very nicely done!

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Tuesday March 12, 2024 @02:30AM (#39676733)
Thank you for the kind words. I hope you guys will find it useful.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by JSavageOne on Tuesday March 12, 2024 @02:09AM (#39676646)
This looks awesome.

Some suggestions though:

- Would be awesome to be able to open an existing animation (eg. like any of the ones showcased). It's a built overwhelming for a noobie opening up to a blank editor page.

- Could also consider putting a tutorial video

Anyways I'll have to play around with this.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @04:20AM (#39689145)
Your suggestions are greatly appreciated. We're constantly looking for ways to enhance the user experience, and your input will definitely be taken into consideration.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by barlog on Tuesday March 12, 2024 @02:32AM (#39676741)
what an awesome.

I made it in 5 seconds and published it, then it was embarrassed to be listed on the top page.

Let's publish it unlisted!

user/dai

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @01:28AM (#39700841)
Hi dai! It's great that you were able to create and publish your work so quickly. If you feel more comfortable keeping it unlisted, that's absolutely fine. The most important thing is that you're happy with your creation. If you ever decide to share it publicly in the future, you can always do so later on.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by junto on Tuesday March 12, 2024 @02:51AM (#39676811)
Back in the day I used to do quite a lot of Macromedia Flash work. It’s uncannily similar but a modern take.

I’ve often wondered why no one has come up with a new product in this space. I think the long term demise of Flash has put off anyone even trying.

There are so many great uses for animations on the web, even if we don’t need full blown user interfaces of them and intro screens like we did back in 2002.

Great job!

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by Closi on Tuesday March 12, 2024 @03:39AM (#39677066)
Totally agree! The major feature missing compared to Flash would be library and component support - i.e. the ability to create reusable animated graphics that you can drag onto the canvas (with infinite nesting).

i.e. you can animate a bird with flapping wings, then drag 3 copies onto your sky.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by lukan on Tuesday March 12, 2024 @04:30AM (#39677326)
In flash you could also select any element and add a onclick handler. Bam, a button.

Or play a different animation of a subelement on mouseover e.g. bird.flapWings()

And quite some other things ..

This is not a flash replacement and also does not aim to be one.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by Closi on Tuesday March 12, 2024 @04:32AM (#39677337)
To clarify, I mainly meant the major animation feature that let you do more complex animations compared to this tool.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by albert_e on Tuesday March 12, 2024 @04:50AM (#39677428)
Yes I absolutely loved that.

I wish Microsoft PowerPoint built some of that so we could use it for light weight animations and story telling.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by fransje26 on Tuesday March 12, 2024 @06:06AM (#39677802)
> Microsoft [...] light weight [...]

And interesting choice of words!

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by brycedriesenga on Tuesday March 12, 2024 @09:34AM (#39679279)
Rive can do that!
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by ramraj07 on Tuesday March 12, 2024 @03:10AM (#39676900)
Isn’t adobe animate just flash ?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by lukan on Tuesday March 12, 2024 @03:19AM (#39676949)
No, since flash is no longer around.

Meaning you can still create all the animations and games, but then you will have to try to port it to js and canvas (via easeljs). And that did not work very nicely last time I tried it.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by eloeffler on Tuesday March 12, 2024 @03:39AM (#39677064)
There is also ruffle which seems to be doing a very good job at reviving Flash animations.

The Internet Archive is using it to preserve the profound cultural heritage of early millenial flash animations.

https://www.theverge.com/2020/11/19/21578616/internet-archiv...

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by wongarsu on Tuesday March 12, 2024 @06:46AM (#39678033)
The Flash player is gone, but the authoring software called Adobe Flash was just rebranded to Adobe Animate. Back in the Flash times Flash was quite popular for Western-style 2d animation, and a lot of TV series were produced in Flash. Animate has been keeping that somewhat alive, though better alternatives have emerged.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by chongli on Tuesday March 12, 2024 @08:11AM (#39678550)
Yeah. For all the hate the Flash player got back in the day, the authoring software (which was Macromedia Flash when I last used it) was awesome. It has really nice motion interpolation (tweening) and onion-skinning tools. For Western animation this meant you didn’t need to outsource all the in-between work.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by lukan on Tuesday March 12, 2024 @10:13AM (#39679764)
Yeah, I was talking about Adobe Animate. It is not at all as useful as flash was, without exporting to flash. Exporting to html/canvas is a pain.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by themagician on Tuesday March 12, 2024 @01:52PM (#39682581)
When was the last time you tried it? Because I had a similar experience, and a young animator told me that they were using this in a production envrioment now and I was shocked. Adobe Animate was hot garbage after Flash died, but I recently (like two weeks ago) sat down with it for a bit and I have to say it feels quite good. It seems like there was a time period where Adobe was focused on Animate exporting to canvas and they sort of abandoned that and just turned it into a tool that would export to video. It can do both, but really Animate now is just, "Adboe Illustrator but for animation." So it's not exactly a direct replacement, it's more like Flash without ActionScript, but with some tools to kind of point you in the right direction for canvas + js.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by lukan on Tuesday March 12, 2024 @08:21PM (#39686535)
Some months ago and my conclusion was the same, useful enough for videos, too clumsy for interactive flash, so useless for my needs.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by jonplackett on Tuesday March 12, 2024 @05:20AM (#39677573)
Absolutely agree. The interface was what made flash so good because it let non-coders make things.

So sad that Adobe were unwilling / unable to just make it output html5 instead of swf. But Adobe so where software goes to die so…

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by niklasrde on Tuesday March 12, 2024 @06:43AM (#39678016)
Airbnb's Lottie has a Web Player now I think? Make your animation in AE or Figma, export to "Lottie JSON" with players in JS, Swift, Kotlin & React Native.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by rprwhite on Tuesday March 12, 2024 @07:29AM (#39678285)
I think this might be right up your alley, along with some of the children comments: https://rive.app

It’s pretty much modern Macromedia Flash. Except a JS runtime, rather than plugin.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by erikig on Tuesday March 12, 2024 @09:02AM (#39678967)
I was going to suggest Rive too. I came across them when I was trying to figure out how Duolingo's animations were done, pretty cool tool.

For Trangram - it might help to link each of the examples in the "Explore & Get Inspired" section to the editor, allowing new users to avoid the "blank page" syndrome.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by jaysonelliot on Tuesday March 12, 2024 @09:57AM (#39679579)
IMO, Flash died because it didn't play nice with the conventions of the web. There were workarounds, but generally it broke all of the things HTML could do, like being searchable & selectable, navigable with a keyboard, built of code you could inspect, addressable with a direct link, even working with the browser's back button.

The actual animations and (sometimes) beautiful interfaces were not the problem. People generally loved that.

Generally there's no need for a new product in this space because CSS does everything Flash once did, but adheres to web conventions.

There probably is an opportunity, though. I'm not a motion graphics person - does Adobe Animate fit the bill at all? What do you think is missing today that we once had with Flash?

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by swatcoder on Tuesday March 12, 2024 @10:47AM (#39680178)
No. Generally, the missing features you mention were inconsequential to decision-makers (outside of some ideological devs) and many of them were being gradually addressed by Macromedia/Adobe anyway.

Flash died because Microsoft was agressingly nipping at Adobe on the commercial side with Silverlight, because standard bodies were finally chipping away at its feature advantages with long-needed improvements to HTML, CSS, and Javascript, and most impactfully of of all: because Steve Jobs decreed it.

The death knell for Flash sounded exactly when the market-revolutionizing iPhone refused to support altogether.

But all of that's just about the runtime platform. The posted app calls back to the Flash editor itself, which was extremely mature and powerul but had too much inertia to successfully pivot to targeting HTML or apps before Adobe would give up on it.

Later apps have come, but inevitably start far behind the features that Flash offered designers, animators, and developers at its peak.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by newsclues on Tuesday March 12, 2024 @11:03AM (#39680366)
Yes, people forgot that websites for big companies were often flash based trash until the iPhone and the web changed to be mobile friendly as iPhones sales continued to skyrocket.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by xer0x on Tuesday March 12, 2024 @12:50PM (#39681749)
Thanks for this. People forget the creator experience in Flash. It was really amazing, albeit a little quirky.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by tempoponet on Tuesday March 12, 2024 @12:59PM (#39681900)
I'm surprised you bothered to mention SilverLight. It was Microsoft's intent, sure, but did it ever have any uptake?

It's more of a curiosity or footnote than a relevant factor.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by swatcoder on Tuesday March 12, 2024 @01:12PM (#39682074)
I think Silverlight was making deep inroads in the enterprise market for rich internet apps and that this was a growing customer retention issue for Adobe with Flash. That's part of why they invested so much in Flex and AIR as a more engineering-centric alternative to the Flash app's designer-centric timeline interface. They wanted to shore up what they were losing to Microsoft.

The consumer usage of Flash was most visible (games, cartoons, brochure sites, video streaming) and Apple's evisceration of that market was what ultimately killed Flash, but things were already looking grim on several fronts before that happened.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by Unfrozen0688 on Tuesday March 12, 2024 @04:57PM (#39684859)
Lots of enterprise apps like ERP and that type of shit may STILL require Silverlight for older versions. It was huge in that market.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by bigfudge on Tuesday March 12, 2024 @06:11PM (#39685561)
Edit: I replied to the wrong comment, although this still stands!

I still miss macromedia Director though. I learned to program with HyperCard and then director, and I always thought it was a shame it got canned when adobe bought it.. it was much nicer in lots of ways, although the player was more heavyweight. Actually, I don’t think I’ve ever really found a proper replacement for HyperCard!

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by RodgerTheGreat on Tuesday March 12, 2024 @10:48PM (#39687596)
Perhaps you would enjoy Decker: http://beyondloom.com/decker/
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by detritus on Tuesday March 12, 2024 @05:19PM (#39685091)
Yeah, coming from back at that time, to consider Silverlight at all is to give it too much credit.

Jobs and his unwillingness to support it on iPhone killed Flash, and that's that.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by gibbitz on Tuesday March 12, 2024 @07:26PM (#39686134)
Internally Adobe hated Flash. It strode right past Live Motion which used the UI paradigm of After Effects to produce animations which didn't cater to the traditional key framing model Flash was built on. I feel pretty strongly that there were forces inside Adobe that wanted to take advantage of the merger to bury the Macromedia IPs. Adobe had a great relationship with Apple. Photoshop was finely tuned to work on Macs and the majority of the creatives using it were working on Macs. Adobe could have threatened to put Apple's computers in the ground by limiting Photoshop support for OSX in 2009 in order to gain support for Flash on iOS. They didn't. They just never thought of Flash as an Adobe product. If Apple stopped supporting Photoshop things would have gone nuclear.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by gs17 on Tuesday March 12, 2024 @07:45PM (#39686298)
That would definitely explain why they were so half-assed in their attempts to adapt to HTML5.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by johncoltrane on Wednesday March 13, 2024 @08:56AM (#39690799)
Word on the street, at the time, was that Apple and Adobe collaborated actively on making Flash work on the iPhone without straining its battery. It is the failure to achieve that goal that prompted the whole about-face.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by gs17 on Tuesday March 12, 2024 @07:07PM (#39686005)
The only time I ever interacted with it knowingly was the LEGO MINDSTORMS EV3 software.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by patwolf on Wednesday March 13, 2024 @07:44AM (#39690300)
The original Netflix streaming site used Silverlight, I'm guessing because browser DRM wasn't up to snuff at the time. That's about the only time I willingly used it.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by BizarroLand on Tuesday March 12, 2024 @02:33PM (#39683133)
I remember reading something about how difficult it was to get flash to render correctly on iphone hardware at the time because it had no hardware support and software emulation was slow and terrible at best.

But this is only a vague memory of some article in a magazine or something similar, so take it as anecdotal at best.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by swatcoder on Tuesday March 12, 2024 @02:47PM (#39683293)
Apple specifically refused to support Flash in mobile Safari and the original sandbox model for apps prevented any kind of perfomant virtual machine for something as sophisticated as SWF (or Java or .NET). That's improved some in the 15 years since, although the sandbox is still fairly conservative and tight.

But at the time, I don't believe Adobe engineeing publically bothered to swim upstream against this, and while there were third-party attempts to run SWF files or AIR applications on iOS they were indeed janky and slow (as you would expect).

So I'd give your memory like a B+ on this one!

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by kmeisthax on Wednesday March 13, 2024 @10:27AM (#39691608)
The current sandbox model for apps still does not allow any sort of performant VM; by design. Hell, one of the biggest announcements of Apple's DMA compliance is just that they had to provide entitlements to access some kind of JIT support on iOS. They are extremely pissed that they had to do that, only they are supposed to be allowed to JIT code.

That being said the only people who complain about not having JIT on iOS are Mozilla and people who want to run game console emulators, which Apple doesn't want their users having because they despise the Church-Turing thesis. Game developers that use engines with VMs in them just develop around the execution of those VMs being very slow.

Apple wasn't refusing to support Flash on mobile Safari. The actual story is more complicated: Apple tried to collaborate with Adobe four times on mobile Flash but, depending on who you ask, Adobe either shipped code that just plain didn't work on phones, or Apple couldn't be bothered to even get Flash to compile. Probably both are true. The very public open letter from Jobs regarding Flash is after Adobe said "fuck it" and decided to ship what they had as a packaging solution for developing iOS apps. While most of the open letter is written to say "this is why we're not shipping Flash as a browser plug-in", the real reason it was published was to justify rule changes in their developer agreement intended to prohibit porting Flash apps to iOS.

Said rule changes were overturned in 3 months, thanks Obama.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by karaterobot on Tuesday March 12, 2024 @12:24PM (#39681377)
I always thought Flash died because Apple didn't want people to be able to write and execute arbitrary code in an app on their phones. That it posed a security risk, a stability risk, and potentially a business risk (as it could allow people to circumvent the limitations they'd imposed on, say, distribution and payments). Is that wrong?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by hirako2000 on Tuesday March 12, 2024 @01:27PM (#39682274)
Yes, it is wrong. Mostly. Or just some minor reason.

It was largely a fallacy perpetuated by Apple. The same fallacy used to more recently justify the app store exclusivity, aimed at preserving their enclosed ecosystem under the guise of protecting users from potential malware threats.

While it's true that Flash posed security risks, not just on mobile but across platforms. Acrobat pdf readers continue to grapple with high-severity CVEs.

Another argument against Flash support on the iPhone was its purported battery drain. It's worth considering the technological landscape of that era: Arm processors were less power-efficient, and early iPhones struggled with battery longevity. Remember, even basic color screen phones could last several days on a single charge—illustrated by the enduring appeal of the Nokia 3210, which could comfortably endure a week without needing to be plugged in.

Yes flash early implementation for mobile was very inefficient.

Yes Apple had valid reasons for resisting Flash support. However, at the heart of the matter was Adobe's lion stance on royalties, a proposition deemed cocky by Jobs. Plus jobs was in the money Business. So the moot negociation red eventually led to a declaration war on Adobe.

Despite Adobe's towering market cap, and arguable more influential in the tech spheres, they underestimated Apple's strategic timing and their ability to a big push for new web standards, which ultimately led to the widespread adoption of HTML. Adobe's defeat to maintain their spotlight animation authoring tool for the web. Cousin comment touches on its disrespect for existing web standards, it never evolved to embrace the browser, it kept running as its own thing with limited to no interfacing with the browser API even.

This conflict not only signed the future death certificates of Flash but also spelled the end for other authoring tools which came from the Macromedia umbrella, and those had already begun to lose relevance post-Adobe acquisition.

Adobe's numerous acquisitions, it's easier to enumerate the surviving applications since the launch of the iPhone than to list those consigned to oblivion.

Not exhaustive, but here is the gist: Adobe applications that have ceased to exist since 2006:

Adobe mainstream products that have ceased to exist since 2006: - Flash - Fireworks - Dreamweaver (on life support) - GoLive - Muse - Encore - Contribute - SpeedGrade - Story - Edge Animate - Edge Reflow

Adobe mainstream products that remain plus those created or aquired since 2006: - Photoshop - Illustrator - InDesign - Premiere Pro - After Effects - Acrobat - XD - Audition - Figma

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by jbl0ndie on Tuesday March 12, 2024 @04:17PM (#39684395)
I'd forgotten how many they had killed off. Adobe actually ended up abandoning their Figma acquisition https://news.ycombinator.com/item?id=38681861

You could add Lightroom to your list of survivors.

Autodesk employed a similar acquire, absorb some features and then retire strategy, in the CAD 2D/3D space.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by EricE on Thursday March 14, 2024 @02:47PM (#39707536)
Computer Associates, Symantec - lots of companies that liked to buy up and kill whole market segments :/
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by robertlagrant on Tuesday March 12, 2024 @05:56PM (#39685446)
> It was largely a fallacy perpetuated by Apple. The same fallacy used to more recently justify the app store exclusivity, aimed at preserving their enclosed ecosystem under the guise of protecting users from potential malware threats.

What was the fallacy?

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by foooorsyth on Tuesday March 12, 2024 @01:10PM (#39682052)
In addition to all of those things, it also burned your battery like crazy. Jobs was very public about his annoyance with Flash’s battery drain.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by pimlottc on Tuesday March 12, 2024 @11:27AM (#39680657)
I think the GP is talking more about the authoring tools for Flash. You could do everything - graphics, animation, audio, video, scripting - in a single package that was relatively easy to use.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by treflop on Tuesday March 12, 2024 @12:02PM (#39681108)
Mobile apps are even worse than Flash and those reasons haven't hampered their adoption.

Flash died because both Apple and Microsoft wanted it dead. Possibly justifiably.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by sam0x17 on Tuesday March 12, 2024 @11:54AM (#39681016)
It's crazy to me they didn't see the value in porting actionscript to something that compiles to JS/HTML5, though adobe couldn't be trusted to see this potential obviously. If they had something like that ready in ~2011 it could have completely replaced HTML 5 canvas adoption
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by gs17 on Tuesday March 12, 2024 @07:41PM (#39686265)
I blame Adobe for Flash dying much more than Apple. There's a lot of features that would have been hard to port (maybe Flash Player could have evolved into providing support for those and being optional for simpler content), but an HTML5 output that worked for 90% of 2D games and animations would have kept it relevant. Or at least funding Shumway while it was around if no one at Adobe was able to do it.

Instead they made a converter where you lost audio, video, scripting, effects, etc. It should have at least been able to convert a Homestar Runner cartoon.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by ktzar on Tuesday March 12, 2024 @10:37AM (#39680071)
There's a correlation between the death of Flash and the rise of mobile devices browsing. Flash was pixel-based and the whole paradigm doesn't really work for responsiveness.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by verticalscaler on Tuesday March 12, 2024 @11:15AM (#39680511)
Flash was vector based.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by beAbU on Tuesday March 12, 2024 @03:19PM (#39683684)
Flash was just as responsive as HTML+CSS: As much as the developer makes it responsive.

Also, flash was most certainly not pixel based. It was vector based and a common workflow was to create your graphics in the more powerful Adobe Illustrator, then import into flash for animation.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by dncornholio on Tuesday March 12, 2024 @10:18AM (#39679819)
Meanwhile we didn't have a replacement, and any replacement lacks of all the features you list, text selection, etc.

It got killed because Apple stopped supporting it. That's the reason.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by malauxyeux on Tuesday March 12, 2024 @10:59AM (#39680326)
> It got killed because Apple stopped supporting it.

That's how it happened in my orbit anyway.

Steve Jobs published an open letter entitled "Thoughts on Flash", in which he said that iOS would never support Flash. We had a discussion at the web shop I was working for; we decided to stop making new things in Flash.

https://en.wikipedia.org/wiki/Thoughts_on_Flash

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by dugmartin on Tuesday March 12, 2024 @12:06PM (#39681164)
Fun story: Apple demoed the iPad to Hollywood execs a couple weeks before the release. The Hollywood folks saw all their web properties rendering almost no UI and their video content not available.

I worked for a boutique consulting firm at that time and Warner Bros/Telepictures was our big client. We immediately got calls from a lot of execs and I had a week long firedrill of converting MANY Telepictures properties from Flash (mostly for the video content rendering with timecoded UI updates). They also had a video delivery company that was co-located with AOL fly out to Burbank and fly back with tons of hard drives full of episodes of Ellen, the Tyra Banks show, etc to recode from Flash video to video that could be served with the <video> content tag on iPads.

It somehow all got done by the iPad release and Apple published a top 10 "sites that work great on iPad" page on their site and we had done 4 out of 10 of them. All we had to test on was desktop Safari resized to the screen size they told us it needed to work on.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by Aerroon on Tuesday March 12, 2024 @11:58AM (#39681064)
I remember that a lot of people were sure that we were going to get an even better replacement.

"HTML5 is going to be the replacement."

So much for that. Goodbye web games.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by gs17 on Tuesday March 12, 2024 @07:27PM (#39686148)
There are still a lot of "web games", but it's nothing like it used to be.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by yreg on Tuesday March 12, 2024 @11:15AM (#39680500)
The replacement is CSS + JS. Thank God Apple helped kill Flash.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by GenerocUsername on Tuesday March 12, 2024 @02:15PM (#39682890)
And 10 years later I just don't see the level of amateur uptake that flash had.

For 10 years flash minted thousands of young animators and content creators. Since flashes death there are far fewer upstarts and communities despite Internet adoption being magnitudes higher

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by beAbU on Tuesday March 12, 2024 @03:21PM (#39683709)
The heyday of Newgrounds was truly a golden age for stupid amateur cartoons and games.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by BizarroLand on Tuesday March 12, 2024 @02:36PM (#39683162)
Yep. The tech may be more mature and less prone to breakage, but the fun of creating, the joy of stupid games went with it for a lot of folks.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by yreg on Tuesday March 12, 2024 @05:50PM (#39685399)
I would bet there are many more young amateur animators and content creators now than there have been 10 years ago. Their work is just more diverse than the "signature Flash animation look".
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by gs17 on Tuesday March 12, 2024 @07:16PM (#39686067)
I really think the all-in-one-ness of Flash is what made it so easy to use. Not only that you can make almost everything for a game/cartoon in one interface (IIRC audio wasn't included), but also that the output was a single file you could share easily.

The rampant piracy of old Flash versions probably helped a lot too.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by beAbU on Tuesday March 12, 2024 @03:15PM (#39683635)
> CSS does everything Flash once did

Tell me you never used Flash by not telling me you've never used flash.

Flash's USP and core value proposition was the (IMO) fantastic IDE that you used to create flash apps and animations. It was exactly as technical as you needed it to be. As you upskilled you could do more things, but more importantly do the same things more elegantly. In stead of a manual animation you could script it out in AS3. I loved it and I'm really sad that I only entered the professional workforce as Flash was on it's way out.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by Varriount on Tuesday March 12, 2024 @10:58PM (#39687648)
I still mourn the disappearance of the game development and distribution scene that Flash made possible. It seems like all we have these days are walled-garden app stores filled with pay-to-win, ad-filled games.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by jaysonelliot on Wednesday March 13, 2024 @06:06PM (#39698163)
From a gaming perspective, I agree that Flash was excellent. The current era of ad-filled pay to win games does suck.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by jamesdwilson on Thursday March 14, 2024 @10:49AM (#39704769)
..hence the reason apple killed it ;)
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by jaysonelliot on Wednesday March 13, 2024 @06:04PM (#39698152)
I was developing Flash since before it was called Flash, back when it was called FutureSplash Animator. I'm not talking about the IDE, I'm talking about the user experience that could be created with Flash.

As a UX professional, the death of Flash was one of the most satisfying moments of my career. It's hard to overstate how much better the web is today than it was when it was overrun by sealed-off Flash sites.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by leptons on Tuesday March 12, 2024 @03:20PM (#39683706)
Apple killed flash by not allowing it to run on their mobile devices. It's really as simple as that.

I think Apple claimed that Flash was too power hungry to run on a mobile device.

I was hired back in the day to convert a flash based app to a "Dynamic HTML" app. The flash developers all quit because they didn't want to work with HTML and Javascript. And this was all because the company wanted to support iPhones and iPads. And there were a lot of companies doing the same exact thing back then - abandoning Flash for HTML/Javascript/CSS.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by pmontra on Tuesday March 12, 2024 @03:57PM (#39684193)
Add to the list that when we resized the window or went fullscreen the typical Flash app would keep its original size. A Flash app born for 800x600 screens wouldn't look well in a 1366x768 screen or 1080p ones. It became tiny as resolution increased and diagonals more or less didn't. Then Steve Jobs and battery life or removing a competing ecosystem.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by gs17 on Tuesday March 12, 2024 @07:48PM (#39686315)
Not my experience outside of aspect ratio mis-matches. Flash content used a lot of vector art which scales fantastically. It not resizing is the developer's fault, not the technology's (which is common with Flash, it got blamed a lot for its misuse).
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by pmontra on Wednesday March 13, 2024 @05:12AM (#39689421)
I know. I even built a Windows screensaver in Flash around 2000 but I don't remember the details. Anyway the web was littered by tiny and more tiny Flash apps that never filled the page beyond their originally assigned size. I guess that the customer never paid for the necessary updates or the dev was not available anymore. Customers eventually switched to HTML and JS.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by pests on Tuesday March 12, 2024 @06:55PM (#39685922)
They did solve the search issue before it's demise.

"Google and Yahoo to Search Inside Flash Files" (2008)

https://archive.nytimes.com/www.nytimes.com/idg/IDG_852573C4...

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by soperj on Wednesday March 13, 2024 @01:04PM (#39694181)
> IMO, Flash died because it didn't play nice with the conventions of the web. There were workarounds, but generally it broke all of the things HTML could do, like being searchable & selectable, navigable with a keyboard, built of code you could inspect, addressable with a direct link, even working with the browser's back button.

Don't SPAs do exactly this?

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by ajkjk on Wednesday March 13, 2024 @01:06PM (#39694202)
There is a ton that flash did that CSS does not do, but it is more about the toolchain / dev environment for flash apps than the actual technical capabilities. It is very strange to me that no one has built "Flash but on Html5" yet.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by tmaly on Tuesday March 12, 2024 @10:45AM (#39680152)
I also recall that Flash had a ton of security issues.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by henrun12 on Tuesday March 12, 2024 @11:26AM (#39680639)
There's actually quite a few new tools that do "animation for the web". I'm sure there's a longer list but the ones I've used are rive, jitter, fable, and lottielab. Rive is interesting but the one I find myself coming back to is lottielab, it feels the most like the "spend 4 minutes playing around, but now I have something that looks really cool" that I used to get when using flash
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by raytopia on Tuesday March 12, 2024 @12:39PM (#39681573)
Wick Editor is another one.

https://www.wickeditor.com/#/

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by grounder on Tuesday March 12, 2024 @01:15PM (#39682108)
Wick looks fun. Looking at the Github repo, it looks like it isn't in active development anymore.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by PaulHoule on Tuesday March 12, 2024 @02:16PM (#39682907)
Adobe’s Flash editor got renamed to Adobe Animate. People mostly use it now to export video but there is more than one HTML 5 viewer it will export for, these support most of what Flash supported except for a few unusual geometric primitives.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by justinclift on Tuesday March 12, 2024 @02:54AM (#39676824)
Just opened the editor, switched to line mode, and drew a line.

It seems to have automatically switched to selection mode, rather than keeping in the mode I deliberately switched to (line mode).

That's unexpected, and probably not what most users would expect. Any chance of getting that changed, so the mode only changes when the user does it?

---

Also, is it Open Source? :)

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by lukan on Tuesday March 12, 2024 @03:10AM (#39676902)
"Also, is it Open Source?"

No, also:

"We reserve the right to modify this Agreement or its terms related to the Services at any time at our discretion."

So it is currently free of charge, but may one day contain tracking without warning, or paid membership? The buisness plan (how to make money) is not clear to me. And this would be a major blocker for me to use if for anything serious, when one day I might loose access to my data, unless I pay an unspecified amount. You also cannot export your work to a common vector format, so will be bound by this website forever.

If you are looking for something Open Source, there is the wick editor:

https://www.wickeditor.com/

(but developement is on hold)

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by justinclift on Tuesday March 12, 2024 @03:24AM (#39676977)
Yeah. Not being FOSS is a blocker from my point of view as well.

Already been through that exercise with Adobe and the Flash ecosystem.

No interest at all in a repeat.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by lukan on Tuesday March 12, 2024 @03:31AM (#39677008)
Yeah, me too. Why, just why didn't Adobe open source (and vastly improve in terms of security) the flash player and rather let it die. It was such an awesome ecosystem.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by rekado on Tuesday March 12, 2024 @04:58AM (#39677468)
Here is a free software animator: https://www.synfig.org/

Development is kinda slow, but this also means that it still works just as well as when I made a little short movie 15 years ago.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by lukan on Tuesday March 12, 2024 @06:24AM (#39677906)
Thanks, I never heard of this one, will try it out.

One very interesting new one is rive.app Closed app, free for 3 files, but open source renderer and GPU accelerated.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by quaestio on Tuesday March 12, 2024 @02:59AM (#39676839)
It would be cool to be able to use the middle mouse button to pan and zoom the canvas, like most CAD software allows.

Can the units of the artboard be set - for example to mm?

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by dkarras on Tuesday March 12, 2024 @03:07AM (#39676884)
This is cool, and "Adobe Illustrator for animation" is perhaps Adobe After Effects.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by ramraj07 on Tuesday March 12, 2024 @03:09AM (#39676898)
No, it’s adobe flash or whatever the hell they call it nowadays.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by 5- on Tuesday March 12, 2024 @03:07AM (#39676888)
very nice!

unless i'm missing something, you don't support export to any vector and/or animated formats besides your own?

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by asteroidz on Tuesday March 12, 2024 @05:32AM (#39677622)
Certainly a bit disappointing that Lottie or SVG format export doesn't exist. Hopefully a work in progress?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by t09i209ba893 on Tuesday March 12, 2024 @03:09AM (#39676899)
Very nice. One question: I see the submission mentions SVG animation but I don't see any way of exporting as SVG. Did I miss something, or was this just meant as a plan for the future?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @04:00AM (#39689048)
At the moment, Trangram does not support exporting SVG animation files. By svg animation, I means Trangram internally handle all shapes as svg objects, just as you can edit the path data under geometry section and Trangram supports basic svg file import.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by exodust on Tuesday March 12, 2024 @03:15AM (#39676932)
All the examples say "post unavailable" for me in Firefox desktop.

https://www.trangram.com/post/65bdd64d51a9f658905fa662

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @03:03AM (#39688743)
Glad that you solve it. Trangram requires modern browsers which support web apis such as stream and crypto api to work properly.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by maxiwer on Tuesday March 12, 2024 @03:25AM (#39676980)
I'm elated that you used Angular. Because I've been b*tching about no one uses it :D
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by scosman on Tuesday March 12, 2024 @03:34AM (#39677029)
Opened it, made an animation in 10 seconds. On mobile. With zero experience with animation software.

Well done

Any chance of Lottie export? I think I would use this if there was.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by gerroo on Tuesday March 12, 2024 @11:41AM (#39680857)
Yes! That's what I was thinking.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by alistairthomson on Tuesday March 12, 2024 @12:06PM (#39681160)
For lottie export there's: https://www.lottielab.com
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by begueradj on Tuesday March 12, 2024 @03:35AM (#39677034)
Great work
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @01:38AM (#39700870)
Thank you
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by abmmgb on Tuesday March 12, 2024 @03:37AM (#39677047)
Just tried it on my mobile, responsive and well designed. I like how neat and uncluttered the site is. The editor feels intuitive and easy to use. Like the demos on the homepage. This must have been a massive project very impressive!!
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @03:18AM (#39688813)
Thank you so much for your kind words. Making the editor intuitive and easy to use was a top priority, so I'm glad to you love it. Indeed, it was quite a massive project, but feedback like yours makes it all worthwhile.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by tupolef on Tuesday March 12, 2024 @03:52AM (#39677130)
Great job!

It took me 5 min to redo a animated logo that took me a few hours 3 years ago with Adobe. I will use it.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @03:22AM (#39688839)
I'm delighted to hear that you found the tool helpful.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by santiagobasulto on Tuesday March 12, 2024 @04:04AM (#39677185)
This is great. I have actually written about how this is a great opportunity: an "excalidraw for animations".

Try to make the people land immediately on the editor instead of the landing page. And focus on the sharing aspects so it gets viralized.

Public you're aiming to?

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @04:05AM (#39689069)
Thanks for you suggestions. The landing page is still under development and may be updated any time in the future.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by wfme on Tuesday March 12, 2024 @04:04AM (#39677188)
Looks great and works well.

Some small suggestions:

- Please add some keyboard shortcuts for common actions, i.e., cmd/ctrl + z to undo (+ shift to redo), delete/backspace to delete, cmd/ctrl + d to duplicate, cmd/ctrl + a to select all.

- Increase rotate cursor affordance - it's currently relatively tiny.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @03:26AM (#39688857)
You mean something like a cheat sheet to show all the shortcut keys?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by wfme on Sunday March 17, 2024 @03:28AM (#39732580)
A cheat sheet would be useful too! But I mean shortcuts for frequently used actions like copy/paste and delete.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by verdverm on Tuesday March 12, 2024 @04:07AM (#39677197)
Is audio possible, and if not, plans for it?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @02:21AM (#39701042)
Audio functionality is not currently on the roadmap. Our primary focus is ensuring the sustainability and user-friendliness of Trangram.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by self_awareness on Tuesday March 12, 2024 @04:10AM (#39677216)
Looks good, although I'm a little bit sad about this web application trend.

I mean I get the ease of deployment -- just open the webpage and use it.

But this application is just temporary; it won't exist after 15 years; it will change into something else, or it will cease to exist. It will be impossible to use older version of it. It won't be possible to preserve it, emulate it. If the server is off, the application dies. In contrast, it's still possible to install the original Lotus 1-2-3, an application from 1983.

The amount of applications that I've seen which aren't available anymore (even to be seen) is staggering. I see it as a waste of resources. Webapps have their advantages, but I see their core trait as ephemeral -- that might be sometimes a good thing, but I see it as a disadvantage.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by mittermayr on Tuesday March 12, 2024 @05:45AM (#39677689)
I agree, this is also going to get much worse. I recently dipped back into some of the younger SaaS communities (Twitter is particularly crazy) and it's just madness. They make something, (ab)use anything they can find to push this in front of people and promote it, and if it doesn't throw cash within the minute, it will be left for dead. I'd even argue that some of these tools have a lifetime of a month or less. With AI, this is typically the moment when they run out of their first OpenAI top up and start to abandon.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @02:59AM (#39688727)
I understand your concern. There're always some trade-off over there. Taking Trangram implementation for example, I have to choose among different front-end frameworks considering all the strength and weakness, features and performance, documentation and community activeness; Creating new features and functionalities from scratch or use existing 3rd-party libs which is usually heavyweight in file size and may probably cause compatibility issues in the future; Determining which cloud servers to host Trangram so as to balance the performance and the cost. etc... And in terms of web apps vs native apps, we have to balance things like compatibility and maintainability.

Anyway, I will try my best to make Trangram sustainable and bring values to everyone by creating and sharing creative contents.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by meekaaku on Tuesday March 12, 2024 @04:23AM (#39677278)
Looks very nice. Is this on webgl?

Speaking as a non-professional JS programmer, where can I read about how to architect a program like this where you select a tool, then that tool lets you draw (or do something) on canvas. Another tool, has a different behavior to mouse click/movement while initial placement and later editing of the nodes. Architect it in such a way that its not a long list of if statements for state management.

The recently shared Eloquent Javascript[0] had chapter 19 making a pixel editor. That seems to be a good approach, but then I wouldn't know any better. Any recommended reading or small size sourcecode that one could read and learn?

[0] https://eloquentjavascript.net/19_paint.html

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by jarek-foksa on Tuesday March 12, 2024 @08:27AM (#39678656)
For any non-trivial editor you will need an object model that abstracts away the low level drawing functions and manages state.

I think fabric.js is worth checking as its source code is well organized and documented. It's not a small project though and the latest version was rewritten in TypeScript: https://github.com/fabricjs/fabric.js/tree/master

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by jonwinstanley on Tuesday March 12, 2024 @06:28AM (#39677936)
To be honest, depending on how many tools/features you want to add, that would be a very big project for a solo developer.

You'd need to build all of that functionality yourself. You detect where the user is pointing/clicking, then draw the element they are creating as visual feedback, then once done, persist the element somewhere.

If a user clicks on the element again, somehow display that it is selected and display the tools for editing.

You could build it in vanilla JS, or use a framework like React.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by meekaaku on Tuesday March 12, 2024 @07:52AM (#39678441)
I am not necessarily looking to build something production. Just want to learn. Any pointers?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by dceddia on Tuesday March 12, 2024 @10:17AM (#39679806)
tldraw could be a good example to look at. It’s an open source infinite canvas drawing app: https://github.com/tldraw/tldraw

The live version is at https://tldraw.com

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by rikroots on Wednesday March 13, 2024 @04:39PM (#39697165)
Quickly checking through the JS being served to the site, it looks like the project is using Paper.js[1] for its foundational canvas library. As PaperJS is a 2D canvas library, I doubt the project is using any WebGL magic for its functionality. I could, of course, be very wrong!

> Speaking as a non-professional JS programmer, where can I read about how to architect a program like this where you select a tool, then that tool lets you draw (or do something) on canvas.

I've not got any sources for you, but I think the EJ chapter makes the key point that however you architect the project, you really, really need to keep as much of your user interface as possible in HTML/CSS, if only for accessibility. When it comes to manipulating graphical objects already added to the canvas, I'm not a great fan of the "box controls" approach (for controlling width, height, scaling, rotation) - which a lot of canvas libraries seem to include - because I can't think of an efficient/elegant way to make those controls accessible.[2]

The other big issue is keeping track of state, and possibly state history if you want undo/redo functionality. For this you really need to think of building on top of an existing canvas library - many will make state management a lot easier to handle, leaving you more time to build out the interesting stuff. There's a lot of excellent libraries out in the wild for you to choose from[3].

Or you could build your own canvas library. I've had lots of (at times frustrating) fun over the past 10 years doing just that. Highly recommended!

[1] - http://paperjs.org/

[2] - My proof-of-concept attempt for an alternative approach to controls. Sadly not very pretty: https://scrawl-v8.rikweb.org.uk/demo/modules-005.html

[3] - https://benchmarks.slaylines.io/

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by kylegalbraith on Tuesday March 12, 2024 @04:49AM (#39677424)
This is super cool and was very easy to get going. Missing keyboard shortcuts is pretty annoying and would make this even simpler. I hopped in hoping it was like a Google Drawing, which it's pretty close, but the lack of keyboard shortcuts for copying/pasting, selecting all, etc -- makes it hard to move fast.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by cududa on Tuesday March 12, 2024 @05:07AM (#39677518)
This is a ridiculously complex application dude. I’m sure they’ll get to keyboard shortcuts when they get to it
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @01:57AM (#39700940)
Thanks! Appreciate your understanding.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @01:56AM (#39700933)
The Trangram editor offers keyboard shortcuts for many basic operations such as copy, paste, select all, zoom in/out, and more. However, at present, keyboard shortcuts for activating specific shape tools are not available. This decision stems from the challenge of finding a key combination that strikes a balance between being widely recognized and easy to remember. You know there're only 26 letters and it's easy to get conflict and confused with others.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by neurostimulant on Tuesday March 12, 2024 @04:58AM (#39677465)
This is great! If you add lottie export, I could see this tool become popular among web and mobile app devs.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @02:13AM (#39701008)
Thanks. Your feedback is valuable and will be taken into account as we continue to improve the tool.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by tamimio on Tuesday March 12, 2024 @04:59AM (#39677472)
Slightly off topic: What are the tools for making animations in the webpage, in html/canvas format not embedded videos? Sometimes I see some sites with nifty animations that animate while scrolling too and I wonder how it’s done.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by imp0cat on Tuesday March 12, 2024 @05:16AM (#39677553)
Do you mean scrolljacking?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by tamimio on Tuesday March 12, 2024 @12:42PM (#39681631)
I googled that right and partially yes, but not necessarily, sometimes I see good animation without the scrolling part, some were built with three.js but others were not, would be interesting to know the tools.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by est on Tuesday March 12, 2024 @05:07AM (#39677513)
need a free drawing tool instead of pen/line
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @01:38AM (#39700866)
That's something we could explore down the line. Before integrating it, we'd need to assess how it aligns with Trangram's current animation workflow. We aim to maintain a streamlined process and avoid encouraging methods akin to making a flipbook.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by weinzierl on Tuesday March 12, 2024 @05:20AM (#39677575)
A good SVG animation tool is dearly missing. I wish Inkscape could do it or there was an Inkscape-like animation tool, that does not hide but rather embraces the underlying SVG code.

Can you tell how you approach to this is? Can you just export SVG animations or even import and edit without destroying the original structure?

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by jarek-foksa on Tuesday March 12, 2024 @06:22AM (#39677894)
> I wish Inkscape could do it or there was an Inkscape-like animation tool, that does not hide but rather embraces the underlying SVG code.

This is basically what I'm trying to achieve with Boxy SVG project: a vector graphics editor with UI similar to Inkscape, but focused primarily on SVG editing. It also allows you to easily switch between the code ("Elements") and timeline ("Animations") views: https://boxy-svg.com/blog/21

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by exceptione on Tuesday March 12, 2024 @11:47AM (#39680929)
Doesn't work on Firefox unfortunately.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by drewzero1 on Tuesday March 12, 2024 @09:56AM (#39679565)
Recently I was trying to create lightweight SVG images for an embedded project and was looking for exactly this type of thing. I ended up drawing them in Inkscape and then opening in a text editor to strip out everything that wasn't necessary, and round every coordinate to the nearest integer. I was using Ristretto next to the text editor to see the changes and was kind of wishing it could go the other way as well, maybe as a plugin for Geany or something.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by Mackser on Tuesday March 12, 2024 @05:38AM (#39677655)
This looks really well done! I was able to create a simple animation easily even though I don't know anything about animation software.

By the way, your "Features" page is really well made. I would showcase those features on the homepage. I didn't find the list of features until I clicked the link in one of your comments on HN.

You can also make your project more appealing on the homepage by including a looping demo animation (to see what's possible) and a screenshot of the tool.

Best of luck with the project!

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @03:32AM (#39688903)
Thanks for your suggestions. The feature demos were a labor of love, and it's wonderful to know they're appreciated.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by mittermayr on Tuesday March 12, 2024 @05:40AM (#39677664)
One quick comment: I was threatened and on the brink of being sued by one of Facebook's bigger law firms, because my domain was called "***gram.com" — I went through a couple of calls with them, and they confirmed that the only issue was the use of the word "gram". I tried to stick to my guns, knowing they had nothing (legally) on me, but eventually had to give in once they told me to research the ongoing cases they have with all the other domain owners (which you can all find online). Some of which have been going through lawyer-warfare for over three years (at the time). They basically said, if I have the power to sustain this, they would sue and we'll clear this in court, if I don't want to go through this, I should back off and use a different domain.

So, while I hate saying this, be warned, I was warned and ignored it, and eventually, no matter how tall you feel, that call may come quicker than you think. Keep a second domain around ready to go, make sure you can rebrand. Just my word of (super sad) advice.

Looks great though!

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by noduerme on Tuesday March 12, 2024 @06:47AM (#39678046)
Not that I don't believe what you're saying, but how is this a thing they could possibly expect to hold up as a trademark infringement? They literally own a single recently invented neologism of which neither the prefix nor the root is original. It seems to me that Instacart or Insta360 would be much more open to claims... honestly if it were me, I wouldn't hire a lawyer, just let them know to send me a letter what courthouse I should show up at with a dictionary.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by chillingeffect on Tuesday March 12, 2024 @06:59AM (#39678107)
The u.s. uses a two-class system. Only the lower-class one, the one based on religion, is taught in schools.

There is a hue of blue you are not allowed to use "pepsi". There is a hue of multimeter yellow you are not allowed to use "fluke".

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by smallmancontrov on Tuesday March 12, 2024 @08:59AM (#39678938)
Being right doesn't matter if you aren't rich enough to fight.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by diggan on Tuesday March 12, 2024 @09:02AM (#39678961)
> Not that I don't believe what you're saying, but how is this a thing they could possibly expect to hold up as a trademark infringement?

The worst part is that it doesn't even matter if they have a case or not. The mere threat of "Look at how much it'll cost you even if you're right" can be enough for people to pull back.

Recent relevant case is the Sony vs Bleem!, where Bleem! "won" but because of costs, Bleem! had to shut down anyway. So even if Sony lost the court case, they won because they shut down the group.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by ensignavenger on Tuesday March 12, 2024 @09:08AM (#39679017)
This exactly... I would represent myself, it would be fun.... and let Meta spend hundreds of thousands on lawyers. If I lost I would drag it out as long as possible and then if by some strange twist of fate I lost, I would declare bankruptcy and write a book about the whole thing.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by frob on Tuesday March 12, 2024 @09:35AM (#39679297)
I know your comment is just internet puffery, but please know that the old adage is true: "A man who represents himself has a fool for a client."

There is a reason that judges will ask defendents multiple times if they're really, really, truely sure they want to represent themselves before allowing it.

As much as you wish it, a dictionary or common sense does little to nothing in a court of law. Mostly, you'll just annoy the judge who cares not about your dictionary, but the subtle details of copyright law, trademarks, uS code, registration timelines, dates of priority, common use, historical use, due diligence, and 50 other minute technical details I have never even thought about.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by ensignavenger on Tuesday March 12, 2024 @09:54AM (#39679547)
I have represented myself in court before... and won. I wouldn't recomend it for everyone, but in a relatively low stakes case, it is better in my opinion, for me, to represent myself than to not have my side heard at all because I can't afford a lawyer. Some folks don't enjoy legal stuff like I do, and it would not be worth yheir time.

I should also clarify that the OP probably made the right choice for them to settle, as they probably had more assets to lose than I do.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by ixwt on Tuesday March 12, 2024 @10:32AM (#39680000)
I don't remember what podcast I heard it from, but another opinion about representing yourself: it's more taxing on the judge. It consumes more court resources to represent yourself; which already is scarce. Which is why they often make sure you really want to do this.

In most cases, yeah. Most people have little to no idea how the courts run, so judges often have to give large amounts of leeway to non lawyer pro se defendants.

I have no formal training, and am under no illusions that I'm smart enough to do it. But I am curious if I personally could do it. Argue before a judge, and antagonize court staff to figure out what needs to be filed, and how. All depending on the scale and stakes of the case.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by BobaFloutist on Tuesday March 12, 2024 @03:36PM (#39683933)
Maybe if it's that obnoxious to the state when people represent themselves, the state should provide advocates for civil cases where people can't afford a lawyer.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by nimbleal on Tuesday March 12, 2024 @09:33AM (#39679270)
Or even shoot a documentary as you go. Netflix could end up paying for your time.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by notsahil on Tuesday March 12, 2024 @05:57AM (#39677757)
Any reference to it? I couldn't find anything about Facebook taking action on a domain ending with gram. Was your domain similar to instagram?

Because telegram is still out there.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by Chazprime on Tuesday March 12, 2024 @06:02AM (#39677789)
This is one of them that I remember from 2016:

https://www.theguardian.com/media-network/2016/dec/02/battle...

I don’t see how even Facebook could have an issue with “telegram” being used commercially, but I wouldn’t be totally surprised if they did.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by panzagl on Tuesday March 12, 2024 @09:38AM (#39679328)
Deep in Meta HQ: "How dare the metric system infringe on our IP"
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by zelphirkalt on Tuesday March 12, 2024 @09:01AM (#39678954)
Telegram has probably sufficient money, so that threatening them into doing what FB/Meta wants does not work. They only go after small enough fish, preying on the weaker.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by andsoitis on Tuesday March 12, 2024 @09:28AM (#39679225)
and other things like storygram, thefoodygram, picturegram, etc.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by mittermayr on Tuesday March 12, 2024 @04:59PM (#39684877)
Not sure I want to post my domain but a bit of research will get you there if you want to confirm it. An Austrian news outlet wrote about the threat when I was involved.

And, I just had a look, here’s an article by someone (not me) who seemed to experience the exact same threat: https://killdozer.medium.com/facebooks-shame-o-gram-8e71106c...

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by master-lincoln on Tuesday March 12, 2024 @07:42AM (#39678361)
We built a system where the big players don't care if they are in the right. The massive investments necessary to uphold the rights in front of court are what makes it possible for Meta to get through with this BS. I am not sure if this is a problem that mainly manifests in the USA. I haven't heard of private parties or small companies shying back of a court case when they believe they are in the right in Europe.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by lovegrenoble on Tuesday March 12, 2024 @07:11AM (#39678164)
A big company moneygram.com use it with no problem.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by lucideer on Tuesday March 12, 2024 @07:32AM (#39678304)
Big companies can afford to - the point is not that Meta would win a case, it's that most people are too small to survive a case long enough to see it through to a win against Meta.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by panzi on Tuesday March 12, 2024 @08:09AM (#39678540)
But yet they leave https://telegram.org/ alone for some reason.

Weird that an American company would claim the word "gram". Thought they hate the metric system. /s

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by y42 on Tuesday March 12, 2024 @09:54AM (#39679551)
Well, then the first question I would ask the court: Why does Meta not sue big comapny XYZ hosting xyzgram.com?

Not that I don't believe OC, but I don't find any example for this story.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by zelphirkalt on Tuesday March 12, 2024 @08:58AM (#39678930)
Only goes to show once more how despicable FB/Meta as an entity is and acts.

One possible course of action is starting a drama on social media (on not FB) and contacting EFF and such, to get support. Still there will be impact on ones social life and FB/Meta should be punished for making people's life shittier. They think they are too big to fail. I hope one day they will be split up or sued into compliance with some ethics, putting on some tight screws and supervision. This freak show must be stopped.

I think in the EU things might look a bit different, because there was some law against such obvious bullshit lawsuits. Something about "slap" or so in the name of that law? I don't recall exactly.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by illwrks on Tuesday March 12, 2024 @05:41AM (#39677667)
I’ve not looked at the tool, but are animations driven by CSS, and if so do you embed the CSS into the SVG? Where I work we’re looking at SVG animation tools for some graphics and the majority appear to be lottie-like tools dependent on JavaScript and other plugins which we can’t use.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by Springtime on Tuesday March 12, 2024 @06:42AM (#39678012)
SVGator[1] offers CSS or JS for animation export (no SMIL or hybrid it seems). I haven't used it but it came up in a prior HN discussion. Due to the traditional dearth of authoring tools I'm used to creating self-contained SVG animations manually via a text editor, by translating raster mockups, but glad there's at least one GUI authoring tool that considers such use cases.

[1] https://www.svgator.com/help/getting-started/js-animations-v...

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by tgv on Tuesday March 12, 2024 @06:29AM (#39677940)
It doesn't sound like CSS. The fans on my laptop came on after opening a simple animation (the Pythagorean proof). Firefox was at 100%.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by jarek-foksa on Tuesday March 12, 2024 @05:54AM (#39677740)
For pure SVG-based animations you should take a look at Boxy SVG: https://boxy-svg.com/blog/21
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @03:47AM (#39688984)
Thank you for your interest! At the moment, Trangram does not support exporting SVG animation files.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by lukko on Tuesday March 12, 2024 @05:46AM (#39677695)
Well done for shipping! I'm really impressed by the tool - it's intuitive and like a very light-weight After Effects.

I think just re-designing the landing page would make a huge difference, very quickly. I think currently it lets down what is a well-crafted design / animation tool. Get rid of the white and teal, and the default system fonts. The looom site is a lovely example (https://www.iorama.studio/looom).

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @03:42AM (#39688963)
Thank you for your kind words and feedback! We're constantly looking for ways to enhance the user experience, and your input will definitely be taken into consideration.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by jzemeocala on Tuesday March 12, 2024 @06:15AM (#39677850)
OMG, I love this SOoooo much. Reminds me of a 90s era onion skin animation program I've been trying to find forever.

SAVED

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by jzellis on Tuesday March 12, 2024 @06:20AM (#39677879)
Oh, man. I just barely glanced at the features and the editor but - and I mean this in the best possible way - it looks like you've recreated Flash.

Regardless of what anyone thinks about the proprietary file format and Actionscript and the rendering engine,the actual Flash app itself was one of the best vector animation tools of all time, and when it died we lost something cool and useful.

I'm really looking forward to playing with this in depth. Great job, man!

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by thisislife2 on Tuesday March 12, 2024 @06:43AM (#39678017)
Disappointed that this is a web application. But great work. The user interface is very intuitive and easy to use.

Feature request: Add 'Export to JPEG-XL' option (JPEGXL - https://jpegxl.info/why-jxl.html . See also - FFmpeg Adds Support for Animated JPEG-XL - https://news.ycombinator.com/item?id=36243889 ).

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @02:01AM (#39700951)
Thanks for your feedback. We'll definitely keep that in mind as JPEG-XL becomes more widely supported across modern browsers.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by thisislife2 on Friday March 15, 2024 @11:05AM (#39716578)
It is already widely supported by all the major browsers except Chromium that powers Google Chrome and Microsoft Edge. And the lame excuse they give for that is "Chromium has actually decided to discontinue JPEG XL support, citing a lack of interest in the format." So if you wait for Google (and Microsoft) to support JPEG-XL, you will be stuck in a kind of "chicken and egg" paradox, where you wait for Chromium to support JPEG-XL and Google waits for developers like you to implement it in your apps.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by MyFedora on Tuesday March 12, 2024 @06:45AM (#39678028)
Why compare Tangram to Adobe Illustrator when Adobe offers animation software in their suite? Adobe After Effects does motion graphics. Adobe Animate does animations for the web, or so I heard. How is Tangram closer to Illustrator than After Effects or Animate?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by lazylion2 on Tuesday March 12, 2024 @06:55AM (#39678084)
Played with it for a couple of minutes, amazing work!

one bug, after pressing alt+space, it causes the alt key to be always pressed, which makes everything you move to get copied (as if the user is pressing alt)

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @03:23AM (#39688846)
Need further info, your browser version and os?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by brontosaurusrex on Tuesday March 12, 2024 @06:59AM (#39678105)
There is a typo in font style section: Blod italic (should be Bold).
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @03:12AM (#39688787)
I appreciate your keen eye for detail. Will correct it later.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by vasco on Tuesday March 12, 2024 @07:20AM (#39678231)
Just wanted to give a feature suggestion of adding a way to start the animator from existing designs. Kind of "fork" or "remix" for existing ones, opening the editor with the existing design pre-loaded. I think that would be incredible network power and cool to learn the tool.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by javier_e06 on Tuesday March 12, 2024 @07:53AM (#39678453)
It passed my first test: "Type hello world and make it bounce for 5 seconds."

The second test is: "save it as a gif" I could not do that because I need to create an account. I am weary of sites that lock in my work. Perhaps it would be a good hook-and-reel method to allow one grace save to ensure that what people create in an anonymous trial can be used somewhere else.

All my kids and I know how to use Paint Tool Sai because I trusted the software with our work. It was affordable and ran locally. Great site. I'll pass the word around.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by wizzwizz4 on Tuesday March 12, 2024 @11:57AM (#39681051)
You can save to file ('export', to use Trangram's nomenclature) without creating an account. This includes Trangram's native .tg format, as well as animated GIF.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by javier_e06 on Tuesday March 12, 2024 @12:42PM (#39681635)
Ah, yes! Thank you!. The export works like a charm. It let me select multiple formats.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by latexr on Tuesday March 12, 2024 @07:59AM (#39678489)
> Think Adobe Illustrator but for animation

That makes me think of Flash.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by taink on Tuesday March 12, 2024 @08:25AM (#39678645)
Opening the website with Firefox 123.0.1 on Windows 10 x64, the webpage slowed my browser to a crawl. After a quick look into it, it seems it didn't play well with the Angular Devtools extension[1]; you might want to look into it.

Interesting tool nonetheless!

[1] https://addons.mozilla.org/fr/firefox/addon/angular-devtools

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @03:52AM (#39689017)
Thanks for the feedback. Will investigate it.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by WillAdams on Tuesday March 12, 2024 @08:27AM (#39678662)
Some things I'm not seeing:

- no direct draw/deform/reshape tools --- Macromedia Flash had these of Futurewave's SmartSketch - no scripting

any possibility of those things getting added? (or could I get a hit w/ a clue stick showing me where in the UI I'm missing them)

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by mellutussa on Tuesday March 12, 2024 @08:33AM (#39678718)
Nice! Feature idea: let me open the demos in the editor.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by ultracakebakery on Tuesday March 12, 2024 @08:48AM (#39678834)
Please consider adding `overscroll-behavior: contain;` to the <body> or whatever wrapper causes my browser to scroll/drag outside of the viewport when zooming in or out the preview.

https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-...

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by anticensor on Wednesday March 13, 2024 @01:50AM (#39688452)
That inhibits pull-to-refresh in mobile phones.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by interestica on Tuesday March 12, 2024 @08:50AM (#39678858)
Do you have svg output examples?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @02:05AM (#39700972)
Currently, Trangram doesn't support exporting SVG animation files. While static SVG export is planned, it's not yet available.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by interestica on Tuesday March 19, 2024 @12:57PM (#39757790)
Ah, your description mentions svg animations.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by kookamamie on Tuesday March 12, 2024 @09:12AM (#39679054)
Looks very good (instant Flash erhm flashbacks) but jesus christ how to add more key points to the timeline?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by forsakenharmony on Tuesday March 12, 2024 @10:14AM (#39679782)
Wish the animations were playing in 60 or even better, my native refresh rate.

They look super choppy using firefox on macos

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by kraig911 on Tuesday March 12, 2024 @11:12AM (#39680467)
I like it but is there a pen Bezier tool? It'd be perfect with that feature.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @02:12AM (#39700998)
Certainly, we do have a Pen Bezier tool available. When you switch to path mode, the first one is what you want.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by mahesh_rm on Tuesday March 12, 2024 @11:41AM (#39680856)
This is amazing. I was able to open it and start creating animations! Thank you for this contribution!
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @02:23AM (#39701054)
Thank you and enjoy your animating.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by srameshc on Tuesday March 12, 2024 @11:43AM (#39680875)
This is wonderful. I love the simplicity of this tool and my kids loved it.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @03:08AM (#39688770)
Glad to hear that you found the tool wonderful and that your kids enjoyed it too! It's always great when something simple brings joy and utility to both adults and children alike.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by kokalesi on Tuesday March 12, 2024 @12:15PM (#39681270)
This brings tears in my eyes... thank you <3
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @01:25AM (#39700837)
Thank you!!
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by theferalrobot on Tuesday March 12, 2024 @01:11PM (#39682070)
I love this, I drew a triangle, clicked somewhere else on the timeline moved the triangle and it worked. So intuitive, just how it should be.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @02:25AM (#39701059)
Glad you found it intuitive! Keep creating!
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by i_am_a_squirrel on Tuesday March 12, 2024 @01:24PM (#39682224)
I love this! I was hit with a wave of nostalgia. I used to spend hours and hours making flash animations. This tool is super intuitive :D I haven't touched an animation tool since I was like 11 years old, and it just works.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Wednesday March 13, 2024 @03:37AM (#39688931)
I'm delighted that Trangram brought back those memories for you. Hope you are enjoying creating and sharing your designs. Happy animating!
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by mettamage on Tuesday March 12, 2024 @01:28PM (#39682293)
I wonder why nothing like this ever became big again after Flash.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by themagician on Tuesday March 12, 2024 @01:43PM (#39682476)
Wow. Adobe did such a great job destroying Flash that people be out there creating whole "Adobe Illustrator but for animation" software when Adobe already makes Adobe Illustrator but for animation.

Honestly, that's incredible.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by jimmar on Tuesday March 12, 2024 @01:50PM (#39682563)
Very cool! It's a great balance of power and simplicity.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @01:40AM (#39700876)
Thank you!
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by happytiger on Tuesday March 12, 2024 @02:21PM (#39682963)
This looks like a free version of https://rive.app/ (also free).

What would you say differentiates it? And why would I pick yours over rive long term?

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by hellorashid on Tuesday March 12, 2024 @02:21PM (#39682965)
whoa this is seriously impressive!
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @01:31AM (#39700849)
Thanks a lot!
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by alertuser on Tuesday March 12, 2024 @04:13PM (#39684356)
Flash was dangerous because it ran a VM and had low-level access for storage and graphics.

So it was always fighting against exploits that ruined its features.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by zem on Tuesday March 12, 2024 @05:41PM (#39685314)
what i miss from my childhood days is the far simpler program fantavision, which produces pretty crude results by today's standards, but which also had a very small learning curve and really let beginners experiment with the basics of vector animation. i've often wondered why there is no good analogue today.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by watersb on Tuesday March 12, 2024 @06:30PM (#39685727)
Mac app for web animation: Tumult Hype

https://tumult.com/hype/

Resulting animation can be self-hosted on a web page.

macOS-only, I believe.

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by stevels on Wednesday March 13, 2024 @01:01AM (#39688263)
Very impressive. I love it. How are you going to evolve it? Would you mind sharing your plan?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @02:54AM (#39701194)
Thank you for your kind words! I'm continuously striving to improve Trangram. Currently, I'm focusing on enhancing existing features and ensuring a smoother user experience overall. Rest assured, I'll continue to add new features to Trangram in the future, as stated on the https://www.trangram.com/about page.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by dusted on Wednesday March 13, 2024 @03:39AM (#39688940)
Excellent job! I recently fired up the latest version of Adobe flash and found myself entirely unable to remember how to even do a simple keyframe animation, your editor manages to let me do that intuitively!

I'm definitely going to have a closer look at this in the future!

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @02:32AM (#39701089)
Thank you! Delighted to hear that you find Trangram intuitive. Looking forward to having you explore it further in the future!
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by fredguth on Wednesday March 13, 2024 @09:50AM (#39691194)
Animator was the name of the first animation software I used in 94.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by hank1931 on Wednesday March 13, 2024 @11:15AM (#39692274)
When on the "My Designs" list, if you choose the vertical three dots way on the right, Delete is spelled Detele. Other than that, well even with that, you've come up with an amazing app!!
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @02:28AM (#39701072)
Oh, this is a creative one, I don't even know how I did that. Thank you for letting me know.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by geenat on Wednesday March 13, 2024 @12:29PM (#39693594)
Flash is back, baby
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by rpuiu on Wednesday March 13, 2024 @02:11PM (#39695166)
This is super cool, gret job! How long did it take for you to reach this version?
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @02:37AM (#39701105)
Thank you! Well, it's hard to say, because the first version of Trangram differed significantly from what you see now. Additionally, I've been involved in various projects over the years.
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by albert_e on Thursday March 14, 2024 @09:28PM (#39711150)
This is wonderful. I hope you are able to make this a full product.

Suggestion: - import SVGs? - create custom shapes and groups and add them to a "library" so you can reuse them across projects?

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @10:31PM (#39711488)
Trangram indeed supports basic SVG import as well as importing Trangram files (tg). To import, simply navigate to the "Import" option under the main menu (Trangram logo) in the editor.

Regarding reusing shapes or groups, you can export them as tg files and import them into your new project. This feature allows for seamless reuse across projects. I hope this clarifies things for you!

Re:Show HN: I made a FREE animator think of Adobe Illustrato... by trangram on Thursday March 14, 2024 @10:38PM (#39711517)
In addition to exporting/importing tg files, logged-in users can easily reuse their existing designs by directly importing them from "My Designs".
Re:Show HN: I made a FREE animator think of Adobe Illustrato... by raobit on Saturday March 16, 2024 @03:21AM (#39723952)
hey hey!! the tool is really cool. What tech stack did you used to develop this?? I also see you have disabled inspect chrome tab, why that so?