-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
26 lines (23 loc) · 1.32 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
<html>
<head>
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>
<script src="https://unpkg.com/aframe-text-geometry-component@^0.5.0/dist/aframe-text-geometry-component.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aframe-particle-system-component.min.js"></script>
</head>
<body style="margin: 0px;overflow: hidden;">
<a-scene embedded arjs="sourceType:webcam;debugUIEnabled: false;">
<a-assets>
<a-asset-item id="cake" src="./model.gltf"></a-asset-item>
</a-assets>
<a-marker-camera preset="hiro">
<a-entity rotation="-90 0 0">
<a-entity position="0 -7 -15" particle-system="preset:default;accelerationValue:0,-10,0;color:#f9e154;particleCount:1000;direction:-1;rotationAxis:z;rotation:-90 0 0"></a-entity>
</a-entity>
<!-- <a-entity text="value: Happy Birthday Kajal" material="color: red; src: #texture"></a-entity> -->
<a-entity scale="0.75 0.75 0.75" rotation="-90 -90 0" text-geometry="value: Happy Birthday SHEKI MY BITCH "></a-entity>
<a-entity rotation="-90 -90 0" gltf-model="#cake"></a-entity>
</a-marker-camera>
</a-scene>
</body>
</html>