问题标签 [skybox]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
881 浏览

babylonjs - 如何制作一个非常大的天空盒?(巴比伦.js)

如何制作一个非常大的天空盒?

例子:

结果很糟糕: 在此处输入图像描述

0 投票
1 回答
2557 浏览

javascript - three.js 天空盒:明显的角落和大量的失真

今天我一直在尝试用 three.js 构建我的第一个天空盒。我已经阅读了很多教程,我最终得到的代码是基于这个: http: //learningthreejs.com/blog/2011/08/15/lets-do-a-sky/ 我确实做了进行了一些更改,以允许首先加载图像,并使其与我正在使用的 three.js 版本兼容。

我已经克服了很多小问题来达到我目前的水平,但是尽管进行了相当艰苦的搜索,但仍然找不到我当前问题的任何答案。我的问题是,尽管使用了从互联网下载的专用天空盒纹理,但很明显我的天空盒是一个有角和边的立方体。纹理看起来严重扭曲,完全没有说服力。

这是我的天空盒外观的屏幕截图: 这是我的天空盒的截图

这是我下载图像的站点的链接: http://www.humus.name/index.php?page=Cubemap&item=Yokohama3 正如你所看到的,在他们的预览中看起来好多了。

我已经用几个不同的下载纹理尝试了这个,每次都很明显你正在看一个立方体的内部。

这是我的代码(我包括我的所有代码,而不仅仅是创建天空盒的部分):

我怀疑我从根本上误解了立方体贴图和天空盒如何工作的一些东西——我对这个特别是对这个和一般的 javascript 非常陌生,并且我意识到我的知识存在巨大差距。

如果这个问题的答案很明显和/或之前已经提出过这个问题,我深表歉意,并先发制人地感谢您的帮助!

0 投票
1 回答
752 浏览

c# - Unity - 从阵列中获取随机天空盒

对于学校任务,我必须制作一个基本的视频游戏。我正在尝试制作太空游戏的基本版本。

我想要一个包含多个天空盒的数组,并且在启动游戏时,我希望游戏从数组中选择一个随机的天空盒。这样你就会有一种感觉,你每次都在不同的重生点。

谁能帮我?我一直在谷歌上寻找,但我找不到任何有用的东西。

天空盒位于一个名为:

  • 'Assets/SkyBox Volume 2/DeepSpaceBlue' 文件名 = DSB
  • 'Assets/SkyBox Volume 2/DeepSpaceGreen' 文件名 = DSG
  • ...

这是我当前的代码,它包含错误。

编辑

错误:

0 投票
2 回答
1447 浏览

three.js - 天空盒可以是单个图像吗?如果不是,为什么?

当我搜索一些天空盒图像(例如谷歌图像)时,我得到了以横向交叉模式显示单个图像的点击。但是所有三个.js 示例(例如)我已经设法找到显示加载 6 个图像。

感觉很奇怪,我必须剪切一个图像,然后额外加载 6 个图像而不是一个图像。

文档有点含糊(即关于 6 张图像是一个选项,还是唯一的方法)。

这里有一道题,貌似用的是单张图,其实是一行,答案用的是2x3的网格;它们都不是十字形!

(顺便说一句,额外的问题:我尝试从源代码中解决这个问题,但它在哪里?THREE.CubeTextureLoader().load()代码是一个循环加载它给出的许多 URL(注意。没有检查它是 6),然后调用THREE.Texture,这似乎很一般。)

0 投票
0 回答
293 浏览

opengl - 当相机的中心点发生变化时,如何更新天空盒中物体的反射纹理?

我正在按照教程创建带有环境映射的天空盒/立方体贴图。我在反射部分遇到了一些麻烦。在计算反射时,会考虑当前位置、法线和相机/眼睛位置,如教程中的以下片段着色器所示:

这是顶点着色器:

问题是,如果相机没有四处移动(所以眼睛位置保持不变),但是相机的参考中心发生了变化,那么物体上的纹理不会改变。这是不可取的。例如,当您站在镜子前,左右旋转头部时,您会期望看到镜子中的反射发生变化。

我怎样才能达到这个效果(即当相机中心改变时更新物体的反射纹理)?

编辑:这是一个显示我的问题的视频:https ://www.youtube.com/watch?v=Yk5akOYnjdc&feature=youtu.be

0 投票
1 回答
3253 浏览

opengl - 为什么我必须计算模型矩阵的逆矩阵的转置才能计算反射纹理的法线?

我正在按照教程创建带有环境映射的天空盒/立方体贴图。我在理解顶点着色器中的计算时遇到了一些麻烦:

在这里,作者是在计算法线之前将其传递给片段着色器以计算反射纹理:

我的问题是,这个计算究竟是做什么的?为什么在与法线相乘之前必须计算模型矩阵的逆矩阵的转置?

0 投票
2 回答
4455 浏览

unity3d - 为 Unity 制作自定义天空盒

我正在努力寻找任何关于如何为 Unity 制作自己的天空盒的简单/最新教程。我希望天空盒是基于卡通/矢量的,所以最好我想在 Adob​​e Illustrator 中制作它。

我该怎么做呢?任何人都可以指导我任何教程吗?此外,是否有任何程序允许您上传为您生成天空盒的图像?

谢谢!

0 投票
1 回答
9193 浏览

c# - Unity 3D 从一个天空盒渐变到另一个天空盒

我有四个不同的天空盒,每个赛季都有一个。

如何在 c# 中创建天空盒之间的淡入淡出过渡?

例如,在某个时刻,夏季天空盒淡入秋季天空盒。

谢谢!

0 投票
0 回答
237 浏览

c++ - 使用固定功能管道在opengl中进行立方体映射

我正在尝试使用立方体贴图获得天空盒效果。天空盒被绘制为单个批次的六个 GL_QUADS。然后使用 glTexCoord3f 手动对每个面进行纹理化。但是对于每个顶点,必须指定一个向量来指向天空盒的那个角。这是我卡住的地方。如何指定此向量?

0 投票
1 回答
2048 浏览

unity3d - 如何在 Unity Panorama Street view 中移动相机?

↪️ 我想在应用程序中嵌入街景,所以我创建了一个新项目


在此处输入图像描述


↪️ 从资产商店向 Skybox 添加街景


在此处输入图像描述

在此处输入图像描述

在此处输入图像描述


↪️ 将街景从谷歌地图复制到 Skybox


在此处输入图像描述

在此处输入图像描述


↪️ 拖放场景中的天空盒


在此处输入图像描述


↪️我如何在这个例子中像全景图一样移动相机以响应触摸和鼠标的时刻


↪️

1.单元 3d 文档

2. Unity Touch Swipe Camera Rotation - Touch FPS 控制器

3.街景转换

4.街景转换器统一3D全景

5. Unity3D教程:如何制作Skybox 360单一纹理