Add gltf example to index

AltspaceVR · Feb 1, 2018 · 209b979 · 209b979
2 parents 5f484fb + c99c75d
commit 209b979
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 0 deletions.
diff --git a/dist/altspace.js b/dist/altspace.js
@@ -2916,6 +2916,14 @@ var NLayoutBrowser = (function (NativeComponent$$1) {
 	return NLayoutBrowser;
 }(NativeComponent));
 
+/**
+* @name module:altspace/components.n-gltf
+* @class
+* @extends module:altspace/components.NativeComponent
+* @classdesc Load a 3D model as a native asset, and attach it to this node.
+* As a native asset, the model will be inaccessible from javascript, but
+* will have better performance, materials, and colliders than normal SDK objects. @aframe
+*/
 var NGLTF = (function (NativeComponent$$1) {
 	function NGLTF() {NativeComponent$$1.call(this, 'n-gltf'); }
 
@@ -2926,7 +2934,20 @@ var NGLTF = (function (NativeComponent$$1) {
 	var prototypeAccessors = { schema: {} };
 	prototypeAccessors.schema.get = function () {
 		return {
+			/**
+			* The URL of the glTF model.
+			* @instance
+			* @member {vec3} url
+			* @memberof module:altspace/components.n-gltf
+			*/
 			url: { type: 'string' },
+
+			/**
+			* If the model file describes multiple scenes, load this one instead of the default.
+			* @instance
+			* @member {vec3} sceneIndex
+			* @memberof module:altspace/components.n-gltf
+			*/
 			sceneIndex: { type: 'int' }
 		};
 	};

diff --git a/examples/aframe/native-gltf.html b/examples/aframe/native-gltf.html
@@ -4,6 +4,16 @@
 	<title>Native glTF</title>
 	<script src="https://aframe.io/releases/0.7.1/aframe.js"></script>
 	<script src='../../dist/altspace.js'></script>
+	<script>
+	AFRAME.registerComponent('detect-click', {
+		init: function(){
+			var self = this;
+			this.el.addEventListener('click', function(){
+				self.el.nextElementSibling.setAttribute('color', '#0f0');
+			});
+		}
+	});
+	</script>
 </head>
 <body>
 <a-scene altspace>

diff --git a/src/components/NGLTF.js b/src/components/NGLTF.js
@@ -1,11 +1,32 @@
 import NativeComponent from './NativeComponent';
 import Url from 'urllib';
 
+/**
+* @name module:altspace/components.n-gltf
+* @class
+* @extends module:altspace/components.NativeComponent
+* @classdesc Load a 3D model as a native asset, and attach it to this node.
+* As a native asset, the model will be inaccessible from javascript, but
+* will have better performance, materials, and colliders than normal SDK objects. @aframe
+*/
 export default class NGLTF extends NativeComponent {
 	constructor() {super('n-gltf'); }
 	get schema() {
 		return {
+			/**
+			* The URL of the glTF model.
+			* @instance
+			* @member {vec3} url
+			* @memberof module:altspace/components.n-gltf
+			*/
 			url: { type: 'string' },
+
+			/**
+			* If the model file describes multiple scenes, load this one instead of the default.
+			* @instance
+			* @member {vec3} sceneIndex
+			* @memberof module:altspace/components.n-gltf
+			*/
 			sceneIndex: { type: 'int' }
 		};
 	}