Three.js css3d -元素周期表添加球体对象
Three.js是一个用于在Web上创建和展示3D图形的JavaScript库。它提供了一系列功能强大的API，可以帮助开发人员轻松地创建交互式的3D场景和动画效果。而css3d则是Three.js库中的一个模块，它允许我们将普通的HTML元素转换为3D对象，并在3D场景中进行交互。
元素周期表添加球体对象的应用场景可以是化学教育或科学研究等领域。通过在3D场景中展示元素周期表，可以更加直观和生动地呈现元素的位置、属性和相互关系。
对于实现这个功能，可以使用Three.js库中的球体对象进行模拟，并在其表面贴上对应元素的图像或文本信息。通过添加交互事件，用户可以选择、拖动和缩放元素，以便更好地查看和学习。
腾讯云相关的产品中，可以考虑使用腾讯云的对象存储服务 COS（腾讯云对象存储）来存储元素周期表的图像资源，并使用腾讯云的CDN加速服务来提供快速的加载和访问体验。此外，也可以使用腾讯云的云服务器CVM（腾讯云虚拟机）来托管Web应用程序，以及腾讯云的容器服务TKE（腾讯云容器服务）来部署和管理应用程序容器。
以下是相关产品的介绍链接地址：
注意：本答案仅提供了腾讯云的相关产品作为参考，其他云计算品牌商也提供了类似的产品和服务。
相关·内容
我刚刚开始学习Three.js，目前正在尝试使用css3d元素周期表演示。在演示中，我想在球体元素周期表的中心添加一个额外的球体对象，但我不知道怎么做。有没有人可以帮我？ css3d - periodic table demo ?
浏览 39提问于2020-10-19得票数 2
回答已采纳
我正在尝试使用Vuforia和Unity3D制作一个关于化学的增强现实应用程序。我会有一个元素元素周期表和一些小的球形物体的物理图像，当我把它放到元素周期表上时，我不知道如何确定哪个元素被球体覆盖。有没有人有想法或者已经这么做了？接下来我将把那个化学元素和球体联系起来。
浏览 12提问于2019-07-23得票数 0
3回答
球形表面上的不规则圆
、、、、
我使用Three.js在球面上创建点，类似于。
我的数据集是不规则大小的圆圈，我希望它们均匀地分布在球体的表面上。在网上搜索了无数个小时后，我意识到这比听起来难得多。
以下是这一想法在实践中的例子：
有什么算法可以让我这么做吗？包装比不需要过高，理想情况下，它将是一些快速和易于计算的JavaScript渲染在Three.js (笛卡尔或坐标系)。在这里，效率是关键。
圆半径变化很大。下面是一个使用周期表代码的示例：
浏览 11提问于2014-12-08得票数 11
回答已采纳
2回答
当我将鼠标悬停在Three.js元素(即球体)上时，如何创建工具提示。
我有一个3D散点图，每次我将鼠标移到散点图中的球体上时，我希望弹出一个工具提示。
如何在纯WebGL中创建此工具提示？
如何使用DOM实现它？
浏览 2提问于2018-07-10得票数 1
1回答
我在Three.js中使用Cannon.js。 我有一个基本的场景，在鼠标点击添加一个球体到Three.js & Cannon.js。球体的速度集为100，Cannon.js模拟球体从A点到B点的路径。 有没有一种方法可以模拟这种力，并从点A(球体开始位置)到点B(应用速度后的球体结束位置)画一条线？ 或者不是模拟这个，而是一种根据速度计算球体将采取的路径的方法？ 提前感谢！
浏览 19提问于2019-01-15得票数 0
我试图说服我的老板使用three.js创建一个与视频提供商(如YouTube)集成的CSS3D界面。其中一个要求是在移动设备上显示它--我选择了iPad，因为安卓平板电脑很古怪。
因为我的演示安排在本周四，所以我想最快的办法就是向他展示这个精彩的css3d_youtube演示。
问题是它没有配置为使用手势(触摸、收缩、缩放)，而我很难做到这一点。
我还需要添加一些东西，比如背景图像和让YouTube播放器全屏显示的功能，所以我必须获取原始代码并对其进行修改。我看到了元素周期表，所以我决定在代码中使用TrackBall控制器。您可以看到我修改后的代码
轨迹球控制器似乎移动了相机的y位置。您可以看
浏览 0提问于2013-03-27得票数 3
回答已采纳
如何在three.js onClick中向obj文件中添加一个点(当我说点时，我指的是一个球体，以表明这是您单击的位置)？我想把它添加到obj文件中，这样它就可以与它一起旋转，我也希望能够读取/保存这个点所在位置的数据。这在three.js中是可能的吗?如果是的话，是如何实现的？
浏览 1提问于2016-02-02得票数 0
1回答
如何使白色球体(THREE.SphereGeometry)在深绿色曲面和白色场景背景上可见？在Three.js中有没有一些大纲？可能是动态轮廓？
three.js r.58
浏览 4提问于2013-06-11得票数 1
回答已采纳
我在使用CSS3d渲染程序时遇到了很多困难，似乎基本的Javascript阻碍了我的工作。
我通过Three.js分别加载所有的Sid.js库，如果我通过这个方法添加CSS3DRenderer.js文件，我将得到
Uncaught TypeError: undefined is not a function on renderer = new THREE.CSS3DRenderer();
(它在Three.js库之后加载)
如果我从头加载它，我会得到
未定义的ReferenceError:三个未定义
(css呈现第6行)
我用这个作为例子
有什么办法可以让CSS3d渲染器加载吗？
编辑
浏览 4提问于2014-09-17得票数 0
回答已采纳
1回答
我的目标是能够在three.js环境中创建一个导航栏。Iv适当地设置了所有的CSS3D，并设置了一个鼠标按下事件侦听器，但是当涉及到交集时，什么也没有出现。 //CSS3D Scene
scene2 = new THREE.Scene();
//HTML
element = document.getElementById('dialogueBox');
shop = document.getElementById('shop');
FREEkxxx = document.getElementById('FREEkxxx');
//card
浏览 131提问于2020-02-01得票数 0
我希望在three.js中使用视频纹理的脸。我知道如果你有视频数据，这是相当容易做到的。但是，如果我只有它正在播放的元素，我该怎么办？
例如:如何播放youtube视频并将视频或播放器复制到three.js中的一张脸上？
浏览 8提问于2013-06-01得票数 2
回答已采纳
我在最新发布的Three.js库中对有奇怪的渲染效果，似乎在场景中对圆环和球体没有任何深度感知，圆环和球体被网格重叠，这是不应该的。
我不确定这是由于显卡驱动程序的故障还是场景的错误设置，但通常在以前的版本中，Three.js R68不需要任何配置来使场景引擎感知深度。
除了上面列出的事实，我最近买了一台安装了AMD Radeon R7 M260显卡的电脑，所以我不确定这一切是由于显卡驱动程序或一些错误的设置Three.js。
致以敬意，
浏览 0提问于2014-11-30得票数 0
我是three.js初学者。我试图使用从JavaScript get请求返回的位置坐标向场景添加一个球体。
在正确呈现get请求之前创建的球体，但是在回调函数中创建并添加到场景中的球体没有呈现--尽管如果我调试和检查场景，这两个球体都是作为其子域存在的。
我的代码：
var sphere = new THREE.Mesh(
new THREE.SphereGeometry(radius),
sphereMaterial);
sphere.position.set(-20,-20,-20);
scene.add(sphere); // this sphere shows
sphere2
浏览 3提问于2015-01-03得票数 2
回答已采纳
我是three.js的初学者。我正在尝试在我的场景中使一个球体成为我的摄影机的子对象。但是球体不会出现在场景中的任何位置。我假设球体的位置是这样设置的，它在相机的后面或上面，所以它是不可见的，因为它是随着相机移动的。
但是我试着使用第二个相机来查看物体相对于第一个相机的位置，但是球体在场景中的任何地方都看不到。
当我没有将球体设置为摄影机的子对象时，球体是可见的。
有没有更简单的方法来做这件事，或者我错过了什么。
浏览 1提问于2018-06-30得票数 0
2回答
我的场景中有一个由球体组成的物体。我有一个隐藏和显示按钮。
我的程序流程就是这样。例如，当我选择一个球体(我使用光线投射来选择一个球体)，然后点击隐藏按钮，这个球将被隐藏。，然后单击显示按钮，它将被显示出来。但我不知道该怎么做。
我用three.js来创建我的场景。
我没有找到任何例子来回答我的问题。我该怎么做呢？
谢谢你的帮助。
浏览 0提问于2017-03-05得票数 8
回答已采纳
我有一个带有球体的three.js场景，但是当我放大一个球体，我用轨道控制移动时，它就在画布的一侧(在中央和深处)，它会松开它的圆形(不关心线条)：
我能做些什么？
浏览 6提问于2015-01-20得票数 2
回答已采纳
在Three.js (使用JavaScript/ WebGL)中，如何创建一个相机，使其相对于球体以固定的高度、固定的前进速度和固定的方向围绕球体飞行，而用户只能左右操纵？
想象一下，一架飞机在一条看不见的线上，飞到一个球体的中心，在地面附近飞行，总是能看到球体的一部分：
(我目前有旋转球体的代码，所以它看起来像是在飞--还没有实现左右转向--但我想在进一步之前，移动相机/飞机可能会更干净，而不是球体组。)
谢谢!
浏览 0提问于2012-06-14得票数 4
4回答
我有个问题。在Three.js中，我想要绕轴倾斜23.5度旋转一个球体(地球)。我找到了sphere e.rotation.x、sphere e.rotation.y和sphere e.rotation.z，但当我以正确的比例将它们组合在一起时，球体的旋转非常奇怪-它没有永久的旋转轴。我想我需要一个像sphere.rotation.vector(1,0，-1)这样的函数。有人知道这个函数是如何调用的吗?正确的语法是什么？
非常感谢你的回答！
浏览 4提问于2013-05-01得票数 16
回答已采纳
我是three.js和WebGL的新手。
在我的应用程序中，有两个物体的3D场景。
物体-它是一个大的球体；
对象-一个较小的球体，位于第一个物体的表面。
大球体绕其轴线旋转。同时也有可能使摄像机围绕球体旋转。
因此，当一个小的球在一个大的球体的表面上，它也旋转它。当大球体转向照相机时，我们就能看到小球体，而当一个大球体在它前面时，它就看不见了。
问题是，我如何确定什么时候一个小球体是可见的，什么时候它是不可见的？
另外，我需要在2d中得到可见的小球体的坐标。我该怎么做？
浏览 1提问于2013-10-03得票数 2
4回答
我一直在到处寻找，但还没有找到对我的问题真正好的答案。问题是我有一个球体..只是一个基本的球体，我想翻转法线，使球体获得“空心/雕刻效果”，然后将我的纹理应用到球体的“内部”。对如何翻转法线有什么想法吗？
还有..。如果在three.js中不能做到这一点..有没有可能导入一个法线已经翻转的模型，并得到我想要的效果？
浏览 0提问于2014-01-31得票数 6
我正在使用THREE.js (.obj加载器)和一个带有多个网格部分的模型。当我制作模型时，我小心翼翼地在Blender中为每个零件赋予了自己的“几何形状到原点”，但这并没有像预期的那样导出。当我尝试“局部”旋转球体(例如眼球在自己的轴上旋转)时，它们只会绕着父对象(头部)旋转。我需要球体网格在头部内“旋转”而不是“环绕”头部(网格父级)。有什么建议或建议吗？谢谢!
浏览 0提问于2012-08-05得票数 0
我正在尝试用Three.js编写一个小程序，它显示两个球体，一个在另一个球体内部。当sphere1的半径始终为1.0时，假设sphere2的半径在0.5到1.5之间振荡。每个球体都是透明的(不透明度为0.5)，因此可以看到较大球体中包含的较小球体。当然，“较小”和“较大”的角色随着sphere2半径的变化而变化。
现在的问题是，Three.js使我在程序中定义的第一个球体透明，但没有使第二个球体透明。如果我先定义sphere1，那么它就会变得透明，然后sphere2就完全不透明了。如果我定义第一个sphere2，那么这个就是透明的。将它们添加到场景的顺序不起作用。
我在下面包含了一个最小的程序
浏览 0提问于2013-04-14得票数 67
回答已采纳
3回答
我正在使用Three.JS库在web浏览器中显示点云。点云在启动时生成一次，不再添加或删除任何点。但它确实需要旋转，平移和缩放。我已经阅读了有关在three.js 中创建粒子的教程
使用这个例子，我可以创建正方形的粒子，或者使用球体的图像来创建纹理。图像更接近我想要的，但是否可以在不使用图像的情况下生成点云？以球体几何为例。
图像的问题是，当你有数千个点时，它们似乎有时会在边缘周围相互遮挡。据我所知，一个点的png文件中的黑色区域似乎直接阻挡了当前点后面的图像。(但它对后面的点是透明的)
这种模糊的图像是我想要使用形状生成点的原因。我曾尝试用THREE.SphereGeometry(radiu
浏览 2提问于2012-09-11得票数 4
回答已采纳
1回答
我正在制作一个3d指南针，它可以在three.js中跟踪摄像机的运动。
在图像中，饼片是摄像机的视场，小的粉红色圆圈是场景中的物体。场景是一个球体，物体都在球体的边缘。给定对象的x，y，z位置，如何得到2d圆中的相对位置？我试着得到角度：yAngle = Math.atan(xpos / zpos)，然后通过‘t：x = radius * Math.cos(yAngle), y = radius * Math.sin(yAngle)得到圆圈上的x和y位置，但这没有得到正确的位置。我想我能用three.js投影做点什么吗？
我非常感谢你的帮助:)
浏览 3提问于2017-05-24得票数 0
回答已采纳
我想画一只3D猫(带动画)，它只不过是一堆3D对象--椭圆体、金字塔、球体等。我有两个问题：
1)是否有任何方法可以定义您自己的复杂几何3D对象，而不是标准的Three.js对象，如球体，立方体...
2)在动画整个猫的时候，我应该为每个对象定义一个动画函数吗？有没有办法把一些对象组合在一起？
浏览 1提问于2012-02-15得票数 0
回答已采纳
1回答
我正在尝试用three.js构建以下线框球体。重要的是，我可以将它们导出为带有单行(垂直和水平)的结构化SVG文件，这样我就可以用我的Axidraw绘图机绘制它们。 ? 我已经使用下面的设置获得了一个带有纯白表面的线框球体： let geometry = new THREE.SphereGeometry(1, 32, 16);
let material = new THREE.MeshBasicMaterial({ color: 0xd3d3d3 });
let mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);
浏览 21提问于2020-08-30得票数 4
回答已采纳
我一直在使用THREE.js开发一个粗略的图表工具，并使用THREE.js CSS2D工具为图表制作(可旋转和对MathJax友好的)文本标签。
我已经使用实现了对普通网格对象(例如立方体、球体、线条)的对象选择，它工作得很好。当鼠标指针位于CSS2D文本标签上时，它将更改为文本光标。但是，raycaster不选择任何CSS2D标签对象。相反，它“看穿”标签，并将选择一个网格对象，如果一个恰巧在标签的远端。
我想知道是否有人能告诉我，为CSS2D对象选择对象是否可行，我可能需要做些什么才能让它工作呢？
浏览 5提问于2020-11-26得票数 2
回答已采纳
我正在使用出色的Three.js CSS3D渲染器在手机、平板电脑和桌面上获得优异的性能。
我添加了一个Google地图概览，作为一个CSS3D对象，它与摄像机的标题一起旋转，并且工作得很好。
//// add the mini map to CSS3D scene
var element = document.createElement( 'div' );
element.style.width = '300px';
element.style.height = '300px';
element.setAttri
浏览 11提问于2013-11-15得票数 2
1回答
我正在使用three.js制作动画，我正在尝试旋转屏幕中心的两个球体，第一个球体包含第二个球体(它们有相同的坐标，但有一个我稍微大了一点)。我正在尝试模拟一个有大气的真实地球。
我从添加大气的three.js地球示例开始。
在那之后，我从头开始写了一切，以便有一个框架来渲染许多行星和它们的大气层。
但是，正如你所看到的，我的代码中有一个bug，它避免了正确的纹理加载。看着物质物体的内部，似乎一切都在里面。我想我是在加载纹理之前将项目添加到场景中。但是我找不到一种方法来编辑代码让它工作..
我希望有一个好的答案;)
浏览 2提问于2013-07-28得票数 0
我正在尝试用连接的陀螺仪/加速度计来可视化腿的位置，一个连接在膝盖以下，另一个连接在膝盖以上。
所以我有3个角度( x1，y1，z1，x2，y2，z2 )
我可以独立绘制和旋转它们，但不知道如何将它们与球体(膝部)连接起来。
位置无关紧要，只有角度有价值
我是three.js的新手，甚至不知道该怎么做
浏览 2提问于2019-05-18得票数 0
我使用Three.js (没有着色器，只使用现有的对象方法)来实现动画，但我的问题很简单:我确信这是可能的，但你能告诉我(或帮助我)如何在一个形状上组合几个动画吗？例如，旋转和平移球体。当我这样做的时候：
three.sphere.rotation.y += 0.1;
three.sphere.translateZ += 1;
球体旋转，但平移向量也在旋转，因此平移没有效果。我知道一点openGL，并且我已经使用过glPushMatrix和glPopMatrix函数，那么它们存在于这个框架中吗？干杯
浏览 1提问于2013-03-08得票数 3
回答已采纳
所以我有一个平面，我使用up，down，right和left来使用Physi.js滚动一个球体。我想要将追逐摄影机应用于球体，但我无法阻止摄影机跟随球体的旋转？我希望相机留在球体后面，跟随它的z.axis，但防止每次球体旋转时它旋转。
有谁有线索吗？
浏览 4提问于2015-04-16得票数 1
1回答
有没有一种方法，插件或想法使THREE.js OrbitControls在旋转时产生惯性效应？
我想用这样的阻尼来旋转一个世界球体：。
最初的OrbitControls行为如下所示：
浏览 5提问于2015-08-17得票数 9
回答已采纳
我发现使用A框架和three.js的项目将触发以下错误：
Uncaught : THREE.CSS3DObject不是构造函数
我使用这个示例来测试：
这是源代码：
当我将A帧脚本添加到这个示例中时，它会触发相同的错误。
<script src="https://threejs.org/build/three.js"></script>
<script src="https://threejs.org/examples/js/libs/tween.min.js"></script>
<script
浏览 0提问于2018-07-05得票数 2
回答已采纳
我正在尝试用three.js设计一个实心的半球体。到目前为止，我在网上找到的所有东西都是如何设计一个开放的凸半球体。我不想要一个凸半球。我想要的是设计一个立体的，封闭的半球体。
浏览 2提问于2016-04-08得票数 0
1回答
请看一看演示，同时启用和禁用WebGL。
当您在WebGL和画布呈现之间切换时(它是自动完成的，javascript检测到您是否有WebGL )，只有线框的球体(左边的第一个)改变了。
当启用WebGL时，您还可以看到球体背面的线框(隐藏在其他球体上的部分，因为它们有不透明的材料)。
由于WebGL是禁用的，您不能再欣赏透明性了。
我正在准备一个演示，我想为那些不支持WebGL的浏览器提供支持:具有透明度是至关重要的，因为我的想法完全基于它。我的演示文稿只有一个六面立方体，我想即使是旧的CPU也不会有困难在透明的线框中呈现它。
three.js支持这个吗？有什么办法我能做到吗？我应该如何设置材
浏览 8提问于2013-04-03得票数 3
回答已采纳
three.js Raycaster示例展示了如何使用intersectObjects突出显示对象：
var raycaster = new THREE.Raycaster();
var mouse = new THREE.Vector2();
function onMouseMove( event ) {
mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
}
function render(
浏览 4提问于2019-12-18得票数 1
回答已采纳
我目前正在开发一个元素周期表，为了显示这个表，我使用了一个集合视图。元素周期表有118个元素，我试图在同一页上显示它们，但当我在模拟器上运行应用程序时，只显示了77个单元。
下面是我在Swift文件中使用的代码：
我想知道如何在同一屏幕上显示所有的单元格。我在网上搜索了一下，但什么也没找到。
浏览 4提问于2018-03-06得票数 0
我使用three.js通过一个数组和一个for循环生成了一堆球体。原始数组如下所示：
atoms = [
['Na', [0, 0, 0]],
['Na', [0.5, 0.5, 0]],
['Na', [0.5, 0, 0.5]],
['Na', [0, 0.5, 0.5]],
['Cl', [0.5, 0, 0]],
['Cl', [0, 0.5, 0]],
['Cl', [0, 0, 0.5]],
['Cl', [0.5, 0.5, 0.5]],
浏览 3提问于2013-07-03得票数 2
回答已采纳
1回答
我一直在努力想办法把Ember.js和Three.js结合起来。特别是，我希望呈现许多元素，通过Ember.js绑定和一般的发布/订阅处理来控制数据，但也不希望能够使用THREE.CSS3DObject通过three.js操作视图/元素。
我对Ember相当有信心，但对三个来说还是新手。我猜我在想的是，我能有一个同时存在于THREE.Scene和Ember应用程序名称空间中的元素吗？
在THREE.js元素周期表示例中：
创建一个DOM.element，然后用属性(样式、位置等)进行修饰。
var element = document.createElement( 'div'
浏览 0提问于2013-01-09得票数 3
回答已采纳
1回答
我正在构建一个web应用程序，它将显示大量的图像缩略图作为一个3D云，并提供了点击个别图像来启动一个大视图的能力。我在CSS3D中成功地使用three.js为每个缩略图创建了一个THREE.CSS3DObject，然后将缩略图附加为svg:THREE.CSS3DObject。
它工作到1200左右的缩略图，然后性能开始下降(非常低的FPS和很长的加载时间)。当你达到2500缩略图时，它是不可用的。理想情况下，我想使用超过10k的缩略图。
据我所知，通过创建每个带有纹理的WebGL网格，我将能够获得相同的结果。不过，我是three.js的初学者，所以在我投入精力之前，我希望能得到指导，看看我是否
浏览 2提问于2015-05-25得票数 1
回答已采纳
我正在用THREE.js做我的第一步。
现在，我只是尝试修改一个示例文件，该文件位于以下位置：
该文件创建了一个三个场景，添加了一个球体和一个点光源。
我的问题是:我不知道如何用我使用blender 2.63创建并使用blender 2.63导出的模型来替换球体。
我想我的语法有点问题。
下面是我的代码。谁能告诉我怎么做才能让我的搅拌机模型在舞台上展示？
谢谢。
<head>
<meta charset="utf-8" />
<title>Sample Three.js</title>
<link r
浏览 3提问于2012-07-18得票数 0
1回答
可以在一个球体上加载多个纹理吗？
我的意思是说，在Three.js中有没有办法将一个球体分割成n块，分别对它们进行纹理处理，然后再将这些块渲染成一个完整的球体？
我不想在球体上加载整个纹理，相反，只有那些用户将首先在屏幕上看到的部分将被渲染，当用户旋转球体时，必须加载纹理的其余部分。
此外，当我在球体上使用单个图像时，它似乎在极点收敛，这使情况变得更糟。
浏览 1提问于2013-12-03得票数 1
编辑:我已经修改了我的问题，以帮助用户解决同样的问题。
我有一个three.js场景，我在其中添加了一些球体。
我想移动相机到一个特定的方向，直到所有的物体(在场景中随机定位)都“完全符合”用户的屏幕。
浏览 1提问于2016-02-02得票数 3
回答已采纳
好的，首先我从HTML文本中动态地扩展了HTML元素，我使用这个函数
String.prototype.toDomElement = function () {
var wrapper = document.createElement('div');
wrapper.className = "toDomWrapper";
wrapper.innerHTML = this;
return wrapper;
};
要“创建dom元素”，请执行以下操作：
var element = obj.html.toDomElement();
然后，我创建了一个
浏览 4提问于2014-01-04得票数 0
回答已采纳
1回答
我可以使用以下链接中的教程将世界地图图像纹理添加到球体上，从而使用three.js为3D地球渲染和设置旋转动画。我打算让世界上的国家都可以点击。也就是说，当用户点击任何国家时，该国家的边界应该突出显示，弹出窗口应该列出该国家的名称。我想我将需要使用d3.js来加载一个国家/地区的GeoJSON，并将其作为网格添加到three.js中。但我没有通过代码实现这一点的线索。
有谁能帮帮忙吗？
浏览 2提问于2016-04-10得票数 0
1回答
我正在使用一个插件，实现360 / VR视频进入我们的视频播放器。它通过使用Three.js创建一个球体，并将视频本身制作成球体所用的材料来做到这一点。然后，在球体内设置视口，使其具有360视图。
我遇到的问题是，使用THREE.DoubleSide将材料放置在球体上(THREE.BackSide也可以工作，因为我们只从球体内部查看它)，但是图像是倒置的，因为我们是从内部查看它的。
有没有办法使放置在球体上的影像材料倒置？
浏览 3提问于2016-04-07得票数 0
回答已采纳
我尝试用three.js渲染透明对象的两面。位于透明对象内的其他对象也应显示。可悲的是，我得到了一些我不知道的手柄。这是一个测试页面：
这是上述人工制品的图像。它们似乎源于底层的球体几何。
有趣的是，当混合模式THREE.SubtractiveBlending = 2时，伪影不可见。
感谢任何人的帮助！
亚历克斯
浏览 7提问于2012-11-05得票数 16
回答已采纳
1回答
在这个three.js场景中，我把相机放在(0，0，80)，把directionalLight放在( 50，50，50 )。然后，我创建了一个白色球体几何(左球体)，并从搅拌器(右球体)加载一个json模型。然而，屏幕上显示的场景看起来很奇怪。方向光投影在json模型的错误表面上。似乎是坐标系的问题。我今天试过一些测试。以下是结果。
搅拌机版本: v2.78a
three.js版本: r82
出口商: io_three
球面类型: UVsphere
模型文件类型：.json
[io_three在第76版之前]
我得到了正确的结果
[io_three 77后的“所
浏览 1提问于2016-11-13得票数 0
回答已采纳
我对three.js和tween.js的组合有问题。问题是，tween.js动画的计时器在球体的纹理显示之前就开始了。
我正在用火狐的three.js构建一个全景查看器。全景图像映射到球体，摄影机位于球体的中心。可以更改显示的全景图以虚拟访问不同的房间(这是通过将具有不同纹理的不同球体变为可见来实现的)。更改房间时，会使用tween.js为灯光设置动画，以使房间变暗。然后，灯再次亮起，并显示新的全景图像。
问题是，如果是第一次访问一个房间，它需要一些时间来显示图像。这是因为图像在显示之前没有加载到内存中。
如果在全景图完全加载到内存中并准备好显示之前，房间一直是黑暗的，那也不是什么坏事。但是t
浏览 1提问于2015-11-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
