Skip to main content

Getting Started with MakeIt3D

Transform Your Construct 3 Projects with Real 3D Power

MakeIt3D seamlessly integrates Three.js into Construct 3, enabling you to create stunning 3D experiences without leaving your favorite game development environment.

What is MakeIt3D?​

MakeIt3D is a powerful Construct 3 plugin that bridges the gap between 2D game development and 3D graphics. Built on top of the industry-standard Three.js library.

Important Technical Note

MakeIt3D uses a separate Three.js rendering system that overlays on Construct 3's canvas. 3D objects do not integrate with Construct's layout system, sprite behaviors, or collision detection. This is a standalone 3D rendering solution controlled through events, not an extension of Construct's 2D object system.

Key Features​

  • 🎯 Easy Integration - Add 3D elements to your existing 2D projects
  • ⚡ High Performance - Powered by Three.js WebGL renderer
  • 📱 Cross-Platform - Works across all Construct 3 supported platforms
  • 🎨 Rich Materials - Support for textures, lighting, and advanced materials
  • 🔄 Animation Ready - Built-in support for 3D animations and transitions

System Requirements​

Before getting started, ensure your development environment meets these requirements:

RequirementSpecification
Construct 3Latest stable release (recommended)
BrowserChrome 70+, Firefox 65+, Safari 12+, Edge 79+
WebGLWebGL 2.0 support required
Performance Tip

For optimal performance, use Chrome or Edge browsers when developing with MakeIt3D.

Installation Guide​

Itch.io​

  1. Extract Package

    • Download the MakeIt3D file from Itch.io library.

  2. Install the Plugin

    Construct 3 → Menu → View → Addons Manager → Install New Addon
    • Browse and select your downloaded .c3addon file
    • Click Install and wait for the process to complete
    • Restart Construct 3 when prompted

Quick Start Tutorial​

Let's create your first 3D scene in just a few minutes:

Step 1: Project Setup​

1. Create a new Construct 3 project
2. Set your layout size (recommended: 1280x720 or higher)
3. Insert → New Object → Plugins → MakeIt3D

Step 2: Create 3D Content​

Add this to your Start of Layout event:

System → On start of layout
├─ MakeIt3D → Create Scene
├─ MakeIt3D → Add Cube (Id, position, rotation, color, scale)
├─ MakeIt3D → Set Object Material (Id, color: MakeIt3D.RGB(255,255,0))
├─ MakeIt3D → Set Camera Position (x: 0, y: 0, z: 5)
└─ MakeIt3D → Enable Orbit Controls(Set Orbit Control Properties)

Step 3: Run Your Project​

Press Preview Project to preview your project. You should see a rotating red cube that you can orbit around with your mouse!

What's Next?​

Now that you have MakeIt3D up and running, explore these resources to master 3D development:

⚙️Configuration

Discover all plugin properties and customization options

View Details →

🔧API Reference

Complete documentation of actions, conditions, and expressions

View Details →

📚Examples

Explore ready-made 3D scenes and projects to jumpstart your development

View Details →

Need Help?​

Getting Support
  • Documentation Issues: Check our FAQ section
  • Bug Reports: Use the browser console (F12 → Console) to identify errors
  • Community: Join our Discord server for community support
  • Direct Support: Contact us through the Construct 3 Marketplace or Itch.io

Ready to bring your ideas to life in 3D? Let's get building! 🚀