-
Notifications
You must be signed in to change notification settings - Fork 3
/
n-text-material.html
18 lines (17 loc) · 1.1 KB
/
n-text-material.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="Genesis">
<title>n-text-material Example</title>
<script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>
<script src="https://cdn.jsdelivr.net/combine/npm/altspace@2.9.0/dist/altspace.min.js,npm/altspacevr-behaviors@1.1.5/js/altspaceutil.min.js"></script>
</head>
<body>
<a-scene altspace="fullspace: true">
<a-box id="material" color="yellow" width="2" depth="2" height="2" material="transparent: true; opacity: 0.3"></a-box>
<a-entity position="0 1 0" n-text="text: Color: Yellow\nOpacity: 0.3; fontSize: 5; width: 100; height: 5; verticalAlign: top" n-text-material="material: #material; color: true; opacity: true" n-billboard></a-entity>
<a-sphere color="red" radius="1.3" segments-width="16" segments-height="16" depth="1" height="1" position="0 0 5" n-text="text: Color: Red\nOpacity: Not Inherited; fontSize: 5; width: 100; height: 5; verticalAlign: top" n-text-material="opacity: false" material="transparent: true; opacity: 0.3" n-billboard></a-box>
</a-scene>
</body>
</html>