Linux 软件免费装

在这里免费安装WordPress以及其他软件

Banner图

Code Three 3D Interactive

开发者 kauribeguely
更新时间 2025年7月31日 18:21
PHP版本: 7.4 及以上
WordPress版本: 6.8
版权: GPLv2 or later
版权网址: 版权信息

标签

interactive 3d animation three.js multi object

下载

1.0.0

详情介绍:

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 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.

安装:

Installing and activating via the plugin repository is all that's needed. Basic intro guides/tutorials coming soon.

屏幕截图:

  • Multi object (demo scene 'Scrolling Phones'). Animation tab active on right.
  • The same scene shortcode used in two different designs (with Elementor)
  • Lamborghini scene in an Elementor section. Linked to mouse move.

升级注意事项:

1.0.0 Initial Release

常见问题:

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.

更新日志:

1.0.0