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

more minor changes for README

Browse Source
This commit is contained in:
Winnie Lin
2025-05-28 10:50:08 -07:00
committed by Diego Marcos
parent fb9bd20a72
commit fa63689567
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+12 -7
View File
@@ -39,16 +39,21 @@ Check out all the [examples]()
## Getting Started ## Getting Started
### Hello World - Local Development ### Copy Code
This minimal example is included in `examples/hello-world/index.html`: (Note: CDN setup is work-in-progress -- for now, skip to the [Web Editor](#web-editor) or [Run Examples](#run-examples) section to get started.)
Copy the following code into an `index.html` file.
```html ```html
<style> body {margin: 0;} </style> <style> body {margin: 0;} </style>
<script type="importmap"> <script type="importmap">
{ {
"imports": { "imports": {
"three": "/node_modules/three/build/three.module.js", "three": "https://cdnjs.cloudflare.com/ajax/libs/three.js/0.174.0/three.module.js",
"@forge-gfx/forge": "/dist/forge.module.js" "@forge-gfx/forge": "cdn/url/to/forge.module.js"
} }
} }
</script> </script>
@@ -62,7 +67,7 @@ const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight); renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement) document.body.appendChild(renderer.domElement)
const butterfly = new SplatMesh({ url: "../assets/basic/butterfly.wlg"}); const butterfly = new SplatMesh({ url: "cdn/url/to/butterfly.spz"});
butterfly.quaternion.set(1, 0, 0, 0); butterfly.quaternion.set(1, 0, 0, 0);
butterfly.position.set(0, 0, -1); butterfly.position.set(0, 0, -1);
scene.add(butterfly); scene.add(butterfly);
@@ -73,9 +78,9 @@ renderer.setAnimationLoop(function animate(time) {
}); });
</script> </script>
``` ```
See the [Run Examples](#run-examples) section below, to run this hello-world example as well as others. See the [Run Examples](#run-examples) section below to try out other examples.
### Hello World - Web Editor ### Web Editor
Remix the [glitch starter template](https://glitch.com/edit/#!/forge-dev) Remix the [glitch starter template](https://glitch.com/edit/#!/forge-dev)