65 lines
1.9 KiB
Svelte
65 lines
1.9 KiB
Svelte
<script lang="ts">
|
|
import { Button, toast } from '@nodarium/ui';
|
|
import FileSaver from 'file-saver';
|
|
import type { Group } from 'three';
|
|
import type { GLTFExporter } from 'three/addons/exporters/GLTFExporter.js';
|
|
import type { OBJExporter } from 'three/addons/exporters/OBJExporter.js';
|
|
|
|
// Download
|
|
const download = (
|
|
data: ArrayBuffer | string,
|
|
name: string,
|
|
mimetype: string,
|
|
extension: string
|
|
) => {
|
|
const blob = new Blob([data], { type: mimetype + ';charset=utf-8' });
|
|
FileSaver.saveAs(blob, name + '.' + extension);
|
|
};
|
|
|
|
const { scene } = $props<{ scene: Group }>();
|
|
|
|
let gltfExporter: GLTFExporter;
|
|
async function exportGltf() {
|
|
const exporter = gltfExporter
|
|
|| (await import('three/addons/exporters/GLTFExporter.js').then((m) => {
|
|
gltfExporter = new m.GLTFExporter();
|
|
return gltfExporter;
|
|
}));
|
|
|
|
exporter.parse(
|
|
scene,
|
|
(gltf) => {
|
|
download(gltf as ArrayBuffer, 'plant', 'text/plain', 'gltf');
|
|
toast('Exported as GLTF', 'success');
|
|
},
|
|
(err) => {
|
|
const msg = err instanceof Error ? err.message : String(err);
|
|
toast(`GLTF export failed: ${msg}`, 'error');
|
|
}
|
|
);
|
|
}
|
|
|
|
let objExporter: OBJExporter;
|
|
|
|
async function exportObj() {
|
|
const exporter = objExporter
|
|
|| (await import('three/addons/exporters/OBJExporter.js').then((m) => {
|
|
objExporter = new m.OBJExporter();
|
|
return objExporter;
|
|
}));
|
|
try {
|
|
const result = exporter.parse(scene);
|
|
download(result, 'plant', 'text/plain', 'obj');
|
|
toast('Exported as OBJ', 'success');
|
|
} catch (err) {
|
|
const msg = err instanceof Error ? err.message : String(err);
|
|
toast(`OBJ export failed: ${msg}`, 'error');
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<div class="p-4 flex gap-2">
|
|
<Button onclick={exportObj}>export obj</Button>
|
|
<Button onclick={exportGltf}>export gltf</Button>
|
|
</div>
|