小编Noa*_*man的帖子

难以创建基本的 Line(@react- Three/Fiber 和 Typescript)

谁能帮我让这条线显示出来?我使用@react-三/纤维和打字稿

My Faulty Component:


import * as THREE from 'three'

const RoadLine = ({start, end}: {start: THREE.Vector3, end: THREE.Vector3}) => {

    return (
        <line>
            <bufferGeometry setFromPoints={() => new THREE.BufferGeometry().setFromPoints([start, end])}/>
            <lineBasicMaterial color={'green'}/>
        </line>
    )
}

export default RoadLine


------------------------------------------------------------------------------------------

The Props Im sending in: 

{roads?.map(road => {
                        return (
                            <RoadLine
                            key={road.id}
                            start={new THREE.Vector3(1,0,3)} //numbers just for test atm
                            end={new THREE.Vector3(11,0,33)} //numbers just for test atm
                            />
                        )
                    })}
Run Code Online (Sandbox Code Playgroud)

我试图从本质上从 a 点到 b 点做一条基本线,不确定我是否正确地处理它

three.js reactjs react-three-fiber

4
推荐指数
1
解决办法
7074
查看次数

标签 统计

react-three-fiber ×1

reactjs ×1

three.js ×1