| | |
| | | <> |
| | | <PerspectiveCamera |
| | | makeDefault |
| | | position={[-100, 200, 1000]} |
| | | position={[0, 150, 1100]} |
| | | fov={48} |
| | | near={1} |
| | | far={100000} |
| | |
| | | ref={controlsRef} |
| | | autoRotate |
| | | autoRotateSpeed={0.5} |
| | | target={[-200, 0, 0]} |
| | | /> |
| | | {/* <PointerCtrl /> */} |
| | | </group> |
| | |
| | | const House = (props) => { |
| | | const { |
| | | wallThickness = 2, |
| | | wallOpacity = .6, |
| | | wallOpacity = 1, |
| | | width = DEBUG ? 14000 : 1400, |
| | | length = DEBUG ? 12000 : 1200, |
| | | height = DEBUG ? 4000 : 400, |
| | |
| | | import CapacityCharts from './components/capacity-charts'; |
| | | |
| | | const Left = () => { |
| | | const [isExpanded, setIsExpanded] = useState(false); |
| | | const [isExpanded, setIsExpanded] = useState(true); |
| | | |
| | | const containerAnimation = useSpring({ |
| | | transform: isExpanded ? 'translate(0%)' : 'translateX(-100%)', |
| | |
| | | // import Handles from './components/Handles'; |
| | | |
| | | const Right = () => { |
| | | const [isExpanded, setIsExpanded] = useState(false); |
| | | const [isExpanded, setIsExpanded] = useState(true); |
| | | |
| | | const containerAnimation = useSpring({ |
| | | transform: isExpanded ? 'translate(0%)' : 'translateX(100%)', |