Arashtad 3D Loader

外掛說明

Bring powerful real-time 3D directly to WordPress.

Arashtad 3D Loader (Mithra) lets you display 3D models, create interactive scenes, control cameras and lighting, play animations, customize materials, add visual effects, build product experiences, and create advanced 3D applications directly in WordPress.

Demo | Documentation | Download Pro

Built on Babylon.js, Arashtad 3D Loader provides a powerful real-time 3D foundation while keeping the WordPress workflow simple.

Built for performance. Designed for flexibility. Private by default.

  • Fast, optimized runtime
  • Unlimited 3D scenes
  • Multiple 3D model formats
  • Interactive 3D experiences
  • Responsive and mobile-ready
  • Gutenberg block and shortcode support
  • Advanced 3D capabilities in Pro
  • WooCommerce integration in Pro
  • No telemetry
  • No tracking
  • No hidden requests

Free Version

The Free version provides a complete foundation for creating fast, responsive 3D model experiences in WordPress.

Core

  • Optimized code for maximum speed

Supported MIME Types

Load a wide range of popular 3D formats.

  • GLB
  • GLTF
  • GLTF 1.0
  • OBJ
  • STL
  • PLY
  • Compressed PLY
  • SPLAT
  • SPZ
  • SOG
  • .babylon

Model Sources

Load models from wherever your project needs them.

  • WordPress Media Library
  • Internal URLs
  • External URLs
  • Multiple model sources

Loading

Provide a smooth loading experience.

  • Preloader
  • Loading progress bar
  • Loading percentage
  • Lazy loading

Viewer

Give visitors full control over the 3D experience.

  • Auto-rotate
  • Auto-rotate speed and delay
  • Fullscreen
  • Autoplay
  • Mouse rotation
  • Touch rotation
  • Pan
  • Zoom
  • Responsive design
  • Mobile support
  • Poster image
  • Model download

Insertion

Add 3D scenes anywhere in WordPress.

  • Gutenberg block
  • Shortcode
  • Add Block
  • Unlimited scenes per page

Editor

Create and manage scenes through the WordPress editor.

  • Live editor preview
  • Dedicated settings panel
  • Guided setup
  • Model file picker
  • Model replacement
  • Model removal

Camera

Take control of the camera.

  • Custom camera angle
  • Custom camera positioning
  • Custom alpha
  • Custom beta
  • Custom radius
  • Custom target
  • Custom FOV
  • Custom minZ
  • Custom maxZ

Lighting

Control the basic scene lighting.

  • Light position
  • Light intensity
  • Shadow intensity
  • Exposure

Canvas

Customize the appearance and positioning of your 3D canvas.

  • Position
  • Z-index
  • Top
  • Left
  • Bottom
  • Right
  • Transform
  • Margin
  • Padding
  • Width
  • Max-width
  • Height
  • Max-height
  • Aspect-ratio
  • Border
  • Border-radius
  • Overflow
  • Box-sizing
  • Box-shadow
  • Outline

Animation

  • Model animation autoplay

Media

  • Configurable allowed MIME types

Pro Version

Everything in Free, plus advanced 3D capabilities.

Arashtad 3D Loader Pro expands the engine with AR, WebXR, advanced scene control, mesh-level interaction, materials, advanced lighting, animation control, post-processing, builders, and WooCommerce integration.

AR

Bring 3D content into augmented and immersive experiences.

  • AR
  • WebXR
  • Desktop QR to AR

Advanced Scene Control

Take deeper control of your scenes.

  • Advanced styling
  • Custom CSS for canvas
  • .env / .hdr environments
  • Custom environment settings
  • Per-scene triggers for custom functions
  • JavaScript native events and action triggers
  • Babylon native events and action triggers

Create scenes that respond to user interaction and application logic.

Viewer

Customize the loading experience.

  • Preloader customization

Advanced Mesh Control

Control individual models and meshes inside your scenes.

  • Babylon-native events and triggers
  • Per-model triggers for custom functions
  • Per-mesh triggers for custom functions
  • Per-mesh material customization
  • Per-mesh texture customization
  • StandardMaterial
  • PBRMaterial
  • Unlimited custom PBRMaterial creator

Create interactive 3D experiences where individual parts of a model can have their own behavior, materials, textures, and actions.

Advanced Lighting

Build more sophisticated lighting setups.

  • Multiple lights
  • Multiple light types
  • Light color
  • Light intensity
  • Advanced shadow control

Advanced Animation Control

Control model animations programmatically.

  • Animation selection
  • Animation speed
  • Animation start
  • Animation stop
  • Animation pause

Create interactive animation experiences instead of being limited to simple autoplay.

Visual Effects

  • Post-processing

Add advanced visual effects directly to your 3D scenes.

Builder

Create complete visual experiences.

  • Hero section 2D + 3D blocks
  • 3D ad banner maker

