<hr />
<h3 id="heading-game-engines">🎮 Game Engines 🎮</h3>
<p>PRO:<br />High-End Grafik möglich<br />Marktplätze für Assests/Templates  </p>
<p>CON:<br />Langsame Ladezeiten<br />Rechenintensiv  </p>
<h4 id="heading-unity-demohttpstechmedappitchioedytor-3d-disinfection-stand-eng-or-demohttpsstrookitchiohome-decorator-or-demohttpsresourcesunitycomautomotive-transportation-manufacturing-content6-must-see-interactive-3d-product-configurators">Unity: <a target="_blank" href="https://techmedapp.itch.io/edytor-3d-disinfection-stand-eng">Demo</a> | <a target="_blank" href="https://strook.itch.io/home-decorator">Demo</a> | <a target="_blank" href="https://resources.unity.com/automotive-transportation-manufacturing-content/6-must-see-interactive-3d-product-configurators">Demo</a></h4>
<h4 id="heading-play-canvas-unity-in-browser-demohttpsrzrpolariscomen-usbuild-model-or-demohttpsdabmotorscomconfigurator-or-demohttpselfacomen-gbplanplan-or-demohttpsplaycanvasprqjj9ou9overlayfalse">Play Canvas ("Unity in  Browser"): <a target="_blank" href="https://rzr.polaris.com/en-us/build-model/">Demo</a> | <a target="_blank" href="https://dabmotors.com/configurator/">Demo</a> | <a target="_blank" href="https://elfa.com/en-gb/plan/plan">Demo</a> | <a target="_blank" href="https://playcanv.as/p/RqJJ9oU9?overlay=false">Demo</a></h4>
<h4 id="heading-godot-open-source-unity-websitehttpsgodotengineorg">Godot ("Open Source Unity"): <a target="_blank" href="https://godotengine.org/">Website</a></h4>
<h4 id="heading-unreal-engine-demohttpsdocsunrealenginecom426en-usresourcestemplatesproductconfigurator-or-demohttpswwwunrealenginecommarketplaceen-usproductpremium-configurator-or-demohttpswwwunrealenginecommarketplaceen-usproductinteractive-garage">Unreal Engine: <a target="_blank" href="https://docs.unrealengine.com/4.26/en-US/Resources/Templates/ProductConfigurator/">Demo</a> | <a target="_blank" href="https://www.unrealengine.com/marketplace/en-US/product/premium-configurator">Demo</a> | <a target="_blank" href="https://www.unrealengine.com/marketplace/en-US/product/interactive-garage">Demo</a></h4>
<hr />
<h3 id="heading-cms">⚙️ CMS ⚙️</h3>
<p>PRO:<br />Mit wenig code umsetzbar<br />Direkt an Checkout verknüpfbar</p>
<p>CON:<br />Weniger Kontrolle<br />Abhängigkeit von Drittanbietern   </p>
<ul>
<li><h4 id="heading-wordpress-demohttpscodepenioprim4tpenzervwwz-or-wordpress-demohttpswordpressorgpluginssite3d-configurator-or-wordpress-demohttpseswordpressorgpluginsvividworks-3d-ecommerce-configurator-or-wordpress-demohttpswordpressorgpluginsimmersive-designer-or-shopify-demohttpsappsshopifycomexpivi-3d-product-configurator-1"><a target="_blank" href="https://codepen.io/prim4t/pen/ZErVwWz">Wordpress Demo</a> | <a target="_blank" href="https://wordpress.org/plugins/site3d-configurator/">Wordpress Demo</a> | <a target="_blank" href="https://es.wordpress.org/plugins/vividworks-3d-ecommerce-configurator/">Wordpress Demo</a> | <a target="_blank" href="https://wordpress.org/plugins/immersive-designer/">Wordpress Demo</a> | <a target="_blank" href="https://apps.shopify.com/expivi-3d-product-configurator-1">Shopify Demo</a></h4>
</li>
</ul>
<hr />
<h3 id="heading-frameworks">🪟 Frameworks 🪟</h3>
<p>PRO:<br />Komplette Freiheit bei der Gestaltung  </p>
<p>CON:<br />Codeintensiv  </p>
<h4 id="heading-nuxtthreejs-demohttpsosorinagithubio3d-headphones-or-bloggithubhttpsofficial-osorinamediumcomcreating-a-3d-configurator-with-nuxt-and-three-js-part-1-6d40da0209e0">Nuxt+Three.js: <a target="_blank" href="https://osorina.github.io/3d-headphones/">Demo</a> | <a target="_blank" href="https://official-osorina.medium.com/creating-a-3d-configurator-with-nuxt-and-three-js-part-1-6d40da0209e0">Blog+GitHub</a></h4>
<h4 id="heading-threejs-room-configurator-demohttpsthreejs-room-configuratornetlifyapp">Three.js room configurator: <a target="_blank" href="https://threejs-room-configurator.netlify.app/">Demo</a></h4>
<h4 id="heading-babylonjs-demohttpsdeftntactcomsofaconfigurator">Babylon.js: <a target="_blank" href="https://deftntact.com/sofaconfigurator">Demo</a></h4>
<h4 id="heading-pure-webgl-demohttpsgithubcomkodalinehome-planner-or-demohttpscyber-foxnetprojectscyberfox3dconfifuratordemominindexhtml-or-demohttpsjolausacomconfigurator">Pure WebGL: <a target="_blank" href="https://github.com/kodaline/home-planner">Demo</a> | <a target="_blank" href="https://cyber-fox.net/projects/cyberfox_3d_confifurator_demo_min/index.html">Demo</a> | <a target="_blank" href="https://jolausa.com/configurator/">Demo</a></h4>
<h4 id="heading-model-viewer-demohttpsmodelviewerdev">model-viewer: <a target="_blank" href="https://modelviewer.dev/">Demo</a></h4>
<hr />
<h3 id="heading-vorrendern">🖼️ Vorrendern 🖼️</h3>
<h5 id="heading-3d-elemente-als-pngs-mit-alphatransparenz-vorrendern-und-uber-einander-legen">3D Elemente als PNGs mit Alpha/Transparenz vorrendern und "über einander legen"</h5>
<p>PRO:<br />Schnelle Ladezeiten<br />Weniger "dependensys/Abhängigkeiten"<br />Mit "gängiger" Shopsoftware umsetzbar<br />Breitere Zugänglichkeit (keine größere Rechenleistung und Plugins erforderlich)  </p>
<p>CON:<br />Kein "echtes/live" 3D  </p>
<ul>
<li><h4 id="heading-demohttpscodepeniovincentntangpenlkgwbv"><a target="_blank" href="https://codepen.io/vincentntang/pen/LKgWbv">Demo</a></h4>
</li>
</ul>
<hr />
<h6 id="heading-extras">✨ Extras ✨</h6>
<ul>
<li><a target="_blank" href="https://github.com/olucurious/Awesome-ARKit">Augmented Reality Demo</a> | <a target="_blank" href="https://rufus31415.github.io/webxr/MRTK-HandInteraction/">Augmented Reality Demo</a> | <a target="_blank" href="https://ar-js-org.github.io/AR.js-Docs/">Augmented Reality Demo</a> | </li>
<li><a target="_blank" href="https://sketchfab.com/search?q=configurator&amp;type=models">Sketchfab</a></li>
<li><a target="_blank" href="https://itch.io/search?q=configurator">Itch.io</a></li>
<li><a target="_blank" href="https://store.steampowered.com/app/1066110/Room_Planner__Design_Home_3D/">Room Planner</a></li>
</ul>
<hr />
<p>von <a target="_blank" href="https://prim4t.art">PRIM4T</a> 🦍</p>


