- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在 Processing 中对 3D 对象建模,遇到一个问题,即当对象离相机太近时,它们的渲染会被剪裁(即不渲染离相机最近的对象位)。这在 P3D 和 OPENGL 模式下都会发生。下图右图说明:
知道如何阻止这种情况发生吗?代码如下,可在 openprocessing.org 在线测试.非常感谢。
void setup() {
size(600, 400, P3D);
stroke(0);
rectMode(CENTER);
fill(200);
// initialise camera variables
scaleY = PI/height;
scaleX = 2*PI/width;
camDir = PI/3;
camElev = PI/2;
MouseX = width/2;
MouseY = height/3;
turnCamera();
camF_rel = setVector(camDir, camElev);
}
void draw() {
background(255);
// CAMERA & CONTROL OPERATIONS
MouseX = constrain(mouseX, 0, width);
MouseY = constrain(mouseY, 0, height);
setCamera();
camera(camP.x, camP.y, camP.z, camF_abs.x, camF_abs.y, camF_abs.z, 0, 0, -1);
// DRAW ENVIRONMENT
// checkered plane
fill(150,200,255);
for (int i=-10; i<10; i++) {
for (int j=-10; j<10; j++) {
noStroke();
if ((i+j)%2 == 0) rect(i*50, j*50, 50, 50);
}
}
// vertical line
noFill();
stroke(100);
box(1000);
}
// camera position and focus variables
PVector camP = new PVector(0, 1200, 700); // camera position
PVector camF_abs = new PVector(); // camera focus (absolute position)
PVector camF_rel = new PVector(); // camera focus (relative vector)
float camDir, camElev; // last camera bearing/elevation angles
float mx, my; // last mouse X/Y
float MouseX, MouseY; // replicate inbuilt mouse variables
float scaleY; // scale mouseY inputs to vertical movement
float scaleX; // scale mouseX inputs to horizontal movement
int direction = 0; // code for controling movement
float moveSpeed = 10; // overall controls responsiveness
// main camera calculation operations
void setCamera() {
camF_rel = setVector(camDir, camElev);
if (direction >= 1 & direction <= 4) moveCamera(moveSpeed);
if (direction >= 5 & direction <= 6) elevCamera(moveSpeed);
camF_abs = camF_rel.get();
camF_abs.add(camP);
}
PVector setVector(float dir, float elev){
//generic function to calculate the PVector based on radial coordinates
PVector v = new PVector(cos(dir), sin(dir), 0);
float fz = -sin(elev);
float fy = sqrt(1-pow(fz, 2));
v.mult(fy);
v.z = fz;
return(v);
}
void moveCamera (float speed) {
PVector moveto = new PVector();
// left / right movement
if (direction%2 == 0) {
float dir = 0;
if (direction == 2) dir = camDir + PI/2; // right
else dir = camDir - PI/2; // left
PVector v = setVector(dir, 0);
v.mult(speed);
camP.add(v);
}
// forward / backward movement
else {
moveto = camF_rel.get();
if (direction == 1) moveto.mult(-1); // forward
}
moveto.normalize();
moveto.mult(speed);
camP.sub(moveto);
}
void turnCamera(){
float x = MouseX - mx;
float x_scaled = x * scaleX;
float y = MouseY - my;
float y_scaled = y * scaleY;
camDir += x_scaled;
camElev += y_scaled;
mx = MouseX;
my = MouseY;
}
void elevCamera (float speed) {
if (direction == 5) { // lower camera
camP.z -= speed;
camF_abs.z -= speed;
}
else { // raise camera
camP.z += speed;
camF_abs.z += speed;
}
}
void keyPressed() {
if (keyCode == 38 | key == 'w') direction = 1; // move forward
else if (keyCode == 39 | key == 'd') direction = 2; // move right
else if (keyCode == 40 | key == 's') direction = 3; // move backward
else if (keyCode == 37 | key == 'a') direction = 4; // move left
else if (key == 'z') direction = 5; // lower camera
else if (key == 'x') direction = 6; // raise camera
}
void keyReleased() {
direction = 0;
}
void mouseMoved() { // turns the camera
turnCamera();
}
最佳答案
您可以通过调用 perspective() 来控制近距离和远距离的裁剪距离。在处理中发挥作用。
将这些行添加到您的 setup() 中,问题就消失了:
float fov = PI/3.0;
float cameraZ = (height/2.0) / tan(fov/2.0);
float nearClippingDistance = 0.01; // default is cameraZ/10.0
perspective(fov, float(width)/float(height), nearClippingDistance, cameraZ*10.0);
您可以通过在之前几行之后添加此行来找出草图中的默认近裁剪距离:
println(cameraZ/10.0); // output: 34.6410
关于processing - 在处理中渲染近多边形对象的剪裁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16544258/
关闭。这个问题是opinion-based .它目前不接受答案。 想改善这个问题吗?更新问题,以便可以通过 editing this post 用事实和引文回答问题. 5年前关闭。 Improve t
我是一名设计老师,试图帮助学生应对编程挑战,所以我编码是为了好玩,但我不是专家。 她需要找到 mode (最常见的值)在使用耦合到 Arduino 的传感器的数据构建的数据集中,然后根据结果激活一些功
我正在开发一个应用程序,该应用程序提供 CPU 使用率最高的 5 个应用程序名称。目前,我通过以下代码获得了排名前 5 的应用程序: var _ = require('lodash');
互联网上很少有例子涉及这个问题的所有三个问题——即 set-process-sentinel ; set-process-filter ;和 start-process . 我尝试了几种不同的方法来微
如 this post 中所述,在 C# 中有两种调用另一个进程的方法。 Process.Start("hello"); 和 Process p = new Process(); p.StartInf
我试图让我的桨从白色变为渐变(线性),并使球具有径向渐变。感谢您的帮助!您可以在 void drawPaddle 中找到桨的代码。 这是我的目标: 这是我的代码: //球 int ballX = 50
考虑:流程(a)根据我的文字: A process is first entered at the time of simulation, at which time it is executed u
我真的希望 Processing 有用于处理数组的 push 和 pop 方法,但由于它没有,我不得不试图找出删除数组中特定位置的对象的最佳方法。我相信这对很多人来说都是基本的,但我可以使用一些帮助,
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗? Update the question所以它是on-topic用于堆栈溢出。 关闭 10 年前。 Improve thi
以编程方式,我如何确定 Windows 10 中的 3 个类别 应用 后台进程 Windows 服务 就像任务管理器一样? 即我需要一些 C# 代码,我可以确定应用程序列表与后台进程列表。检查 Win
当我导入 node:process它工作正常。但是,当我尝试要求相同时,它会出错。 这工作正常: import process from 'node:process'; 但是当我尝试要求相同时,它会引
我正在上一门使用处理的类(class)。 我在理解 map() 函数时遇到问题。 根据它的文档( http://www.processing.org/reference/map_.html ): Re
我试图执行: composer.phar update 并收到: Fatal error: Allowed memory size of 94371840 bytes exhausted (tried
给定一堆二维图像,如何使用 Processing/Processing.js 产生体积渲染效果? 目前我的想法是使用 java(类似于 imageJ)进行体积渲染 -> 获取体积渲染图像的面作为单独的
这是代码示例 var startInfo = new ProcessStartInfo { Arguments = commandStr, FileName = @"C:\Window
当我在 Processing(草图 > 导入库 > 添加库)中添加库时,它安装在哪里? 最佳答案 它们安装在您的 中速写本位置 . 您可以通过转到"file">“首选项”来查看和更改您的速写本位置。草
无聊的好奇... 我正在查看当前进程的一些属性: using(Process p = Process.GetCurrentProcess()) { // Inspect properties
我正在尝试在同一页面上运行多个草图。 初始化脚本指定: /* * This code searches for all the * in your page and loads each scrip
Process.Kill 后是否需要使用 Process.WaitForExit? 如果调用进程在调用 Process.Kill 后立即退出怎么办? 这会导致 Process.Kill 失败吗? 编辑
我尝试使用处理从麦克风获取频率。我混合了文档中的两个示例,但“最高”并不是真正的赫兹(a 是 440 赫兹)。 你知道如何拥有比这更好的东西吗? import ddf.minim.*; import
我是一名优秀的程序员,十分优秀!