DigitalBacon

Create 3D websites easily that run on AR, VR, Desktop, and Mobile devices with Digital Bacon. No coding required, but supports an API to create plugins for advanced customizations

How to use

Go to the Digital Bacon Editor to create a 3D website and then save your project zip file. You can then host your project using the below html snippet (or just fork this repo and replace my-project.zip with your project file)

<html>
  <head>
    <script type="importmap">
      {
        "imports": {
          "DigitalBacon": "https://cdn.jsdelivr.net/npm/digitalbacon@latest/build/DigitalBacon.min.js",
          "three": "https://cdn.jsdelivr.net/npm/three@0.164.1/build/three.module.js"
        }
      }
    </script>
  </head>
  <body>
    <div id="my-container-id"></div>
    <script type="module">
      import { setup } from 'DigitalBacon';

      let params = { projectFilePath: './my-project.zip'};

      setup("my-container-id", params);
    </script>
  </body>
</html>

To enable multi-user sessions on your website, you'll need an authUrl and socketUrl from a third party service like My Digital Bacon and add those to your setup parameters like so

let params = {
    projectFilePath: './my-project.zip',
    authUrl: '{AUTH_URL}',
    socketUrl: '{WEBSOCKET_URL}',
};
setup("my-container-id", params);