microwave

Plugin
<ul>
<li>Placable Labels: text, images, HTML code</li>
<li>To be able to import images and movies, you first need to upload them to Media Library on WordPress. (you could also paste URLs) The plugin will recognize your sources once you upload them to Media Library.</li>
<li>Do not import a movie file as is.</li>
<li>Before using the plugin, convert the imported movie files to expanded 2 dimensional format. Contact the manufacturer of your capturing device for the conversion process. </li>
<li>cf. For RICOH THETA, there is an app where it converts your source to the suitable format. Click the following link to download the app. 
<a href="https://theta360.com/ja/support/download/" rel="nofollow ugc">https://theta360.com/ja/support/download/</a></li>
</ul>
What’s the difference between free and pro version?
Up to 3 scenes can be created only with the free version. 
Please use the following pro version for a further scene create. 
<a href="https://www.micro-wave.net/ext/plugins/" title="pro version" rel="nofollow ugc">https://www.micro-wave.net/ext/plugins/</a>
Creating Scenes
※ Only administrator can see the menu. 
– You will see SphereManager in your WordPress menu after you install it. 
– You will see the list of scenes and edit view when you open it. 
– The editing tool lets you name the scene, put description, and change the background image/video. 
– On “Label,” you can create labels with texts, images, and HTML codes. 
– With the “transfer” tool, you can link a scene to a label to be able to make the viewer jump to a certain scene. (The tool for only text and image) 
– You can click where you want the label to be on edit preview to place a label. 
– You can drag the label on the scene to move it around. Click on the delete button(x) on label list to delete it. 
– Hit save and the scene is added to the list on the right. 
– Simply paste the short code to your website and the visitor will be able to maneuver through the image as they like.
About the controller
<ul>
<li>Click on the controller at the bottom left corner to maneuver through the image.</li>
<li>You can also click and drag to get the same effect.</li>
<li>For full-screen mode, click the icon on the bottom right corner. Hit escape to exit.</li>
<li>You’ll also be able to jump to other scenes by clicking labels you specified.</li>
<li>Function restriction of each OS
<ul>
<li>Cannot use full screan function on iOS</li>
<li>Cannot play background video on mobile devices(iOS/Android). However, show the first flame image of a video.</li>
</ul>
</li>
</ul>
System requirements
<ul>
<li>
Applicable browser
<ul>
<li>Google Chrome (latest version)</li>
<li>Firefox (latest version)</li>
<li>Safari (latest version)</li>
<li>Microsoft Edge (latest version)</li>
</ul>
</li>
<li>
Non-applicable browser
<ul>
<li>Internet Explorer</li>
</ul>
</li>
<li>
Applicable smart phone OS
<ul>
<li>over iOS 10</li>
<li>over Android 6</li>
</ul>
</li>
</ul>

Sphere Manager

SphereManager is a plugin for sharing spherical panorama images (captured by cameras such as RICOH THETA) on the web. You can customize a player by pu …

Kauri Beguely

Code 3 lets you embed multi-object, interactive 3D scenes into your WordPress site using a simple shortcode.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/fJ0IEpl0zS4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<a href="https://c33d.kaurib.com/" rel="nofollow ugc">Live Demo – Multiple Scenes</a>
Ideal for developers, designers, and digital creatives who want to create engaging 3D web experiences — without hardcoding them into templates.
<h4>Features</h4>
<ul>
<li>Upload multiple GLB models to a scene and change their transforms (position, rotation, scale)</li>
<li>Add images from media library as objects in the scene (fully transformable)</li>
<li>Embed 3D scenes via shortcode</li>
<li>Mousemove and scroll interaction</li>
<li>Switch between Orthographic and Isometric camera</li>
<li>Build a seperate composition for a defined breakpoint</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>After clicking Add New Scene, you can add models by uploading GLB to the media library</li>
<li>You can change all objects position/rotation/scale in the scene editor</li>
<li>You change global settings like light intensity and scroll/mouse interaction</li>
<li>Place the shortcode anywhere you want it to display</li>
</ol>
<h4>Shortcode Examples</h4>
<pre><code>[codes_scene id="39"]
</code></pre>
By default the width will be 100% of the container the shortcode is placed and the height will be 500px
<pre><code>[codes_scene id="39" width="500px" height="30vh"]
</code></pre>
Set custom height and width of the shortcode, accepts all CSS measurements.

Code Three 3D Interactive

Easily build animated/interactive 3D scenes and embed using a shortcode. Take your site to the next dimension. Powered by Three.js

Sphere Manager vs Code Three 3D Interactive