12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- this.createVisual = function () {
- let parent = this.parent;
- let p1 = [{"x":0,"y":0,"z":-0.1},{"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.2,
- "radius-bottom": 0.01,
- "radius-top": 0.001,
- "rotation": [-90, 0, 0],
- "position": [0, 0, -0.1]
- },
- "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": 0.08, //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;
- if(this.visualNode){
- this.visualNode.p1.linepath.color = value;
- this.visualNode.cone.material.color = value;
- }
- }
- this.color_get = function () {
- return this.color;
- }
|