-
Notifications
You must be signed in to change notification settings - Fork 34
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
remove static chars
- Loading branch information
Showing
4 changed files
with
100 additions
and
42 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,79 @@ | ||
| /* global AFRAME */ | ||
|
|
||
| /* | ||
| The animation-element component controls all animation of the elements | ||
| */ | ||
| AFRAME.registerComponent('automation-element', { | ||
| schema: { | ||
| // initial z position of element | ||
| zPos: { type: 'number', default: 0 }, | ||
| direction: { type: 'string', default: 'outbound', oneOf: ['outbound', 'inbound'] }, | ||
| enabled: { type: 'boolean', default: true }, | ||
| speed: { type: 'number', default: 1000 }, | ||
| streetLength: { type: 'number', default: 60 } | ||
| }, | ||
| init: function () { | ||
| const el = this.el; | ||
| this.addLinearAnimation(); | ||
| }, | ||
| addLinearAnimation: function () { | ||
| const el = this.el; | ||
| const streetLength = this.data.streetLength; | ||
| const speed = this.data.speed; | ||
| const direction = this.data.direction; | ||
| const zPos = el.object3D.position.z; | ||
|
|
||
| const totalStreetDuration = (streetLength / speed) * 1000; // time in milliseconds | ||
|
|
||
| if (direction === 'outbound') { | ||
| halfStreet = -streetLength / 2; | ||
| el.setAttribute('rotation', {y: 180}); | ||
| } else { | ||
| halfStreet = streetLength / 2; | ||
| el.setAttribute('rotation', {y: 0}); | ||
| } | ||
| const startingDistanceToTravel = Math.abs(halfStreet - zPos); | ||
| const startingDuration = (startingDistanceToTravel / speed) * 1000; | ||
|
|
||
| // animation params to move an object from its current position to the end of street | ||
| // in a specified direction | ||
| const animationAttrs_1 = { | ||
| property: 'object3D.position.z', | ||
| easing: 'linear', | ||
| loop: 'false', | ||
| from: zPos, | ||
| to: halfStreet, | ||
| dur: startingDuration | ||
| }; | ||
| // Animation parameters for the next animation cycle. | ||
| // They can be changed when changing position of the object in the editor | ||
| const animationAttrs_2 = { | ||
| property: 'object3D.position.z', | ||
| autoplay: false, | ||
| easing: 'linear', | ||
| loop: 'true', | ||
| from: -halfStreet, | ||
| to: halfStreet, | ||
| dur: totalStreetDuration, | ||
| startEvents: 'animationcomplete__1' | ||
| //startEvents: 'startAnim2' | ||
| }; | ||
| el.setAttribute('animation__1', animationAttrs_1); | ||
| el.setAttribute('animation__2', animationAttrs_2); | ||
| }, | ||
| animationCompleteEvent: function (evt) { | ||
| const elem = evt.target; | ||
| //this.el.parentEl.emit('addInBuffer', {uuid: elem.uuid}); | ||
| }, | ||
| update: function (oldData) { | ||
| // If `oldData` is empty, then this means we're in the initialization process. | ||
| // No need to update. | ||
| if (Object.keys(oldData).length === 0) { return; } | ||
|
|
||
| const changedData = AFRAME.utils.diff(this.data, oldData); | ||
|
|
||
| if (Object.keys(changedData).length > 0) { | ||
| this.addLinearAnimation(); | ||
| } | ||
| } | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters