How to use the react-vr.Animated.timing function in react-vr
To help you get started, we’ve selected a few react-vr examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
nikgraf / webvr-experiments / react-vr / v5-star-wars-opening-crawl / components / MovingText.js View on Github 
componentDidMount() {
Animated.timing(this.state.y, {
duration: 150000,
toValue: 10,
delay: 4500,
easing: Easing.linear,
}).start();
Animated.timing(this.state.opacity, {
duration: 3000,
toValue: 1,
delay: 9500,
easing: Easing.linear,
}).start();
}componentDidMount() {
Animated.timing(this.state.opacity, {
duration: 1000,
toValue: 1,
delay: 1000,
easing: Easing.linear,
}).start();
window.setTimeout(() => {
Animated.timing(this.state.opacity, {
duration: 1000,
toValue: 0,
}).start();
}, 6000);
}scrollRight() {
Animated.timing(
this.state.scrollValue,
{
toValue: -this.offsetX,
duration: this.duration,
easing: Easing.linear,
}
).start();
}rotateGallery(rotation){
const animation = Animated.timing(this.state.galleryRotation, {
toValue: rotation,
duration: 150
});
animation.start();
}
getPosition(images, imageNumber){rotateGallery(rotation){
const animation = Animated.timing(this.state.galleryRotation, {
toValue: rotation,
duration: 150
});
animation.start();
}
getPosition(images, imageNumber){react-vr
A framework for building VR applications with React
