Title: Code Three 3D Interactive Author: Kauri Beguely Published: জুলাই 30, 2025 Last modified: জুলাই 31, 2025 --- প্লাগিনৰ সন্ধান কৰক ![](https://ps.w.org/code-three-3d-interactive/assets/banner-772x250.jpg?rev=3336550) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/code-three-3d-interactive/assets/icon-256x256.gif?rev=3336550) # Code Three 3D Interactive [Kauri Beguely](https://profiles.wordpress.org/kauribeguely/)-ৰ দ্বাৰা [ডাউনল’ড কৰক](https://downloads.wordpress.org/plugin/code-three-3d-interactive.1.0.0.zip) * [বিশদ বিৱৰণ](https://as.wordpress.org/plugins/code-three-3d-interactive/#description) * [পৰ্য্যালোচনা](https://as.wordpress.org/plugins/code-three-3d-interactive/#reviews) * [ইনষ্টলেশ্যন](https://as.wordpress.org/plugins/code-three-3d-interactive/#installation) * [বিকাশ](https://as.wordpress.org/plugins/code-three-3d-interactive/#developers) [সাহায্য](https://wordpress.org/support/plugin/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](https://c33d.kaurib.com/) 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. ## স্ক্ৰীনশ্বট [⌊User Interface with a single object scene. Object tab active on right.⌉⌊User Interface with a single object scene. Object tab active on right.⌉[ User Interface with a single object scene. Object tab active on right. [⌊Multi object (demo scene 'Scrolling Phones'). Animation tab active on right.⌉⌊ Multi object (demo scene 'Scrolling Phones'). Animation tab active on right.⌉[ Multi object (demo scene ‘Scrolling Phones’). Animation tab active on right. [⌊The same scene shortcode used in two different designs (with Elementor)⌉⌊The same scene shortcode used in two different designs (with Elementor)⌉[ The same scene shortcode used in two different designs (with Elementor) [⌊Lamborghini scene in an Elementor section. Linked to mouse move.⌉⌊Lamborghini scene in an Elementor section. Linked to mouse move.⌉[ Lamborghini scene in an Elementor section. Linked to mouse move. ## ইনষ্টলেশ্যন Installing and activating via the plugin repository is all that’s needed. Basic intro guides/tutorials coming soon. ## সঘনাই উত্থাপিত প্ৰশ্ন ### I added a model, why can’t I see it? The most likely is the model size is huge/tiny. Try scaling it up or down (sometimes a lot). ### Why is my model is completely black? Either lighting or materials are not setup correctly. Try change the light intensity or toggle environment light. If it’s a material issue you need to fix the model in a 3D software e.g. blender or find a new one. ### My scene looks smaller that I made it The scene size is based on the height/width of the canvas. The editor canvas is large, almost the whole screen. You can either make the container that holds the shortcode bigger, change the width/height values in the shortcode itself or adjust scales of objects in the editor. ### My scene looks broken on mobile Within the editor you can move all objects into a different layout (click mobile view at the top of the builder UI) beyond a defined breakpoint (set via setting icon in top right of builder). If you want to stop this happening, just set the breakpoint to something tiny like 1px. ### What model formats are accepted? Just glb/gltf for now. More coming soon. ## পৰ্য্যালোচনা এই প্লাগিনৰ বাবে কোনো পৰ্য্যালোচনা নাই। ## অৱদানকাৰী আৰু বিকাশকাৰীসকল “Code Three 3D Interactive” হৈছে মুক্ত উৎসৰ ছফ্টৱেৰ। এইসকল লোকে এই প্লাগিনত অৱদান আগবঢ়াইছে। অৱদানকাৰীসকল * [ Kauri Beguely ](https://profiles.wordpress.org/kauribeguely/) [আপোনাৰ ভাষাত “Code Three 3D Interactive” অনুবাদ কৰক।](https://translate.wordpress.org/projects/wp-plugins/code-three-3d-interactive) ### বিকাশৰ প্ৰতি আগ্ৰহী? [ক’ড ব্ৰাউজ কৰক](https://plugins.trac.wordpress.org/browser/code-three-3d-interactive/), [SVN ৰিপজিটৰী](https://plugins.svn.wordpress.org/code-three-3d-interactive/) চাওক নাইবা [RSS](https://plugins.trac.wordpress.org/log/code-three-3d-interactive/?limit=100&mode=stop_on_copy&format=rss)- দ্বাৰা [বিকাশৰ পঞ্জী](https://plugins.trac.wordpress.org/log/code-three-3d-interactive/) ছাবস্ক্ৰাইব কৰক। ## সলনি-পঞ্জী #### 1.0.0 * Initial release * Upload/Add GLB * Add images as scene objects * Clone/Delete scene objects * Change all transforms of models (gizmo/hotkeys) * Default lights, adjustable intensity, directional light can be positioned * Insert scenes via shortcodes (can set width and height within these) * Allows multiple shortcode instances on the same page * Scroll link to camera position animation * Mouse move link to scene rotation animation * Download demo models/scenes * Set separate scene arrangement for a defined breakpoint * Add groups that can hold objects (like a null object) ## মেটা * **1.0** সংস্কৰণ * **1 বছৰ আগত** শেষবাৰ আপডে’ট হৈছিল * সক্ৰিয় ইনষ্টলেশ্যন **10+** * WordPress-ৰ সংস্কৰণ ** 6.2 বা তাতকৈ ওপৰৰ ** * ইমানলৈকে পৰীক্ষা কৰা হৈছে **6.8.8** * PHP-ৰ সংস্কৰণ ** 7.4 বা তাতকৈ ওপৰৰ ** * ভাষা * [English (US)](https://wordpress.org/plugins/code-three-3d-interactive/) * [3d](https://as.wordpress.org/plugins/tags/3d/)[animation](https://as.wordpress.org/plugins/tags/animation/) [interactive](https://as.wordpress.org/plugins/tags/interactive/)[three.js](https://as.wordpress.org/plugins/tags/three-js/) * টেগবোৰ * [উচ্চখাপৰ ভিউ](https://as.wordpress.org/plugins/code-three-3d-interactive/advanced/) ## ৰে’টিংবোৰ এতিয়ালৈ কোনো পৰ্য্যালোচনা দাখিল কৰা হোৱা নাই। [Your review](https://wordpress.org/support/plugin/code-three-3d-interactive/reviews/#new-post) [সকলো পৰ্য্যালোচনা চাওক](https://wordpress.org/support/plugin/code-three-3d-interactive/reviews/) ## অৱদানকাৰীসকল * [ Kauri Beguely ](https://profiles.wordpress.org/kauribeguely/) ## সাহায্য কিবা ক’বলগীয়া আছে? সহায় লাগে? [সাহায্যৰ ফ’ৰাম চাওক](https://wordpress.org/support/plugin/code-three-3d-interactive/)