-
Notifications
You must be signed in to change notification settings - Fork 6
/
burek.html
54 lines (47 loc) · 3.79 KB
/
burek.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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html>
<head>
<title>BuVRek</title>
<meta name="description" content="BuVRek - Virtual Burek by Adnan Kičin">
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-text-geometry-component@0.5.1/dist/aframe-text-geometry-component.min.js"></script>
<script src="https://cdn.rawgit.com/donmccurdy/aframe-extras/v3.8.3/dist/aframe-extras.min.js"></script>
<script src="js/burekGeometry.js"></script>
</head>
<body>
<a-scene>
<a-entity position="0.4 1.6 4.8" camera="active:true;userHeight:1.6" mouse-controls wasd-controls="" rotation="" look-controls="" aframe-injected="" data-aframe-inspector="default-camera">
<a-cursor color="white" fuse="true" timeout="10"></a-cursor>
</a-entity>
</a-entity>
<a-assets>
<img id="burek-texture" src="https://img.gs/bbdkhfbzkk/stretch/http://www.bosanski-forum.com/download/file.php?id=8531&t=1&sid=73059bd46708f97c574229c84be533d9">
<img src="https://img.gs/bbdkhfbzkk/stretch/https://i.imgur.com/25P1geh.png" id="grid" crossorigin="anonymous">
<img src="https://img.gs/bbdkhfbzkk/2048x1024,stretch/http://i.imgur.com/WMNH2OF.jpg" id="chrome" crossorigin="anonymous">
<img id="sky" src="https://img.gs/bbdkhfbzkk/2048x2048,stretch/http://cdn.wonderfulengineering.com/wp-content/uploads/2015/07/bosnia-flag-4.jpg" crossorigin="anonymous" />
<a-asset-item id="dawningFont" src="https://cdn.glitch.com/c719c986-c0c5-48b8-967c-3cd8b8aa17f3%2FdawningOfANewDayRegular.typeface.json?1490305922844"></a-asset-item>
<a-asset-item id="exoFont" src="https://cdn.glitch.com/c719c986-c0c5-48b8-967c-3cd8b8aa17f3%2Fexo2Black.typeface.json?1490305922150"></a-asset-item>
</a-assets>
<a-entity id="text-burek" position="-3 1 -6" rotation="5 0 0">
<a-entity position="-0.5 0.5 -0.5" scale="0.6 1.2 1" text-geometry="value: Virtual Burek; font: #exoFont; bevelEnabled: true; bevelSize: 0.1; bevelThickness: 0.2; curveSegments: 1; size: 1.6; height: 0.4;" material="color:green; metalness:0.9; roughness: 0.05; sphericalEnvMap: #chrome;"></a-entity>
</a-entity>
<!-- Burek -->
<a-entity position="7 2 -1" rotation="90 0 0" scale="0.23 0.06 0.17" geometry="mergeTo:null;primitive:burek"
material="src: #burek-texture;flatShading:true;side:double;color:#ffdb7a;metalness:1;roughness:0.92">
<a-animation easing="linear" attribute="rotation" dur="10000" to="-270 0 0" repeat="indefinite"></a-animation>
</a-entity>
<a-entity id="barni-me" position="-8 2 -7" scale="0.6 1.2 1" text-geometry="value: pipni me; font: #exoFont; bevelEnabled: true; bevelSize: 0.1; bevelThickness: 0.1; curveSegments: 0.8; size: 0.7; height: 0.3;" material="color:yellow; metalness:0.8; roughness: 0.1; sphericalEnvMap: #chrome;"
sound="src: url(https://cdn.glitch.com/e7139b4a-e91b-4e0f-a364-32c3d1daf392%2Fkemo.mp3?1494787201710); on: click">
</a-entity>
<a-entity
geometry="primitive: plane; width: 10000; height: 10000;" rotation="-90 0 0"
material="src: #grid; repeat: 10000 10000; transparent: true;metalness:0.6; roughness: 0.4; sphericalEnvMap: #sky;"></a-entity>
<!--<a-entity light="color: #fcff02;groundColor: #fcff02;intensity: 1;type:directional;target:#text-burek;" position="-2.406 5.881 6.610" rotation="5 -22 0"></a-entity>-->
<a-entity light="color: #ccccff; intensity: 1; type: ambient;" visible=""></a-entity>
<a-entity light="color: ffaaff; intensity: 1.5" position="5 5 5"></a-entity>
<a-entity light="color: white; intensity: 0.5" position="-5 5 15"></a-entity>
<a-entity light="color: white; type: ambient;"></a-entity>
<a-sky src="#sky" rotation="0 -90 0"></a-sky>
</a-scene>
</body>
</html>