react-vr-geolocate
Version:
60 lines (43 loc) • 3.25 kB
JavaScript
Object.defineProperty(exports,"__esModule",{value:true});var _jsxFileName='src\\components\\solar-system\\orbiter.js';var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();var _react=require('react');var _react2=_interopRequireDefault(_react);
var _reactVr=require('react-vr');
var _reactNative=require('react-native');
var _spaceSphere=require('./spaceSphere');var _spaceSphere2=_interopRequireDefault(_spaceSphere);
var _rotationOffset=require('../../consts/rotationOffset');function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var
Orbiter=function(_React$Component){_inherits(Orbiter,_React$Component);
function Orbiter(props){_classCallCheck(this,Orbiter);var _this=_possibleConstructorReturn(this,(Orbiter.__proto__||Object.getPrototypeOf(Orbiter)).call(this,
props));
_this.spin=_this.spin.bind(_this);
_this.state={
bounceValue:new _reactVr.Animated.Value(0)};return _this;
}_createClass(Orbiter,[{key:'spin',value:function spin(
to){var _this2=this;
this.state.bounceValue.setValue(0);
_reactVr.Animated.timing(this.state.bounceValue,{
toValue:to,
duration:200000,
easing:_reactNative.Easing.linear}).
start(function(o){
if(o.finished){
_this2.spin(to);
}
});
}},{key:'componentDidMount',value:function componentDidMount()
{
this.spin(360);
}},{key:'render',value:function render()
{
return(
_react2.default.createElement(_reactVr.View,{style:{
position:"absolute",
transform:[
{rotateX:"20deg"}]},__source:{fileName:_jsxFileName,lineNumber:37}},
_react2.default.createElement(_reactVr.Animated.View,{style:{
position:"absolute",
transform:[
{rotateY:this.state.bounceValue},
{translate:[0,0,_rotationOffset.overlayLonOffset]}]},__source:{fileName:_jsxFileName,lineNumber:43}},
_react2.default.createElement(_spaceSphere2.default,{
wrap:(0,_reactVr.asset)(this.props.src),
radius:this.props.size,__source:{fileName:_jsxFileName,lineNumber:50}}))));
}}]);return Orbiter;}(_react2.default.Component);exports.default=
Orbiter;