Hey everyone! 👋

We’ve just rolled out an exciting new feature in the Construct 3 Three.js plugin that allows you to apply sprite frames and animations as textures on Three.js objects — in real-time! 🚀 This means you can now animate your sprites and have them directly update the textures of 3D objects, creating a seamless experience between 2D and 3D elements in your projects.

What’s New?

In the latest update, we’ve added a new "Set Texture from Sprite" action. This gives you the ability to:

1. Set a Sprite Frame as a Texture on a Three.js object.

2. Automatically update the texture when the sprite's animation plays.

This allows your 3D objects to take on dynamic sprite textures, and as the sprite changes frames or plays an animation, your 3D object will reflect those changes in real-time.

How Does It Work?

It’s super simple to set up! Here’s a quick walkthrough:

1. Add the "Set Texture from Sprite" Action:

   • This action allows you to specify which sprite’s frame will be applied as the texture.

   • You’ll also need to provide the objectID of the Three.js object that will have the texture applied.

2. Select a Sprite & Object:

   • Choose the sprite from your Construct 3 project and select the object that the texture should be applied to.

3. Real-time Updates with Animation:

   • If the sprite is animated, the texture on the Three.js object will automatically update as the sprite animation plays, keeping the animation in sync with the 3D object’s texture.

This works perfectly for animated textures, character sprites, or any situation where you need a dynamic, animated 2D texture on a 3D model.

Why Is This Awesome?

• Seamless Integration: You no longer need to manually update the texture every frame. The plugin takes care of it automatically.

• Easy Animation Sync: When you play an animation on a sprite, it’s reflected on the 3D object — no extra code needed.

• Enhanced Creativity: Mix 2D and 3D in creative ways, whether it’s for characters, objects, or dynamic environmental effects.

Example Use Case

Imagine you have a 2D animated character and you want to apply its animation as a texture on a 3D model. Simply set the sprite as the texture, and every time the sprite changes its frame, the 3D object’s texture will update accordingly. This creates a really smooth and dynamic look without needing to manually swap textures or handle complex updates!

How to Get Started?

1. Download the Latest Version of the plugin.

2. Add the "Set Texture from Sprite" Action to your events.

3. Pick a Sprite and Object, and you’re ready to go! The texture will automatically update based on the sprite’s animation.

Future Improvements

This is just the beginning! We’re working on more exciting features to continue improving the interaction between 2D and 3D elements. Stay tuned for updates and feel free to share your feedback and ideas!