-
Notifications
You must be signed in to change notification settings - Fork 0
/
cootageScene.js
71 lines (61 loc) · 2.03 KB
/
cootageScene.js
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
59
60
61
62
63
64
65
66
67
68
69
70
71
'use strict';
import React, { Component } from 'react';
import {StyleSheet} from 'react-native';
import { StatusBar } from 'react-native';
import {
ViroDirectionalLight,
ViroAmbientLight,
ViroOrbitCamera,
ViroScene,
Viro3DObject,
ViroText,
ViroSkyBox,
ViroNode,
ViroMaterials,
} from '@viro-community/react-viro';
var createReactClass = require('create-react-class');
var MainScene = createReactClass({
getInitialState() {
return {
};
},
render: function() {
return (
<ViroScene style={styles.container}>
<StatusBar hidden={true} />
<ViroSkyBox source={{nx:require('./res/grid_bg.jpg'),
px:require('./res/grid_bg.jpg'),
ny:require('./res/grid_bg.jpg'),
py:require('./res/grid_bg.jpg'),
nz:require('./res/grid_bg.jpg'),
pz:require('./res/grid_bg.jpg')}} />
<ViroOrbitCamera position={[0, 0, -0]} active={true} focalPoint={[0, 0, -8]} />
<ViroDirectionalLight direction={[0, 0, -9]} color="#ffffff" />
<ViroAmbientLight color="#aaaaaa" />
<ViroNode position={[0, -1, -6]} >
<Viro3DObject source={require('./res/cottage/cottage_obj.obj')}
resources={[require('./res/cottage/cottage.mtl')]}
materials={["cottage"]} scale={[0.2,0.2,0.2]} highAccuracyEvents={true} type="OBJ" />
</ViroNode>
<ViroText text="Cottage with textures" position={[0.0, 2, -3]} style={styles.textStyle}
transformBehaviors={["billboardY"]}/>
</ViroScene>
);
},
});
var materials = ViroMaterials.createMaterials({
cottage: {
lightingModel: "Blinn",
diffuseTexture: require('./res/cottage/cottage_diffuse.png'),
writesToDepthBuffer: true,
readsFromDepthBuffer: true,
},
});
var styles = StyleSheet.create({
textStyle: {
fontFamily: 'HelveticaNeue-Medium',
fontSize: 18,
color: '#FFFFFF',
},
});
module.exports = MainScene;