🌟 MakeIt3D - 3D Plugin for Construct 3

Transform your Construct 3 projects with professional 3D graphics - no coding, no complex setup, just pure creative power.

⚡ What is MakeIt3D?

MakeIt3D seamlessly integrates the full power of Three.js directly into Construct 3's familiar event system. Build stunning 3D scenes, import complex models, and create immersive experiences with visual workflow and automatic synchronization.

Perfect for: • 2.5D and full 3D games • Interactive web experiences • Rapid 3D prototyping • Architectural visualizations • Product showcases

⚠️ Technical Architecture

How MakeIt3D Works

MakeIt3D uses a separate Three.js rendering context that overlays on Construct 3's WebGL canvas. This provides full access to Three.js features while working alongside Construct's 2D system. Please try demo version before purchasing as this tool requires some technical knowledge in 3D.

Two Workflow Approaches

1. Event-Based Workflow (Traditional) Create and control 3D objects programmatically through event sheets:

• Use actions to spawn objects, set materials, play animations
• Full control over every aspect via events
• Ideal for dynamic content, procedural generation, complex logic
• Objects exist only at runtime

2. Placeholder Object Workflow (NEW!) Visual layout-based workflow with automatic synchronization:

• Place MakeIt3D Placeholder Objects directly in the Construct 3 layout editor
• Configure shape type in properties (primitives or custom 3D models)
• MakeIt3D automatically creates corresponding Three.js objects
• Automatic sync: Any Construct 3 behavior affecting the placeholder (position, rotation, scale) automatically updates the 3D object
• Use Tween, Sine, Bullet, Pathfinding, Physics - they all work with 3D objects
• Visual representation in editor for easier scene composition

How Collision Works:

• The placeholder sprite responds to Construct's collision system (Solid behavior, Physics, etc.)
• When the placeholder is blocked by collision, it stops moving
• Since the 3D object syncs to the placeholder's position, the 3D object also stops
• Result: 3D objects indirectly respect Construct's collision system through the placeholder
• However, the actual 3D mesh geometry doesn't participate in collision - it's visual only
• For precise 3D mesh collision (raycast picking, etc.), implement Three.js raycasting separately

Best Practice: Use placeholder objects for scene elements that need to interact with Construct's 2D collision/physics. The placeholder handles collision logic, the 3D object follows visually. For complex 3D-specific collision, combine with raycasting or use event-based workflow.

🎮 Core Features

🆕 Placeholder Object System

NEW! Visual workflow for 3D integration:

• Drag-and-drop 3D objects directly into layouts
• Shape configuration via properties - choose primitives or custom models
• Custom 3D Model Importer:
  • Drop FBX/GLB files directly into Construct 3 project
  • Automatic file recognition and preview
  • Import models directly into project files
  • Access imported models in placeholder shape properties
• Automatic behavior sync - any C3 behavior works with 3D objects
• Minimal-level editing - compose basic 3D scenes visually in the editor
• No manual position/rotation/scale syncing needed!

🏗️ Scene Building

Transform your ideas into reality with intuitive 3D scene creation:

• Import complete scenes from Three.js Editor (JSON format)
• Add primitive objects - cubes, spheres, planes, cones, and more
• Import custom models - full support for .fbx and .glb files
• Precise control over position, rotation, and scale via event sheets.
• Construct3 Layer support: You can create 1 scene per layout on specified layer and on other layers you can have UI elements like sprites, buttons, text etc. checkout these examples https://make-it-3d.vercel.app/docs/examples 

💎 Materials & Lighting

Bring your scenes to life with professional-grade rendering:

• Advanced materials: Basic, Phong, Lambert, Standard PBR
• Texture mapping: Diffuse, normal, emissive, roughness, metallic
• Dynamic lighting: Point, directional, ambient, and spot lights
• Real-time shadows and reflections

✨ Post-Processing Pipeline

Add that professional polish with built-in effects:

Visual Effects:

• 🌟 Unreal Bloom - Cinematic glow effects
• 🎭 Outline - Stylized object highlighting
• 📺 Glitch - Digital distortion effects
• 🌈 RGB Shift - Chromatic aberration
• 👻 Afterimage - Motion trail effects

Image Enhancement:

• 🔧 FXAA - Anti-aliasing for crisp edges
• 🎬 Film Pass - Vintage film grain
• 🎨 Pixel Effect - Retro pixelation
• 📷 Bokeh - Depth of field blur
• 🎪 Scene Transitions - Smooth scene changes

🎬 Animation System

Breathe life into your models:

• Native support for FBX and GLB animations
• Event-driven control - trigger animations from Construct events
• Smooth blending between animation states
• Timeline control - play, pause, loop, reverse

🚀 Why Choose MakeIt3D?

🎯 Built for Construct 3

• Zero learning curve - uses familiar event sheets
• No coding required - everything visual and intuitive
• Instant compatibility - works with existing Construct projects

🆕 What's New in Latest Version

Placeholder Object System

The biggest workflow improvement yet! The new placeholder system eliminates manual synchronization:

Before: Manually sync position, rotation, scale between C3 sprites and 3D objects through events After: Place placeholder in layout, MakeIt3D handles everything automatically

Key Features:

• Visual 3D object placement in layout editor
• Built-in 3D model importer (drag-drop FBX/GLB into project)
• Automatic sync with Construct 3 behaviors
• Property-based shape configuration
• Bottom-anchor alignment for easy 2D/3D integration

⚡ Performance Optimized

• WebAssembly acceleration for smooth 60fps rendering
• Lightweight footprint - won't bloat your projects
• Mobile-friendly - runs great on all devices

🔧 Active Support

• Professional results from day one
• Extensive documentation and examples
• Active community support

🚧 Current Version Notes

• Workflow flexibility: Choose between runtime event-based control OR visual layout-based placement with placeholders
• Scene import: Create complex scenes in Blender/Three.js Editor and import the complete scene
• Asynchronous operations: Some actions require waiting for completion before executing the next step (synchronous alternatives planned for v2)

🎨 What You Can Build

Games & Interactive Media:

• Immersive 3D adventures and platformers
• Product configurators and showcases
• Architectural walkthroughs
• Data visualizations
• Educational simulations

Creative Projects:

• Music visualizers with reactive 3D graphics
• Interactive art installations
• Prototype presentations
• Marketing demos

📦 Getting Started

1. Download MakeIt3D addon
2. Install in Construct 3 
3. Option A: Add MakeIt3D Placeholder Object to layout for visual workflow
   
4. Option B: Add MakeIt3D object and use event-based control
5. Start creating amazing 3D content

Complete documentation and video tutorials included.

💬 Community & Support

Join our growing community: • Discord Server - Get help, share creations, early access • Regular updates and new features • Direct developer support

🔔 Stay Updated

Follow this page to be notified when MakeIt3D launches and get access to:

• Early adopter discounts
• Beta testing opportunities
• Exclusive tutorials and assets
• Community showcase features

Ready to revolutionize your Construct 3 workflow? The future of 3D game development is here.