camera 相关问题

我只想设置相机 X 角度视图以从上方查看场景。这是我的起始代码：我只想设置我的相机 X 角度视图以从上方查看我的场景。这是我的起始代码： <PerspectiveCamera makeDefault rotation={[0, 4.7, 0]} position={[-20, 7, 0]} fov={60} near={1} far={100} /> <PerspectiveCamera ref={cameraRef} rotation={[0, 4.7, 0]} position={[-20, 7, 0]} fov={50} near={1} far={100} /> 我正在更改 x 轴旋转值，但似乎它会影响 y 轴旋转... <PerspectiveCamera makeDefault rotation={[0, 4.7, 0]} position={[-20, 7, 0]} fov={60} near={1} far={100} /> <PerspectiveCamera ref={cameraRef} rotation={[1, 4.7, 0]} // HERE IS WHAT I CHANGED ! position={[-20, 7, 0]} fov={50} near={1} far={100} /> 如果我改变 x 轴旋转，结果就是......奇怪？我想设置我的相机从上到下观察，类似这样的: 如果我只是更改 x 轴旋转，那么结果就是我正在寻找的 x 旋转： <PerspectiveCamera makeDefault rotation={[0, 4.7, 0]} position={[-20, 7, 0]} fov={60} near={1} far={100} /> <PerspectiveCamera ref={cameraRef} rotation={[-0.5, 0, 0]} position={[-20, 7, 0]} fov={50} near={1} far={100} /> 感谢您的帮助。这是完整的代码： import { Canvas } from '@react-three/fiber'; import React, { Suspense, useRef } from 'react'; import SoccerField from '../models/SoccerField.jsx'; import SoccerBall from '../models/SoccerBall.jsx'; import { CameraControls, MeshReflectorMaterial, PerspectiveCamera, useHelper } from '@react-three/drei'; import { degToRad } from 'maath/misc'; import Trophy from '../models/Trophy.jsx'; import SoccerStadium from '../models/SoccerStadium.jsx'; import { AxesHelper, CameraHelper } from 'three'; const SoccerScene = () => { const controls = useRef(); const directionalLightRef = useRef(); console.log(directionalLightRef); const cameraRef = useRef(); console.log(cameraRef); return ( <section className="w-full h-screen relative bg-[#dfd6c6]"> <Canvas className={`w-full h-screen bg-transparent`} shadows > {cameraRef.current && <primitive object={new CameraHelper(cameraRef.current)} />} <Suspense fallback={null}> <primitive object={new AxesHelper(5)} /> <directionalLight ref={directionalLightRef} position={[60, 100, 100]} rotation={[0, 0, 0]} intensity={2} castShadow shadow-mapSize-width={4096 * 2} // Augmente la résolution de l'ombre shadow-mapSize-height={4096 * 2} // Augmente la résolution de l'ombre shadow-camera-left={-50} // Augmente la largeur de la caméra d'ombre shadow-camera-right={50} // Augmente la largeur de la caméra d'ombre shadow-camera-top={10} // Augmente la hauteur de la caméra d'ombre shadow-camera-bottom={-10} /> {/*{directionalLightRef.current && (*/} {/* <cameraHelper args={[directionalLightRef.current.shadow.camera]} />*/} {/*)}*/} <ambientLight intensity={0.5} /> <pointLight position={[10, 5, 10]} intensity={2} /> <spotLight position={[0, 50, 10]} angle={0.15} penumbra={1} intensity={2} /> <hemisphereLight skyColor="#b1e1ff" groundColor="#000000" intensity={1} /> {/* Caméra principale avec ref */} <PerspectiveCamera makeDefault // Cela définira cette caméra comme la caméra par défaut rotation={[0, 4.7, 0]} position={[-20, 7, 0]} // Position de la caméra pour ajuster l'angle fov={60} // Vous pouvez ajuster le champ de vision pour changer l'angle near={1} far={100} /> <PerspectiveCamera ref={cameraRef} // Attachement de la ref ici rotation={[0, 4.7, 0]} position={[-20, 7, 0]} // Position de la caméra pour ajuster l'angle fov={50} // Vous pouvez ajuster le champ de vision pour changer l'angle near={1} far={100} /> {/* Utilisation du CameraHelper */} {cameraRef.current && <primitive object={new CameraHelper(cameraRef.current)} />} <CameraControls ref={controls} // minPolarAngle={degToRad(20)} // maxPolarAngle={degToRad(90)} /> <SoccerStadium scale={0.1} position={[10, 0, 0]} /> <group castShadow receiveShadow position={[-5, 4.3, -3]} > <Trophy scale={3} position={[10, 0, 2]} /> <SoccerBall position={[5, -1, 2]} scale={0.5} /> </group> </Suspense> </Canvas> </section> ); }; export default SoccerScene; 我不熟悉react-3语法。但我可以尽力帮助你找到解决问题的方向。为了让相机从上方观察物体，您需要通过物体上方的“position.y”设置其高度。并将相机目标（即相机所看的地方）设置为物体。为此，相机目标矢量必须与对象矢量的位置相匹配。

three.js camera react-three-fiber

回答 1 投票 0

Raspberry Pi 相机无法初始化

我正在尝试将树莓派摄像头的视频传输到我的笔记本电脑或云服务器上。我的相机可以工作，所有软件包都是最新的，预览也可以工作，但每次运行

flask raspberry-pi camera raspberry-pi4 picamera

回答 1 投票 0

编译 3.0，可选支持 3.1 API

我的应用程序使用相机，并且由于3.1 API（最重要的是cameraViewTransform）我添加了缩放功能。但我希望我的应用程序也能在 3.0 上运行（当然没有缩放）。问题是...

camera iphone-sdk-3.0 iphone-sdk-3.1

回答 2 投票 0

Java - 如何判断 JPEG 图像是红外/热图像、RGB 还是灰度图像？

我有一个上传图像的Java应用程序。我想确定这些图像是 RGB、红外/热（我们专门使用铁弓调色板）还是灰度。我找到了这个答案...

java image camera raster exif

回答 1 投票 0

如何通过 ADB 在 HyperOS (Android 13) 上禁用相机和导航指示（绿点）？

在 MIUI 13 之前，您可以使用以下 ADB 命令来指定相机和导航指示： adb shell cmd device_config 将隐私camera_mic_icons_enabled false 默认值 adb shell device_config

navigation camera icons adb

回答 1 投票 0

无法通过索引OpenCV打开相机

我有一台 chromebook，并使用 VSCode 作为我的 IDE，使用 Python3 作为我的语言。运行此代码时，我收到错误： [错误：[email protected]] 全局 obsensor_uvc_stream_channel.cpp:156 getStreamChannelG...

python opencv camera webcam chromebook

回答 1 投票 0

iOS 退出时关闭相机二维码扫描打开的网页

iOS 现在内置了相机二维码扫描功能，非常酷，因此，我为我的网站建立了一个二维码。问题是，扫码并打开页面后，如果用户选择...

javascript html ios camera qr-code

回答 2 投票 0

使用 YOLO 进行实时对象检测 Web 应用程序的问题

当我在相机上使用YOLO模型时，例如YOLOv7和YOLOv10，它们工作效率很高。然而，当我使用YOLOv8时，边界框仅位于相机的左上角，标签c...

camera yolo yolov8

回答 1 投票 0

camera 相关问题

最新问题