The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
A creative technologist takes an idea and works out what technology can do for it. Then builds the way it gets made, so it works a second time too.
That's the short version, as a 39-second pixel film. I'm the one with the hat.
In my own work it goes two ways. Creative workflows make the work: the images, clips and films. Operational ones keep it running, like the setup behind a team using AI every day. For both, the loop is the same: test it, break it, build it better.
The voice in the film is a synthetic version of mine. The animation is drawn in code.
So cool!
Thanks 😄
Explaining your job as a pixel game with Idea, Story, Feeling and Look as the choices is a fun way to do it. Drawing the animation in code makes it even better.
Thanks. Yeah, it was really fun to go from less is more..
Thank you Anas, that is why i want to make things..
drawn in code and transfered to mp4 directly in claude code
Love this definition! "Works a second time too" is the real difference between a cool experiment and actual creative technology. Building the system so it repeats is where the craft is. That 39-second pixel film sounds fun - love that you put yourself in it with the hat! 😄
Haha, thanks man.. the funny thing it is my game character inside Division 2 that looks a lot like me.
Haha no way that's your Division 2 character? That's even more cool - personal avatar as brand, love that story man!
Also made this one..
Always Jock! Your work deserves it 🔥
Great Jock🔥🔥
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Hourfield is a 16-second 16:9 launch film for products that organise people's time: calendars, schedulers, booking and reservation apps, planners. Retype a few short lines, drop in your logo and rename the calendar's days and tiles (meetings, table bookings, classes, shifts): the week re-plans itself on screen and the film lands on your logo lockup. Our second version, Maréva, a fictional table-booking app, turns the working week into an evening of reservations on the same animation and timing.
Built end-to-end through the SVGator MCP server. The calendar that re-plans its own week, the orbit that swirls into a single dot and the lines centred by their real letter shapes (fonts measured, not eyeballed) were computed in Python and written straight into a live SVGator project as 780 editable keyframes; I directed every note and finished it in the canvas. Maréva was made the same way, on the same timeline. Everything stays a real layer: 50 live text layers, named elements (headline, logo, product-name, tagline) and one logo image animated in two moments.
Yes, there is a lot to edit: every line of the story, a whole week of calendar tiles, a palette in nine roles. A full rebrand takes longer than five minutes, and that is the honest trade: it shows how much a single SVGator file can carry, and how MCP makes a detailed, story-driven film practical to re-make, not just to watch.
Links:
▶ Template (SVGator)
▶ Demo video, A → B
Love the smooth flow and the text animation! Good luck!
Shapeshift is a looping product-carousel ad I designed as a reusable template for any brand with four products to show (flavours, colourways, a menu), made for Instagram and paid social. Every piece is a named layer: retype the text, drop your photos into the four product slots and recolour, and the motion stays the same. Swap in a different shape set (soft, Mughal or geometric) and the same timing takes on a new personality.
I built it with the SVGator MCP. I came up with the concept and art-directed the motion, colours and every rebrand, while an AI assistant made the layer edits through the MCP. Every version in the video (vivid, light, the Bunsmith burger rebrand and the Mughal shapes) comes from that same file.
Beautiful Grid effect that follows your cursor
Interactive footer built in Framer
