-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
27 lines (23 loc) · 1.21 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Mandelbulb</title>
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aframe-environment-component.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aframe-orbit-controls.min.js"></script>
<script src="raytrace.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<a-asset-item id="mandelbulb" src="mandelbulb.frag"></a-asset-item>
<a-mixin id="spin" animation="property: rotation; to: 0 360 0; loop: true; easing: linear; dur: 5000"></a-mixin>
</a-assets>
<a-entity environment="preset:arches"></a-entity>
<a-entity camera="fov:50" orbit-controls="target: 0 1.65 0; initialPosition: 0.25 1.65 -1.5; minPolarAngle: 0; maxPolarAngle: 180; minDistance: 0.9; maxDistance: 2"></a-entity>
<!-- <a-sphere mixin="spin" id="shader-box" position="0 1.65 0" scale="0.5 0.5 0.5" raytrace="asset: #rings;"></a-sphere>-->
<a-sphere id="shader-box" position="0 1.65 0" scale="0.5 0.5 0.5" raytrace="asset: #mandelbulb;"></a-sphere>
</a-scene>
</body>
</html>