Name		Name	Last commit message	Last commit date
Latest commit History 310 Commits
.github		.github
build		build
css		css
images		images
projects		projects
resources		resources
scripts		scripts
tests/scripts/core/handlers		tests/scripts/core/handlers
.all-contributorsrc		.all-contributorsrc
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
ServiceWorker.js		ServiceWorker.js
app.html		app.html
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
preview.html		preview.html
privacy-policy.html		privacy-policy.html
rollup.config.js		rollup.config.js
site.webmanifest		site.webmanifest
sketchfab_callback.html		sketchfab_callback.html
terms-of-use.html		terms-of-use.html

Repository files navigation

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);