Create interactive 3D promotional banners and advertising experiences.

WooCommerce

Turn WooCommerce products into interactive 3D experiences.

  • WooCommerce integration
  • WooCommerce 3D gallery
  • 3D model above the product image
  • 3D model below the product image
  • Product image/gallery to 3D model replacement
  • Multiple models per product
  • Per-variation models

Create product pages where customers can interact directly with the product in 3D.

Built on Babylon.js

Arashtad 3D Loader is powered by Babylon.js, providing a powerful real-time 3D foundation for WordPress.

The engine is designed to expose powerful 3D functionality while keeping the WordPress experience simple.

Use it for:

  • Product visualization
  • Interactive product showcases
  • 3D presentations
  • Product configurators
  • Interactive models
  • 3D hero sections
  • 3D advertising
  • Animated models
  • Interactive WooCommerce products
  • AR experiences
  • WebXR experiences
  • Custom 3D applications

From Simple Viewer to Interactive 3D Application

Arashtad 3D Loader can start as a simple model viewer and grow into a complete interactive experience.

Start with a model:

Upload > Configure > Publish

Then customize:

Camera, Lighting, Animation, Materials, Interaction, Effects

And build:

Interactive products, Configurators, 3D presentations, WebXR experiences, and custom 3D applications.

The possibilities are not limited to a predefined viewer configuration.

Performance

Arashtad 3D Loader is designed with performance in mind.

The runtime is optimized for fast loading and efficient rendering while supporting multiple 3D scenes on the same page.

Use lazy loading and loading progress to provide a better experience when working with larger models and multiple scenes.

Privacy First

Your website should not need to send visitor or usage information to an external telemetry system just to display a 3D model.

Arashtad 3D Loader is designed with privacy as a fundamental principle.

  • No telemetry
  • No tracking
  • No hidden requests

Your website, your content, and your visitors remain yours.

External services

This plugin bundles Babylon.js and its GLTF loader locally. The unused KTX2 decoder that contained fallback URLs to the Babylon.js CDN has been removed.

The plugin does not intentionally send user data to Babylon.js or its CDN.

Babylon.js: https://www.babylonjs.com/
Babylon.js source and license: https://github.com/BabylonJS/Babylon.js
Babylon.js Terms of Use: https://forum.babylonjs.com/tos
Babylon.js Privacy Policy: https://forum.babylonjs.com/privacy

螢幕擷圖

適用於區塊編輯器

這個外掛提供 1 個可供區塊編輯器使用的區塊。

  • Arashtad 3D Loader

安裝方式

  1. Upload the arashtad-3d-loader folder to the /wp-content/plugins/ directory, or install the plugin directly through the WordPress Plugins screen.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Navigate to the Arashtad 3D Loader settings panel to configure your options.
  4. Create a new 3D scene and upload your first 3D model.
  5. Insert the scene into any page or post using the Gutenberg block or shortcode.

常見問題集

Does this plugin require any external services?

The Free version runs entirely on your own server and does not connect to external services. It does not use telemetry or tracking.

The Pro version connects to the Arashtad API server only for license validation and plugin update requests. These requests transmit only license-related information. No website content, visitor data, or other site data is transmitted.

Where can I find the source code for the Arashtad 3D Runtime?

The Arashtad 3D Runtime included with this plugin is distributed under the MIT License. The complete human-readable source code is publicly available on GitHub:

https://github.com/arashtad/Arashtad-3D-Runtime

What 3D model formats are supported?

GLB, GLTF, GLTF 1.0, OBJ, STL, PLY, Compressed PLY, SPLAT, SPZ, SOG, and .babylon.

Can I use this with WooCommerce?

Yes. The Pro version includes WooCommerce integration, a 3D gallery, model placement above or below the product image, product image/gallery replacement, multiple models per product, and per-variation models.

Is the Free version fully functional?

Yes. The Free version provides a complete foundation for creating responsive 3D model experiences with unlimited scenes.

Does it work on mobile?

Yes. The viewer is responsive and supports touch rotation, pan, and zoom.

Does it support AR and WebXR?

Yes. The Pro version includes AR, WebXR, and desktop QR to AR functionality.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Arashtad 3D Loader〉的開發相關工作。

參與者

將〈Arashtad 3D Loader〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄。

變更記錄

2.1.1

  • Bundled Babylon.js library assets locally.
  • Removed external fallback URLs for Babylon.js assets.

2.1.0

  • Upgraded Arashtad 3D Runtime (Oshida) to v1.1.0.

2.0.0

  • Integrated Arashtad 3D Runtime (Oshida) v1.0.0.
  • Integrated Arashtad 3D Runtime plugins v1.0.0.
  • Refactored the plugin to use the Runtime and its plugin system.
  • Migrated from direct Babylon.js usage to Runtime-supported syntax.
  • Restructured the plugin architecture around the Runtime plugin system.

1.0.0

  • Initial release.