plugin-icon

Code Three 3D Interactive

لصاحبه Kauri Beguely·
Easily build animated/interactive 3D scenes and embed using a shortcode. Take your site to the next dimension. Powered by Three.js
النسخة
1.0
التنصيبات النشطة
10
آخر تحديث
Jul 31, 2025
Code Three 3D Interactive

Code 3 lets you embed multi-object, interactive 3D scenes into your WordPress site using a simple shortcode.

Live Demo – Multiple Scenes

Ideal for developers, designers, and digital creatives who want to create engaging 3D web experiences — without hardcoding them into templates.

Features

  • Upload multiple GLB models to a scene and change their transforms (position, rotation, scale)
  • Add images from media library as objects in the scene (fully transformable)
  • Embed 3D scenes via shortcode
  • Mousemove and scroll interaction
  • Switch between Orthographic and Isometric camera
  • Build a seperate composition for a defined breakpoint

How It Works

  1. After clicking Add New Scene, you can add models by uploading GLB to the media library
  2. You can change all objects position/rotation/scale in the scene editor
  3. You change global settings like light intensity and scroll/mouse interaction
  4. Place the shortcode anywhere you want it to display

Shortcode Examples

[codes_scene id="39"]

By default the width will be 100% of the container the shortcode is placed and the height will be 500px

[codes_scene id="39" width="500px" height="30vh"]

Set custom height and width of the shortcode, accepts all CSS measurements.

مجانيعلى الخطط المدفوعة
إذا أتممت بالتثبيت، فإنك توافق على شروط خدمة ووردبريس.كوم ووشروط إضافات الأطراف الثالثة.
تم اختباره حتى
WordPress 6.8.5
تتوفّر هذه الإضافة للتنزيل لتُستخدم في عملية التثبيت لديك.