storytold/spark
2
0
Fork 0
mirror of https://github.com/storytold/spark.git synced 2026-10-14 23:52:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Copy Features list from Overview to Readme. Made starter index.html indent the same between Readme and getting started. Made it THREE.js across docs for consistency.

Browse Source
This commit is contained in:
Andreas Sundquist
2025-06-01 18:03:47 -07:00
committed by Andreas Sundquist
parent 572b62383b
commit 7a9353b8aa
8 changed files with 65 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/docs/index.md
+21 -21
View File
@@ -7,33 +7,33 @@ Copy and paste code below in an `index.html` file or remix in the [Web Playgroun
```html
<style> body {margin: 0;} </style>
<script type="importmap">
{
"imports": {
"three": "https://cdnjs.cloudflare.com/ajax/libs/three.js/0.174.0/three.module.js",
"@worldlabsai/forge": "https://forge.dev/releases/forge/0.1.0/forge.module.js"
{
"imports": {
"three": "https://cdnjs.cloudflare.com/ajax/libs/three.js/0.174.0/three.module.js",
"@worldlabsai/forge": "https://forge.dev/releases/forge/0.1.0/forge.module.js"
}
}
}
</script>
<script type="module">
import * as THREE from "three";
import { SplatMesh } from "@worldlabsai/forge";
import * as THREE from "three";
import { SplatMesh } from "@worldlabsai/forge";
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement)
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement)
const splatURL = "https://forge.dev/assets/splats/butterfly.spz";
const butterfly = new SplatMesh({ url: splatURL });
butterfly.quaternion.set(1, 0, 0, 0);
butterfly.position.set(0, 0, -3);
scene.add(butterfly);
const splatURL = "https://forge.dev/assets/splats/butterfly.spz";
const butterfly = new SplatMesh({ url: splatURL });
butterfly.quaternion.set(1, 0, 0, 0);
butterfly.position.set(0, 0, -3);
scene.add(butterfly);
renderer.setAnimationLoop(function animate(time) {
renderer.render(scene, camera);
butterfly.rotation.y += 0.01;
});
renderer.setAnimationLoop(function animate(time) {
renderer.render(scene, camera);
butterfly.rotation.y += 0.01;
});
</script>
```
## Install with NPM