@marco_works Just sayin'... In these days I wonder what to work on. Not if I can do it but should I? I just think we might be better off if we all worked together a little more. That's just me. I'm willing to help in some small meaningful way, if you see value in it. where I'm at:
I’ve been trying to vibe-code the next After Effects and accidentally built a real-time rendering animation app for the browser. What started as a fun experiment has turned into a 10-week rabbit hole I can’t seem to exit. Please send help.
By prompting Claude continuously, this somehow formed into a fully functioning motion design app that runs on WebGPU and TypeScript that I’m calling “Plate”.
The code however, is probably held together by pure vibes, miracles and delusion. Developers will probably experience extreme emotional damage if they look at it (i am truly sorry).
Motion designers suddenly have gained powers to build custom animation apps through using LLM's like Claude Opus or ChatGPT Codex. The future of motion design is interesting.
Test the app out yourself at plate.video
(Understand that Plate is in Alpha so expect many bugs and the possibility of things breaking.)
Yes ideally I'd open source it on GitHub at some point but I want to iron out some of the kinks first. Plus there is some architectural rework I want to do. I'm doing all of this next to a full-time job so it'll take some time. And noted, I'll be sure to reach out once I'm more clear on which direction I want to take this. Thanks!
Yeah, I’ve got a couple machines here. I poked at it and tried the Chrome GPU flags, no luck on that one. The box with the NVIDIA card worked though.
Looks like they released Master Selects. I forked it and I’m wiring in some audio reactive shaders and effects. Working pretty well so far. Not public yet, but I’m thinking about it.
Are you planning to release it on GitHub? I might be interested enough to open some issues or submit a PR. note my DMs are open. feel free, anytime.
Ah I know Master Selects, they've done some great work with their browser based video editor.
Code is currently hosted on a private gh repo but thinking about open sourcing it at some point.
You got a WebGPU error message as well?
Seems like it happens to about 1% of the users. I'm gonna see if I can find what's going on.
@marco_works I'm on Chrome and got the same message. I too have been coding something similar to this. I'm going GLSL shaders but I started from an existing forked project called Master Selects on github. Is your code on github?
You can hit spacebar to play back the timeline, similar to other animation apps. For a full walkthrough check out the video here: youtube.com/watch?v=BghnFZ…
It'll also show you how to set keyframes and start animating.
Keyframes are mostly set from the properties panel, but can be set from the timeline as well by using shortcuts.
@marco_works Looks interesting and clearly a lot of work. I couldn't find a Play button to make the timeline do anything and assumed there would be a way to insert markers for the timeline to transition keyframes etc (like flash) but didn't discover that. Only tried it for a minute or two.
That should work but you might have WebGPU disabled.
Try going to brave://flags and enable the "# enable-unsafe-webgpu" or "# enable-webgpu-developer-features"
Brave is tricky to get working though, as it needed some work arounds for file saving/opening and other things. So expect more bugs and things not working in Brave. That's why the app is optimised for Chrome for now.
@jacquesBroquard Mainly speed, performance and ease-of-use. I have a lot of ideas to make this into something that enables creatives to do work they were never able to do before. Now I just need to find the time to build it all out.
@elrobles What system are you on? Plate works best on Chrome and a Desktop. Other browsers can work but they might get a bit buggy, not all of them support WebGPU.
I got curious about plate.video because it was actually built by an animator, @marco_works from BUCK.
The experience is much lighter and less overwhelming than After Effects. It works perfectly in the browser, but there’s a Mac app too. It’s wild that the whole thing was built using Claude.
The files are saved in a .plate format, but the underlying code is a JSON structure, which makes it feel really accessible and fast. It’s still in beta, so I’m curious to see how the AI features and the roadmap evolve.
Give it a try: plate.video
Man do I miss just diving into After Effects, playing around for hours/days to get to some interesting. These were fun! Been a while since I posted in here. Let me know if you would like me to post more frequently.
Music: CHUCH - Friendzone
#aftereffects#2d#2danimation
Saw some very inspiring talks this weekend during @Mo_Plus_Design in Rotterdam, by the incredibly talented @calango_nl@motion_marco@williamson_pip ✨ I now know that I am in fact a spork, I shouldn't feel bad for ignoring Duolingo, and I should fuck around more and find out!
Centre of gravity.
Can be obvious, but when animating some shots with liquids, we sometimes dont take this in account and it can create some weird things.
Plus, it can be a good exercise to play with water animation, how it stretches, bounce back and forth,...
#2dfx#vfx