12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- this.createVisual = function () {
- let parent = this.parent;
- let p1 = [
- { x: 0, y: 0, z: 0 },
- { x: 0, y: 0, z: -0.2}
- ]
- let visNode = {
- "extends": "proxy/aframe/aentity.vwf",
- "properties": {},
- "children": {
- "cone":{
- "extends": "proxy/aframe/acone.vwf",
- "properties":{
- "height": 0.4,
- "radius-bottom": 0.01,
- "radius-top": 0.001,
- "rotation": [-90, 0, 0]
- },
- "children": {
- "material": {
- "extends": "proxy/aframe/aMaterialComponent.vwf",
- "type": "component",
- "properties":{
- "color": this.color,
- "transparent": true,
- "opacity": 0.6
- }
- }
- }
- },
- "p1": {
- "extends": "proxy/aframe/aentity.vwf",
- "children": {
- "linepath": {
- "extends": "proxy/aframe/linepath.vwf",
- "properties": {
- "color": this.color,
- "path": p1,
- "width": this.width,
- "taper": true,
- "transparent": true,
- "opacity": 0.6
- }
- }
- }
- }
- }
- }
- this.children.create("visualNode", visNode);
- }
- this.end_set = function (value) {
- this.end = this.translationFromValue(value);
- this.visualNode.p1.linepath.path = [this.visualNode.p1.linepath.path[0], this.end];
- }
- this.end_get = function () {
- return this.end;
- }
- this.color_set = function (value) {
- //this.avatarColor = value;
- this.color = value;
- this.visualNode.p1.linepath.color = value;
- this.visualNode.cone.material.color = value;
- }
- this.color_get = function () {
- return this.color;
- }
|