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);
Contributors
A special thanks to the following people for taking time to contribute to this project
<tr>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/prajwalbandak"><img src="https://avatars.githubusercontent.com/u/62823252?v=4?s=100" width="100px;" alt="prajwalbandak"/><br /><sub><b>prajwalbandak</b></sub></a><br /><a href="#infra-prajwalbandak" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/laurittab"><img src="https://avatars.githubusercontent.com/u/57863817?v=4?s=100" width="100px;" alt="Lauritta"/><br /><sub><b>Lauritta</b></sub></a><br /><a href="#infra-laurittab" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/justjo3l"><img src="https://avatars.githubusercontent.com/u/63659576?v=4?s=100" width="100px;" alt="Joel Jose"/><br /><sub><b>Joel Jose</b></sub></a><br /><a href="https://github.com/kalegd/DigitalBacon/commits?author=justjo3l" title="Tests">⚠️</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/ShaunFrost"><img src="https://avatars.githubusercontent.com/u/7031459?v=4?s=100" width="100px;" alt="Rasesh Kumar Rout"/><br /><sub><b>Rasesh Kumar Rout</b></sub></a><br /><a href="https://github.com/kalegd/DigitalBacon/commits?author=ShaunFrost" title="Code">💻</a></td>
<td align="center" valign="top" width="14.28%"><a href="https://github.com/kaigidwani"><img src="https://avatars.githubusercontent.com/u/112210757?v=4?s=100" width="100px;" alt="kaigidwani"/><br /><sub><b>kaigidwani</b></sub></a><br /><a href="https://github.com/kalegd/DigitalBacon/commits?author=kaigidwani" title="Documentation">📖</a></td>
</tr>