Procedural Animation Dev Page

ALRIGHT! The image mapping extension is out!
I worked intensively hard on it over the past week and I’m pretty happy with how it turned out, and I hope you all are too!

Introducing, the Image-Mapping extension:

This was also my first time doing anything with a README.md. I just made it a simple read with some examples on the side. I would suggest looking at those examples to get a feel of what to use this extension for.

But here is a short list of functionalities included in this extension:

  1. Mapping an image to four points. It basically interpolates the pixels from the four corners of the image to the new four points of your choice.
  2. Mapping an image to a color region. I’m really excited that this was actually something possible on Makecode arcade. It finds the shape of a color region on a base image and then maps the source image onto that shape. I was inspired from this video[1].
  3. Outlining. I just wanted to add blocks for Outlining images. I may add more blocks in the future that do the reverse of the outline blocks.

Please check this extension out! I hope this extension is useful to you guys!
I’m really happy with how it turned out, and I want that to be the same for all of you, so please comment what you think! I would love to hear your ideas and improvements.

On a side note, the next thing I will be working on is that Ragdoll extension, because I saw that it still has interest which is good!

Thank you!


  1. If you watch the video, you’ll see that there’s lots of color used in the mapping, but this was a problem because Makecode Arcade only provides 16 types of color. So this took some brainstorming and I think region mapping turned out to be the best answer. ↩︎

2 Likes

Also, copy and paste this link for a few color region animations:

3 Likes

They walk with such intent…

Anyways the extension is really cool.

Another thing, I noticed that the softbodies (especially when given a low damping rate) started to “drift” towards 0,0. It’s like they would just start floating to the top-left of the screen.
I found out what was causing it so I patched that bug recently!
Please let me know if you guys find bugs in any of my extensions!

3 Likes

i randomly remembered watching this video and realised it was definitely something you would enjoy! (unless you’ve already watched it lol)

4 Likes

I remember this video! I think it was about a year and a half ago I was just going down the rabbit hole of all the YouTube videos on procedural animation.

3 Likes

Hey @BLADEr! How easy is it to do Procedural Animation in Makecode with Blocks? (Have you done it with Blocks. Just wondering)

1 Like

I’ve been working really hard on my hair salon game and so I haven’t really been able to touch the ragdoll extension and I’m sorry for the delay. I will work on it sometime next month hopefully.

Happy belated cake day, @Luke!

3 Likes

I first started doing procedural animation with blocks! I would set up simple constrain systems using arrays. I either deleted or changed my old games from blocks to Java, but here’s an example of something I made:

And then that turned into this:

I think that was one of the first procedurally animated things I did with blocks.

Creating that little worm led to me creating all these extensions to make better and more complex creatures.

Hopefully this helped, The4Lexenator!

4 Likes

So Procedural Animation is that easy?

1 Like

hi just wandering hows the cat going?

2 Likes

I actually haven’t been able to make anything yet and I am greatly sorry.
I’ve been a little busy this month prioritizing my hair salon game and the outdoors mini game jam.

I’m sorry for putting it off for so long. I hope to work on it starting on the 27th when the game jam ends.

Thank you for reminding me! Again I apologize.

no worry’s but I’m upset that I have not been able to find you your salon game because it sounds so COOOOOOL! and don’t be sorry I’m also in a game jam and I know just how hard it is so I don’t mind but make sure you win the game jam!!! best of luck!

1 Like

Here’s the hair salon game topic.