three.js实现相机碰撞，相机不穿墙壁、物体

转载 作者：撒哈拉 更新时间：2024-04-25 16:01:58 61 4

import { Raycaster, Scene, Vector3 } from "three"

type cameraVelocity = Vector3

export let handleCameraCollision = (raycaster: Raycaster, scene: Scene, defaultDistance: number, playerWorldPosition: Vector3, cameraCurrentWorldPosition: Vector3): cameraVelocity => {
    let playerToCameraDirection = cameraCurrentWorldPosition.clone().sub(playerWorldPosition).normalize()

    raycaster.set(playerWorldPosition, playerToCameraDirection)


    let intersects = raycaster.intersectObject(scene, true)

    let cameraToPlayerDistance = cameraCurrentWorldPosition.clone().distanceTo(playerWorldPosition)

    //实现“如果没有物体，则恢复默认的距离”和“如果在拉进时，人物往相机反方向移动，则可以移动到默认的距离而保持相机不动；再远相机就会跟随了”
    if (cameraToPlayerDistance < defaultDistance
        && (
            intersects.length == 0
            || intersects[0].distance > cameraToPlayerDistance
        )
    ) {
        let speed
        if (intersects.length == 0 || intersects[0].distance > defaultDistance) {
            speed = defaultDistance / cameraToPlayerDistance
        }
        else {
            speed = intersects[0].distance / cameraToPlayerDistance

            if (intersects[0].distance + speed > cameraToPlayerDistance) {
                speed = 0
            }
        }


        return playerToCameraDirection.clone().multiplyScalar(speed)
    }

    if (intersects.length == 0 || intersects[0].distance >= cameraToPlayerDistance) {
        return new Vector3(0, 0, 0)
    }

    let cameraToPlayerDirection = playerWorldPosition.clone().sub(cameraCurrentWorldPosition).normalize()
    let speed = cameraToPlayerDistance / intersects[0].distance

    return cameraToPlayerDirection.multiplyScalar(speed)
}


...

camera.position.add(handleCameraCollision(...))

61 4 0

• Android - 相机

  有人能给我一些代码示例，了解如何从相机捕获“完整”图像，然后在“startActivityForResult”中将其转换为字节，以及显示在 imageView 中的位图。任何帮助将不胜感激。 山姆 最

• java - 如何居中JavaFX场景图“相机”

  我有一个带有两个圆的组，当我用平移过渡移动其中一个时，我应该看到静止的一个保持在中心（位于场景图的中间），而另一个移动。取而代之的是，“摄像机”跟随移动的圆圈，使其看起来好像都在分开。 有没有一种方法

• ios - Phonegap 相机

  我希望停止 Phonegap 将图片保存到 iOS 上的相机胶卷。 我发现了一种可能的解决方案，但我不太喜欢它。该解决方案需要通过删除这行代码来 fork phonegap API。 UIImageW

• Java OpenGL 相机

  我最近开始使用 JOGL，我知道如何在 Canvas 上创建和绘制对象，但我找不到有关如何设置和旋转相机的教程或说明。我只找到了源代码，但由于我对此很陌生，所以它没有太大帮助。 有人知道一个好的教程或

• Java Android 相机

  关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 8 年前。 Improve this ques

• android - 捕获时如何创建矩形区域(相机)

  我想实现这样的目标: 因此，您捕获和处理的唯一内容是矩形中的区域。我需要这个，因为我想做一些 OCR 而我不想要整个屏幕。 最佳答案 也许可以帮助您这个来源，(在相机预览顶部绘制一个边界框以捕获部分图

• Android 相机(照片未显示)

  我正在开发一个 Android 应用程序，我希望我的应用程序能够拍照并显示它们。我的问题是它制作了图片，将它存储在 SD 卡上但没有在我的应用程序中显示它，ImageView 保持空白。这是我的代码:

• java - 相机 NullPointerException

  我正在研究 Android 相机教程，SDK 11。出于某种原因，我在 handleCameraPhoto() 中得到了一个空指针。我唯一看到的是“无法将结果 ResultInfo{who=null,

• Android ImageView -相机

  我一直在尝试实现此代码，我在其中从相机捕获图像并将其显示在我的图像查看器中，然后可以将其设置为墙纸。它在我的模拟器中运行良好，但在我的手机上，当我拍摄图像并单击“确定”时，它会强制关闭。有什么帮助吗？

• Android 相机 - 如何更改预览中的像素？

  我想将预览中的某些像素更改为比其余像素暗一点。假设我希望预览的上半部分比预览的下半部分暗一点。 我试图像这样使用 setPreviewCallback: camera.setPreviewCallba

• swift - 以编程方式设置照片库/相机

  我想为我的应用程序启用相机/照片库设置。我可以显示警报以编程方式启用这些吗就像应用程序启动时一样。我已附上图片以显示我希望看到我的应用程序的类似设置 对于我的应用程序，我没有看到此设置。 我的问题是这

• Android 相机、同步原始预览和原始拍照

  所以我正在开发类似于相机应用程序的东西。它在原生 OpenGL 纹理上绘制实时相机预览。如果按下按钮，则会以原始形式捕获静态图像(可能比实时预览分辨率更高)。 这是我的代码的大纲。为了清楚起见，我没有

• 用于图片和视频的 Android 相机

  我想在我的 Android 应用程序中启动相机 Activity ，我知道该怎么做。我想问一下当相机 Activity 结束时，我如何检查它是否是用户拍摄的照片或视频？ 已更新 我有一个对话框，其中询

• android - 相机 - 开始录制视频后预览更改

  我在横向模式下有自定义全屏摄像头。设备尺寸为 1024 x 600。 支持的预览尺寸列表 宽 x 高 176 x 144 320 x 240 352 x 288 528 x 432 640 x 480

• iPhone 相机 - 从图库中选择或拍照

  请看下图!! 所以在这张图片中...您可以看到底部的弹出窗口，当用户“点击”“相机”按钮时，它会为用户提供 3 个选项。 那是什么观点？它是一个模态视图 Controller ，在选择一个选项时被关闭

• 相机 Intent 后Android崩溃

  我发布了一个应用程序，其中一项基本功能是允许用户拍照，然后将该照片保存在其外部存储上的特定文件夹中。 一切似乎都运行良好，但我现在收到两份报告，声称在拍照后单击“完成”退出相机(并返回到 Activi

• camera - WebRTC - 实时更改设备/相机

  我在尝试实时更换相机时遇到问题，它适用于本地视频，但远程人员看不到新相机，但仍然可以看到旧相机。我试图停止流并再次初始化，但仍然无法正常工作。这只是我的一些代码。 我到处搜索，但找不到解决方案。有人可

• flutter - 点按即可对焦 Flutter 相机

  一个简单但非常复杂的问题:为 Flutter 相机添加点击对焦功能的最佳方法是什么？ 我在整个万维网上搜索了优雅的解决方案，但一无所获。 你有想法吗？ 最佳答案 我可能会迟到，但你可以试试 adv_c

• OpenGL 3D 相机 gluLookAt

  我正在尝试使用 gluLookAt 方法设置 3D 相机。所以我有一个 10x10x10 的立方体，现在我想在那个立方体内移动相机。我有这样的事情: gluLookAt( camera->x,came

• SwiftUI 全屏 UIImagePickerController(相机)

  我赠送一个 UIImagePickerController在我的应用程序中通过在 sheet 中呈现逻辑修饰符。简而言之，以下三种类型处理显示和关闭 UIImagePickerController 的