Doing all the animation stuff for @silkmotion is pretty tough but I will do it, I'm sure! πŸ’ͺ

It's all about setting the keyframes, animating the values and draw the canvas with the new values.

That's why it's moving slowly now. Should be fine soon. 😁

New week and also a great weather here. β˜€οΈ
Perfect week for working on @silkmotion again!

What are you working on this week?

Let us know πŸ‘‡πŸ“’

#buildinpublic #motivation
@silkmotion Elements can now be selected and the panel on the right loads the correct properties based on the type of the element. πŸ₯³

Currently there is only the Canvas and Shape type. I just need to add more controls. Will follow soon! πŸ‘€

🚨 Another small update for @silkmotion:

I'm on the properties panel on the right where you will be able to see and update the properties of your elements like size, color, font, animation etc.

Still very ugly but that's how it should work basically. πŸ‘€

#buildinpublic #motion
#buildinpublic is not just about building in public. πŸ‘†

It's also about
🀯 Discovering new cool projects
🀝 Helping others
βœ… Getting valuable feedback

At the end you also boost your social reach πŸš€.

So why are you still building for yourself? Share it!
Simple demo of resizing the video on the canvas by just switching between some <option> elements. πŸ˜†

Later there will be two separate input fields and presets you can choose. πŸ‘€


#buildinpublic #silkmotion
I'm playing with exporting the canvas a bit and it's working. πŸ₯³ I just had to to some small tweaks.

With this setup I can export *any* size with *any* state of the canvas (animation). Even just a simple image would work. 🀯 Crazy!

@silkmotion will be huge!

🚨 Small update on my motion tool I'm currently building:

It has a name! πŸ₯³

Welcome aboard @silkmotion πŸš€

#buildinpublic #silkmotion
πŸ₯³ Progress on the canvas.

The white part is the actual viewport that gets exported but you can freely drag, move and resize it (similar to Figma). πŸ‘€

I still need to add the ability to zoom in and out though. This will be next! 😬

#buildinpublic #canvas #animation
Basic keyframes are working. Code is very ugly but it works. No visible keyframes on the timeline yet though.

It works so great! Really powerful because it supports any easing gsap supports and I can literally animate anything with it! πŸ‘€πŸ’ͺ

#buildinpublic #animation #keyframes
Hello #indiehackers, it's early morning here! πŸ‘‹

What project are you working on today?

πŸ‘‡ Share it! πŸ“’

After drawing emojis on canvas for @favicoon, I got excited for canvas animations.

That's why I'm working on something new πŸ‘€

Early WIP but already kinda works. 😬

Can you guess what it is?

#buildinpublic #canvas #animation
❌ Don't force yourself to accomplish something in a certain amount of time.

βœ… Take the time you need and you will succeed even faster.

#indiehacker #motivation #buildinpublic
The emoji generator on @favicoon now also works for Firefox. πŸ₯³

It couldn't get the dimensions of the SVG automatically without setting the explicit width and height attributes.
So I had to add some extra steps where I set those. πŸ‘€

#buildinpublic #favicon #generator
Emojis can now be scaled up to 200% in @favicoon to allow some better variants with the rotation!

#buildinpublic #favicon
I've tweaked the UI for the emoji preview of @favicoon a bit. 😬

It shows the minimum and the maximum value you can choose now.

#buildinpublic #favicon
Mooooar emojis for @favicoon πŸ˜„

I'm currently implementing ✨all✨ available emojis so you can choose whatever you need.

Which emoji would you use for a favicon? πŸ€”

#buildinpublic #emoji
Coming to @favicoon soon: Emoji Favicon Generator!

Still work in progress as you can see but it should be possible to rotate and offset the emoji. 🀯

Maybe also multiple emojis? πŸ‘€

Any ideas on this yet what you want to do with emojis?

#buildinpublic #favicon #generator