---

### 🎮 Game Engines 🎮

PRO:  
High-End Grafik möglich  
Marktplätze für Assests/Templates  

CON:  
Langsame Ladezeiten  
Rechenintensiv  

#### Unity: [Demo](https://techmedapp.itch.io/edytor-3d-disinfection-stand-eng) | [Demo](https://strook.itch.io/home-decorator) | [Demo](https://resources.unity.com/automotive-transportation-manufacturing-content/6-must-see-interactive-3d-product-configurators) 


#### Play Canvas ("Unity in  Browser"): [Demo](https://rzr.polaris.com/en-us/build-model/) | [Demo](https://dabmotors.com/configurator/) | [Demo](https://elfa.com/en-gb/plan/plan) | [Demo](https://playcanv.as/p/RqJJ9oU9?overlay=false) 

#### Godot ("Open Source Unity"): [Website](https://godotengine.org/)

#### Unreal Engine: [Demo](https://docs.unrealengine.com/4.26/en-US/Resources/Templates/ProductConfigurator/) | [Demo](https://www.unrealengine.com/marketplace/en-US/product/premium-configurator) | [Demo](https://www.unrealengine.com/marketplace/en-US/product/interactive-garage)



---

### ⚙️ CMS ⚙️
PRO:  
Mit wenig code umsetzbar  
Direkt an Checkout verknüpfbar

