Abu Hayat

bPlugins

Charles Cormier

<p>Simple Yet Powerful 3D Viewer. Make your website look more interactive and visually appealing with 3D Viewer. This is a block plugin that will add a new block in the block (3D Viewer ) editor of WordPress. You can embed .glt, .gltF model file in post, page, and widget areas. It comes with everything you need to make the most out of 3D. advertise your products interestingly.</p>
<p>3D Viewer Block is a powerful and easy-to-use block plugin that allows you to display interactive 3D models in your WordPress posts and pages. With this plugin, you can embed 3D models in your content using the new Gutenberg editor, giving your users an engaging and immersive viewing experience.</p>
<p>With 3D Viewer Block, you can upload 3D models in various file formats, including OBJ, STL, and GLB, and customize their appearance with a range of settings, such as lighting, background color, and camera controls. You can also choose from different viewing modes, including orbit, pan, and zoom, to give your users the best possible 3D viewing experience.</p>
<p>The plugin includes an intuitive block interface that simplifies the process of adding 3D models to your content. Simply select the 3D Viewer Block from the Gutenberg block library, upload your model, customize the settings to your liking, and you’re done!</p>
<p>3D Viewer Block is optimized for mobile devices and supports touch controls, making it easy for your users to interact with your 3D content on their smartphones and tablets. The plugin is also compatible with WooCommerce, allowing you to showcase 3D models of your products in a stunning and engaging way.</p>
<p>Overall, 3D Viewer Block is a versatile and powerful block plugin that can help you showcase 3D content in your WordPress posts and pages with ease. Try it out today and take your content to the next level!</p>
<h4>For whom</h4>
<ul>
<li>Creative Designer and Agencies. </li>
<li>Trainer / Course Creators</li>
<li>E-commerce sites that want to display their products in 3D.</li>
<li>Web designer/developer</li>
<li>Real estate</li>
</ul>
<p><strong><a href="https://bblockswp.com/demo/3d-viewer/" rel="nofollow ugc">Demos</a></strong></p>
<h4>Features</h4>
<ul>
<li><strong>Controls</strong>: Controls via mouse/touch</li>
<li><strong>Responsive</strong>: Works great with any device. </li>
<li><strong>External Source</strong>: Use models from other cloud storage. </li>
</ul>
<h4>How to use</h4>
<ul>
<li>First, install the 3D Viewer Block plugin</li>
<li>Add the 3D Viewer block from the block category called “Widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
<p>Enjoy!</p>
</li>
<li>
<p>For installation help click on Installation Tab</p>
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>Check out the Parent Plugin of this plugin-</h3>
<p><a href="https://bblockswp.com" rel="nofollow ugc"><strong>B Blocks</strong></a> – A blocks collection and page building tool for Gutenberg.</p>
<h3>Check out our other WordPress Plugins-</h3>
<p><a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc"><strong>Html5 Video Player</strong></a> – Display videos as single and playlist in multiple skins.</p>
<p><a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc"><strong>PDF Poster</strong></a> – Display/Embed PDF files with different styles.</p>
<p><a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc"><strong>Html5 Audio Player</strong></a> – Listen audios with awesome visuals.</p>
<p><a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc"><strong>StreamCast</strong></a> – Customizable radio player with different skins.</p>
<p><a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc"><strong>3D Viewer</strong></a> – Embed 3D models and 3D products with interaction.</p>
<p><a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc"><strong>Advanced Post Block</strong></a> – Show posts and custom posts in different layouts.</p>


3D Viewer Block – Interactive 3D Model Display

Embed 3D models. Display interactive 3D models within a few clicks.

kerryoco

<p>Easily embed <a href="https://threejs.org" rel="nofollow ugc">three.js</a> in <a href="https://github.com/Wordpress/Wordpress" rel="nofollow ugc">WordPress</a></p>
<h3>What you can do:</h3>
<h3>Create three.js galleries anywhere</h3>
<p>Create galleries using the shortcode generator in the Threepress admin, and then paste the shortcode wherever you want – the javascript that renders the shortcodes is loaded on all public pages.</p>
<p>A gallery renders one three.js Scene.</p>
<p>To customize the layout or dimensions of your gallery, use CSS.  An id tag of form <code>#threepress-gallery-[gallery name]</code> is put on the <em>wrapper</em> of the <code><canvas></code> element, or use class <code>.threepress-gallery</code> / <code>.threepress-gallery canvas</code> to target all galleries.</p>
<p>The gallery renderer (three.js object) should adjust to match your given dimensions automatically to prevent skewing or blurring.</p>
<p>If you want to custom code your own gallery, scroll down to ‘javascript devs’.</p>
<h3>Notes</h3>
<p>All models must be in “.glb” format – most 3d programs can export to this.</p>
<p>They are stored in the Media Library like everything else, but can be found easily through the Threepress library, which simply filters for “.glb” extensions.</p>
<h4>For javascript devs:</h4>
<p>All the galleries on a given page will be available in the global variable <code>THREEPRESS</code>, in the <code>galleries</code> property.  See the <code>Gallery</code> class (<code>static/js/ThreepressGallery.js</code>) for insight on interacting with these.</p>


Threepress

3d model gallery uploader and viewer powered by three.js

3D Viewer Block – Interactive 3D Model Display vs Threepress