-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathApp.jsx
More file actions
58 lines (46 loc) · 2 KB
/
App.jsx
File metadata and controls
58 lines (46 loc) · 2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
import React, { Component } from 'react';
import { BeginTween, BeginScene } from './Scenes/BeginScene';
import { InputTween, InputScene } from './Scenes/InputScene';
import { SearchInputTween, SearchInputScene } from './Scenes/SearchInputScene';
import { AlbumTween, AlbumScene } from './Scenes/AlbumScene';
import { EndTween, EndScene } from './Scenes/EndScene';
import './assets/styles/Main.scss';
import './assets/styles/animate.scss';
class App extends Component {
constructor(props) {
super(props);
setInterval(this.siteLifecycle, 1000 / 60);
this.state = {
beginTween: new BeginTween(),
inputTween: new InputTween(),
searchInputTween: new SearchInputTween(),
albumTween: new AlbumTween(),
endTween: new EndTween(),
}
this.state.beginTween.chain(this.state.inputTween);
this.state.inputTween.chain(this.state.searchInputTween);
this.state.searchInputTween.chain(this.state.albumTween);
//this.state.searchInputTween.chain(this.state.endTween);
this.state.beginTween.start();
}
siteLifecycle = () => {
this.state.beginTween.update();
this.state.inputTween.update();
this.state.searchInputTween.update();
this.state.albumTween.update();
this.state.endTween.update();
this.setState({});
}
render = () => {
return (
<div className="app">
<BeginScene active={this.state.beginTween.isActive} scene={this.state.beginTween} />
<InputScene active={this.state.inputTween.isActive} scene={this.state.inputTween} />
<SearchInputScene active={this.state.searchInputTween.isActive} scene={this.state.searchInputTween} />
<AlbumScene active={this.state.albumTween.isActive} scene={this.state.albumTween} />
<EndScene active={this.state.endTween.isActive} scene={this.state.endTween} />
</div>
)
}
}
export default App;