CON:  
Weniger Kontrolle  
Abhängigkeit von Drittanbietern   

- #### [Wordpress Demo](https://codepen.io/prim4t/pen/ZErVwWz) | [Wordpress Demo](https://wordpress.org/plugins/site3d-configurator/) | [Wordpress Demo](https://es.wordpress.org/plugins/vividworks-3d-ecommerce-configurator/) | [Wordpress Demo](https://wordpress.org/plugins/immersive-designer/) | [Shopify Demo](https://apps.shopify.com/expivi-3d-product-configurator-1)

---

### 🪟 Frameworks 🪟
PRO:  
Komplette Freiheit bei der Gestaltung  

CON:  
Codeintensiv  

#### Nuxt+Three.js: [Demo](https://osorina.github.io/3d-headphones/) | [Blog+GitHub](https://official-osorina.medium.com/creating-a-3d-configurator-with-nuxt-and-three-js-part-1-6d40da0209e0)


#### Three.js room configurator: [Demo](https://threejs-room-configurator.netlify.app/)

#### Babylon.js: [Demo](https://deftntact.com/sofaconfigurator)

#### Pure WebGL: [Demo](https://github.com/kodaline/home-planner) | [Demo](https://cyber-fox.net/projects/cyberfox_3d_confifurator_demo_min/index.html) | [Demo](https://jolausa.com/configurator/)

#### model-viewer: [Demo](https://modelviewer.dev/)

---

###  🖼️ Vorrendern 🖼️   
##### 3D Elemente als PNGs mit Alpha/Transparenz vorrendern und "über einander legen"

PRO:  
Schnelle Ladezeiten  
Weniger "dependensys/Abhängigkeiten"  
Mit "gängiger" Shopsoftware umsetzbar  
Breitere Zugänglichkeit (keine größere Rechenleistung und Plugins erforderlich)  

CON:  
Kein "echtes/live" 3D  

- #### [Demo](https://codepen.io/vincentntang/pen/LKgWbv)

---

###### ✨ Extras ✨

- [Augmented Reality Demo](https://github.com/olucurious/Awesome-ARKit) | [Augmented Reality Demo](https://rufus31415.github.io/webxr/MRTK-HandInteraction/) | [Augmented Reality Demo](https://ar-js-org.github.io/AR.js-Docs/) | 
- [Sketchfab](https://sketchfab.com/search?q=configurator&type=models)
- [Itch.io](https://itch.io/search?q=configurator)
- [Room Planner](https://store.steampowered.com/app/1066110/Room_Planner__Design_Home_3D/)

---

von [PRIM4T](https://prim4t.art) 🦍

PRIM4T-Blog

PRIM4T-Blog

3D-Configuratoren in 2022 - Ein Überblick

🎮 Game Engines 🎮

Unity: Demo | Demo | Demo

Play Canvas ("Unity in Browser"): Demo | Demo | Demo | Demo

Godot ("Open Source Unity"): Website

Unreal Engine: Demo | Demo | Demo

⚙️ CMS ⚙️

Wordpress Demo | Wordpress Demo | Wordpress Demo | Wordpress Demo | Shopify Demo

🪟 Frameworks 🪟

Nuxt+Three.js: Demo | Blog+GitHub

Three.js room configurator: Demo

Babylon.js: Demo

Pure WebGL: Demo | Demo | Demo

model-viewer: Demo

🖼️ Vorrendern 🖼️

3D Elemente als PNGs mit Alpha/Transparenz vorrendern und "über einander legen"

Demo

✨ Extras ✨