-
Notifications
You must be signed in to change notification settings - Fork 31
/
cutout-demo.html
29 lines (26 loc) · 1.74 KB
/
cutout-demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!-- splat sources
# Seal Splat - SF Giant's Lou Seal statue
* https://huggingface.co/quadjr/aframe-gaussian-splatting/resolve/main/luma-seal.splat
- generated by [LumaLabsAI](https://lumalabs.ai/) from a video taken by @kfarr and downloaded from Luma (see workflow notes below). Capture here: https://lumalabs.ai/capture/87c3e8bc-374c-4ebe-9a04-7b00fc110514
* https://huggingface.co/quadjr/aframe-gaussian-splatting/resolve/main/polycam-seal.splat - generated by Polycam from still photos and downloaded from Polycam: https://poly.cam/capture/a7dd5e33-05ec-43a1-a5b9-abc655ad5885
-->
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
<script src="./index.js"></script>
</head>
<body>
<a-scene renderer="antialias: false" stats>
<a-entity position="0 1.6 -2.0" animation="property: rotation; to: 0 360 0; dur: 10000; easing: linear; loop: true">
<a-sphere position="0 0 0.5" radius="0.5" color="#EF2D5E"></a-sphere>
<a-sphere position="0 0 -0.5" radius="0.5" color="#EF2D5E"></a-sphere>
</a-entity>
<a-entity camera position="5.132 1.6 7.237" wasd-controls look-controls ></a-entity>
<a-box id="cutout-box" visible="false" scale="4.17 2.95 3.89" position="0.8145 1.73322 -2.35981"></a-box>
<a-entity gaussian_splatting="src: https://huggingface.co/quadjr/aframe-gaussian-splatting/resolve/main/luma-seal.splat; cutoutEntity: #cutout-box" scale="2 2 2" rotation="0 0 0" position="0 0.8 -2"></a-entity>
<a-entity gaussian_splatting="src: https://huggingface.co/quadjr/aframe-gaussian-splatting/resolve/main/luma-seal.splat;" scale="2 2 2" rotation="0 0 0" position="10 0.8 -2"></a-entity>
<a-sky color="#000"></a-sky>
</a-scene>
</body>
</html>