2017-03-08 20 views
9

में इस सामग्री की संपत्ति नहीं है मैं प्रतिक्रिया वीआर के साथ एक एप्लीकेशन विकसित कर रहा हूं और मैंने ब्लेंडर के साथ एक 3 डी पॉकबॉल बनाया है। मैंने इसे वेवफ़्रंट .obj फ़ाइल के रूप में निर्यात किया है और इसे मेरे रिएक्ट वीआर एप्लिकेशन में उपयोग किया है।शिननेस, उत्सुक और specular React VR

THREE.MeshBasicMaterial:

कंसोल में मैं इस चेतावनी को देखने के shininess, emissive और specular इस सामग्री का एक संपत्ति नहीं हैं।

नीचे आप मेरी कोड मिल सकता है:

import React from 'react'; 
import { AppRegistry, asset, StyleSheet, Pano, Text, View, Mesh } from 'react-vr'; 

class pokemongo extends React.Component { 
    render() { 
    return (
     <View> 
     <Pano source={asset('sky.jpg')} /> 
     <Mesh source={{ mesh: asset('pokeball.obj'), mtl: asset('pokeball.mtl') }} 
       style={{ height: 1 }} 
       transform={{ rotate: '0 90 0' }}></Mesh> 
     </View> 
    ); 
    } 
}; 

AppRegistry.registerComponent('pokemongo',() => pokemongo); 

यह गाया उत्पादन

और this GitHub Gist पर आप obj और mtl फ़ाइल मिल सकता है और आप डाउनलोड कर सकता है blend फ़ाइल।

यहां आप ब्लेंडर में अपना पॉकबॉल देख सकते हैं।

मैं इंटरनेट पर खोज की है, लेकिन नहीं मिला था के साथ संबंधित समस्या के बारे में समाधान या दस्तावेज वी.आर. प्रतिक्रिया।

मैंने क्या गलत किया है?

उत्तर

6

यह react-vr > 0.2.1 में Github issue राज्यों की तरह कोई समस्या नहीं होनी चाहिए।

इसके अलावा, यदि आप अपने मॉडल रंगों और छायांकन के साथ प्रस्तुत करना चाहते हैं तो आपको दृश्य में कुछ रोशनी लागू करने की आवश्यकता होगी। यह मॉडल पर lit प्रोप को सक्षम करके और आपके दृश्य में AmbientLight, SpotLight या DirectionalLight घटकों का उपयोग करके किया जाता है।

import React from "react"; 
import { 
    AppRegistry, 
    asset, 
    Pano, 
    View, 
    Model, 
    AmbientLight, 
    SpotLight 
} from "react-vr"; 

class pokemongo extends React.Component { 
    render() { 
    return (
     <View> 
     <Pano source={asset("chess-world.jpg")} /> 
     <AmbientLight intensity={0.5} /> 
     <SpotLight 
      intensity={1} 
      style={{ transform: [{ translate: [-5, 5, 0] }] }} 
     /> 
     <Model 
      source={{ 
      obj: asset("pokeball.obj"), 
      mtl: asset("pokeball.mtl") 
      }} 
      style={{ 
      layoutOrigin: [0.5, 0.5], 
      transform: [ 
       { translate: [0, 0, -10] } 
      ] 
      }} 
      lit={true} 
     /> 
     </View> 
    ); 
    } 
} 

AppRegistry.registerComponent("pokemongo",() => pokemongo); 

3d model in vr

कताई एनीमेशन आप ModelSample की जांच कर सकते देखने के लिए कि यह कैसे किया है के लिए।

संबंधित मुद्दे