多个面之间的Three.js渐变
Three.js是一个基于WebGL的JavaScript库，用于创建和展示3D图形和动画。它提供了丰富的功能和工具，使开发者能够轻松地在网页上创建交互式的3D场景。
渐变是指在两个或多个不同的颜色之间平滑过渡的效果。在Three.js中，可以使用渐变来创建各种视觉效果，例如颜色渐变、材质渐变等。
Three.js中的渐变可以通过以下几种方式实现：
- 颜色渐变：可以使用Three.js的Color类来定义起始颜色和目标颜色，然后使用渐变函数（如lerp）在两个颜色之间进行插值计算，从而实现颜色的渐变效果。
- 材质渐变：在Three.js中，可以通过修改材质的属性来实现材质的渐变效果。例如，可以通过改变材质的颜色、透明度、贴图等属性，使材质在不同的面之间产生渐变效果。
- 纹理渐变：Three.js支持使用纹理来实现面之间的渐变效果。可以使用渐变纹理（GradientTexture）或渐变贴图（GradientMap）来定义渐变的起始颜色和目标颜色，然后将其应用到物体的表面上，从而实现面之间的渐变效果。
Three.js渐变的应用场景非常广泛，例如游戏开发、可视化数据展示、产品展示等。通过使用渐变效果，可以增强用户对场景的沉浸感和视觉体验。
在腾讯云的产品中，与Three.js渐变相关的产品包括：
- 云服务器（CVM）：提供强大的计算能力和稳定的网络环境，适用于部署Three.js应用程序的后端服务。
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，适用于存储和管理Three.js应用程序中的数据。
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理Three.js应用程序中的静态资源文件。
- 人工智能平台（AI）：提供丰富的人工智能服务，如图像识别、语音识别等，可以与Three.js应用程序结合使用，实现更丰富的交互和功能。
以上是腾讯云相关产品的简介，更详细的信息可以参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我浏览了这个网站：
正如您所看到的，当您移动相机时，渐变背景具有不同的360度阴影。
像这样的东西会是THREE.js的哪一部分呢？
谁能给我指个方向？
浏览 9提问于2017-12-18得票数 0
我正在构建一个使用Three.js标注三维模型的工具。我希望用户能够在模型上绘制精确遵循表面轮廓的线条。例如，如果您在人的脸部模型上绘制一条线，并在鼻子的两侧放置一个点，则该线应越过鼻子，而不是穿过鼻子。
我可以通过在纹理上绘制线条来做到这一点，但我希望线条是可点击的，这将需要我自己实现命中检测。我更喜欢在Three.js中将其作为line对象。有没有一种简单的方法可以找到模型表面上两个点之间的面？
浏览 16提问于2017-02-23得票数 2
回答已采纳
1回答
我使用threejsexporter ()将我的3d模型从3ds Max导出为json，并使用convert_obj_three.py将其导出为.obj (然后我将其转换为json )。我使用three.js将模型加载到我的页面中，但它们中没有一个保留了使用渐变渐变应用于模型的渐变(3ds Max 2009)。
如何恢复渐变，使模型在网页中的外观与在3ds Max中相同。
浏览 0提问于2012-12-22得票数 0
回答已采纳
我有一个顶点/碎片着色器，点光源和衰减，我需要将这样的着色器应用到立方体表面，我需要看到颜色的渐变，如果我使用高多边形网格，一切都很好，效果很好我的目标是在这个低多边形网格上有一个渐变。
我试着这样做，gl_FragColor = vec4(n,1) n= normal，但我得到了每个表面的纯色，这可能是我看不到渐变的原因？
干杯
浏览 2提问于2012-08-10得票数 2
1回答
我正在尝试用three.js构建一个HSV cylinder，但是我很难将渐变映射到脸部。我想我可以像这样创建我的对象：
然而，渐变-特别是在向下的红色四边形上-看起来并不平滑。这是有道理的，但我不知道如何修复它。
我真的只想创建一个四边形并指定角点顶点的颜色，但是Face4已经不存在了，所有的例子都使用这个。
有没有办法创建一个穿过矩形面(或多个面的组合)的渐变？我需要如何考虑需要在多个面上运行的渐变？
浏览 9提问于2017-01-19得票数 1
1回答
我有一个给定颜色的three.js对象。我想要将它平滑地动画到另一种颜色。在动画过程中，它应该只显示开始和结束之间的直接渐变。也就是说，它不应该在RGB颜色空间中线性地执行补间。我甚至不确定HSV空间中的线性补间是否会看起来很好。
如何在three.js对象上获得这种补间颜色？
浏览 1提问于2012-09-20得票数 6
回答已采纳
我试图渲染多个径向梯度，目标是它们的颜色叠加在它们重叠的地方。为此，我正在做一个非常简单的three.js代码，参见。
然而，我得到了一个意想不到的效果--重叠渐变的边框似乎正在使其他渐变更暗一些，请参见此屏幕快照中的黑线：
我不明白为什么会这样。如果我正确地理解了OpenGL文档，GL_FUNC_ADD应该简单地将组件值添加到(并且，我假设，夹紧到1.0)。我使用GL_SRC_ALPHA和GL_ONE (或者更确切地说，它们在three.js中的等价物)作为源/目标因素。
const mat = new THREE.MeshBasicMaterial({
a
浏览 6提问于2021-08-23得票数 1
回答已采纳
3回答
Three.js部分拉伸织构
、、、、
我正在使用Collada在Three.js r65中加载我的3D对象。在加载回调时，我使用下面的代码对模型的所有部分立即应用纹理。
var loader = new THREE.ColladaLoader();
loader.options.convertUpAxis = true;
loader.load('obj/cdg/Grenada-test1.dae', function(collada) {
var texture = new THREE.ImageUtils.loadTexture("../models/textures/Gr1 08869 B
浏览 6提问于2014-03-11得票数 2
回答已采纳
1回答
我该如何在three.js中创建最能代表这种类型的渐变镜头的材质呢？
最佳实践是:改变渐变的不透明度(这本身是不够的)，改变发射贴图，或者改变材质的贴图属性。
似乎除了改变贴图或发射贴图之外，如果不改变不透明度，由于眼镜在顶部确实让较少的光线，表示的一些物理现实将无法被3D模型捕捉到。
有没有其他我没有考虑的方法？也许是一种最适合这项工作的材料类别？
谢谢
浏览 2提问于2020-10-31得票数 1
我使用的是THREE.js 64版本。现在我正在使用three.js中的凸几何体从顶点创建网格。我的问题是凸几何会产生闭合曲面。我需要在three.js中创建非凸或凹几何图形的任何想法
提前感谢
浏览 0提问于2014-01-30得票数 0
对于初学者来说，很难理解。我想知道使用three.js / webGL创建带有3-D查看器选项的菜单栏或选择器的基本轮廓是什么？
另外，如何创建渐变选择器？例如，假设要更改颜色或不透明度。
浏览 1提问于2013-02-14得票数 1
1回答
这展示了如何沿THREE.js行创建双色渐变的示例：
如何在一条线上实现多停止颜色梯度？看起来属性只在两个值之间进行内插(我尝试传入三个，它只对前两个值起作用)。
浏览 3提问于2016-04-25得票数 1
我有一组x，y，z坐标数据，形成一个空格。
例如(0,0，-3000)，(1848,0，-3000)，(1848，-5177，-3000)，(0，-5177，-3000)，(0,0,0)，(1848，-0，0)，(1848，-5177,0)，(0，-5177,0)
我想用three.js渲染空间坐标。我试图创建一个函数来创建要渲染的几何图形对象。然而，设置顶点和面孔似乎相当棘手。
有没有一种简单的方法在three.js?中将xyz坐标呈现为几何图形
还是可以绘制2D形状(用x，z)，并将其变为3D(用z)?，因为对于每个几何图形，它的高度与给定的坐标示例相同。
浏览 3提问于2017-02-24得票数 3
回答已采纳
我正在试着把一个简单的着色器和Unity的着色器图形放在一起。材质应该显示为白色、黄色和蓝色-并且是静态的。然而，在样本渐变中，它只显示为黄色。如果我将时间输入更改为正弦，渐变会通过颜色混合。哪里出了问题。 ?
浏览 89提问于2019-03-19得票数 1
回答已采纳
1回答
我正在尝试建立一个小部件，随着时间的推移，它的背景颜色从绿色到红色，但以一种流畅的方式。因此类似于渐变背景：
但不是作为固定的渐变，而是在开始时是完全绿色的背景，随着时间的倒计时，背景应该慢慢过渡到黄色，然后是橙色，最后是红色。
我希望颜色每10毫秒更新一次，这样它就不会突然变化。我正在用计时器处理变化，计时器计算相对于开始时间已经过去了多少时间，并相应地更新颜色。
现在--有什么方法可以让我从一个类似渐变的物体中得到一个具体的颜色吗？就像我可以在特定点提取渐变的颜色(这是time_passed/max_time的分数)来使用它作为完整的背景？或者我真的应该使用colorcode，并
浏览 3提问于2021-04-02得票数 0
我使用Three.js查看和拾取对象，但我有一个可见性问题
我在three.js中加载了一个collada对象，我的collada加载器与存储库的加载程序略有不同。我添加了
function copyMaterial (_material) {
var newMaterial = new THREE.MeshLambertMaterial();
for (var p in _material) {
if (_material.hasOwnProperty(p) && p !== "id") {
var ob
浏览 3提问于2012-06-28得票数 0
回答已采纳
我正在将一个车辆模型从搅拌机导出到一个obj文件，然后导入到three.js。我能够通过遍历加载的对象并按照示例将自定义材质应用于THREE.Mesh的所有实例，从而将材质应用于每个“网格”对象。
然而，我似乎找不到一种方法来对导出为类型的项目执行相同的操作：“LineSegments”，这些项目似乎总是以线框形式绘制……假设需要某种类型的转换(无论是在导出之前的混合器中，还是在three.js循环中)……
以前有人做到过这一点吗？
提前感谢！
浏览 8提问于2017-05-17得票数 1
我正在创建一个程序，该程序在鼠标单击时填充一个带有块的世界(这个坐标是基于鼠标单击坐标，我已经计算过了)。当创建一个新的块时，它不应该与预先创建的块交叉。我用THREE.Raycaster实现了这一检查。基本上，我把光线从街区的中心向它的顶点的所有方向投射。
var ln = preview.geometry.vertices.length;
//for each vertices we throw a ray
for(var i = 0; i < ln; i++){
var pr_vertex = preview.geometry.vertices[i].clone();
浏览 1提问于2013-12-12得票数 1
所以!
我想知道你是否能帮我解决一个问题：
我有一个立方体，可以在三个轴上旋转。我可以得到关于立方体旋转的信息，它是一个从0到2PI的三个角度的数组。
问题是:我如何从这三个欧拉角识别立方体的哪一边在底部？
我认为完美的函数应该是这样的：
function getSideFromAngles(x,y,z) {
// magic goes here
// for example getSideFromAngles(Math.PI/2, 0, 0)
// if x===PI/2 and y===0 and z===0 then return "front"
浏览 2提问于2014-08-05得票数 0
我将一个STL文件加载到我的场景中，并将单一颜色应用于phong材质
我想要一种方法，将两种颜色应用到这个网格的材质上，并在Z轴上应用渐变效果，如下面的示例所示。]
我有一种感觉，我可能不得不引入着色器，但我在three.js上还没有走到这一步。
浏览 12提问于2018-10-03得票数 15
回答已采纳
在Blender或任何多种建模软件中，您可以即时添加顶点。
然而，在Three.js中，这将是一个非常昂贵的操作。每次都必须用新的几何体替换几何体。
有什么关系？
浏览 0提问于2014-07-16得票数 0
1回答
我正在尝试学习使用three.js的着色器。我正在尝试做的是创建一个着色器，生成渐变到纹理行星。现在我只是尝试生成一个渐变，以确保它的工作。然而，当我应用着色器时，它只渲染一种颜色，并且没有创建我正在寻找的渐变效果。我似乎找不到我的代码哪里出了问题。
我正在使用着色之书作为我的代码的基础。具体地说，我正在查看示例，试图复制背景颜色。
下面是我的着色器代码：
<section id="fragmentshader">
#ifdef GL_ES
precision mediump float;
#endif
// #
浏览 16提问于2017-07-14得票数 2
回答已采纳
three.js Voxel painter example会将25添加到每个体素的位置。为什么会这样呢？当我删除addScale调用时，我可以通过立方体看到一些网格。为什么我可以通过立方体看到网格，当它位于0，0，0时，为什么添加25可以解决这个问题？ 通过以下方式： ? 没有： ?
浏览 43提问于2019-10-16得票数 1
回答已采纳
2回答
我使用Three.js (r73)编写了一个应用程序，允许用户使用ColladaLoader加载多个.dae文件。
如果用户选择足够数量的对象，则纹理将不会显示任何objects...at --这一点我得到如下结果：
WebGLRenderer: trying to use 26 texture units while this GPU supports only 16
错误信息似乎相当自我解释-这是否意味着我只能加载16个纹理在任何时候？有办法绕道吗？我可以用一半的物体来渲染我的场景--清除纹理单元，然后再渲染另一半吗？
对Three.js来说很新鲜--如果这是个愚蠢的问题，我很抱歉。
浏览 9提问于2016-01-17得票数 2
1回答
我试图从three.js中的搅拌机中导入一个简单的场景。我按照本教程来设置导入程序：
现在的问题是在第三步，就在人像前面(在黄色矩形内)，我得到了一个错误标志，上面写着“进口商不包括在内”。我想我做的一切都是对的，但我明白这个错误。看到这个错误，我做错了什么或者错过了什么？
更新:我还跟踪了github上的three.js。对于新版本的three.js，文件名和结构已经更改。但即使现在我也有同样的问题
浏览 1提问于2015-12-01得票数 2
回答已采纳
我正在围绕THREE.js构建一个内容管理系统，我需要通过一些属性跟踪对象，这些属性在下次加载文件时不会改变。我使用的是从Sketchup格式.skp导出的DAE文件。属性"id“和"uuid”似乎是在每次加载时生成的。有时“-attribute”名称的格式为"group_41“或"instance_58"，但它通常是空的，这使得它不可靠。
如果任何人有其他解决方案，我不会被锁定在使用.DAE，但它非常受欢迎，因为它更容易从Sketchup导出，而不是通过Blender创建JSON格式(根据我的经验，这也需要大量的调整和设置才能正常工作)。
有没有人有这
浏览 0提问于2017-07-03得票数 0
我使用的是Three.js 57版本。现在我正在使用JSONLoader制作动画。我成功地获得了动画。但我想更新的全部顶点颜色的网格在动画的每一个帧。这在three.js中有可能吗
提前谢谢
浏览 3提问于2013-07-26得票数 3
回答已采纳
我很好奇是否有可能在css3的div中从一个渐变渐变到另一个渐变？我希望能够有一个渐变开始淡入另一个周围的div背景的中心。
(例如，像这里这样的淡入淡出 )
我知道如何单独进行渐变，但如果可能的话，我不知道如何将1个渐变渐变为另一个渐变。如果不可能，有没有办法达到这个效果呢？我正在考虑将两个div堆叠在一起，每个div都有不同的渐变，并让顶部的div水平淡入淡出，但我仍然不确定如何做到这一点。
我可以将这些渐变组合成一个单独的水平渐变，但我已经定义了所有的单一颜色渐变，要正确地将它们组合在一起需要相当长的时间，特别是当我决定更改其中一个渐变的时候。我基本上只是想避免定义和更新单独的渐变来一起
浏览 0提问于2011-07-31得票数 0
我有一个用Maya制作的模型。我正在尝试将模型导入到WebGL中。我在three.js中尝试了ColladaLoader，但是渐变纹理没有显示。ColladaLoader显示了模型的最精确渲染。three.js导出器不适用于我的Maya版本。如何在WebGL中显示渐变效果？
浏览 5提问于2017-10-18得票数 1
2回答
我想知道，由于three.js不支持rgba (不使用alpha )，有没有办法制作具有不透明度渐变的脸？
我看到使用自定义属性的ShaderMaterial可能是可能的，但由于我是WebGL的新手，我还不是很理解。
attributes = {
// ...
customColor: { type: 'v4', value: [] }
// ...
};
var values_color = attributes.customColor.value;
for( var v = 0; v < vertices.length; v++ ) {
/
浏览 15提问于2016-08-08得票数 0
我正在尝试使用WebGL / Three.js创建一个交互式背景动画
动画将由双色渐变产生。
动画将受到外部因素(强度、速度等)的控制。
结果应该如下所示：
我不知道Vista是如何做到这一点的，我对可能产生类似效果的技术很感兴趣。我在寻找如何开始的指导。
我应该使用阿尔法混合生成的纹理和舞蹈四角体吗？
我应该使用像素着色器吗？
等。
任何小费都欢迎。
浏览 0提问于2012-02-04得票数 0
回答已采纳
2回答
9面片转换为渐变
、、、
我希望在我的安卓应用程序上有一个有底线的ActionBar。这行应该看起来像这样，只有4种颜色：
为了获得这个效果，我使用了一个9补丁，但它没有显示4种颜色，而是用渐变代替了它：
这是我正在使用的9Patch。你知道我哪里错了吗，因为我不明白为什么:/
感谢您的帮助！
浏览 0提问于2013-03-20得票数 6
回答已采纳
我试图弄清楚，three.js是如何工作的，并尝试了一些着色器调试器。
我增加了两个简单的平面与基本材料(单一的颜色没有任何阴影模型)，这是在渲染过程中旋转。
首先我的问题是..。为什么three.js对两个网格使用单个着色器程序(查看WebGL上下文函数.useProgram())。我想，对象是一样的，这就是为什么出于性能原因，一个单一的着色器程序正在使用类似的对象。
但是..。我已经更改了我的three.js应用程序源代码，现在场景中有一个平面和一个立方体，它们正在旋转。
让我们再看看着色器调试器：
在这里您可以看到，three.js再次使用一个着色器程序，但对象现在是
浏览 0提问于2014-12-20得票数 1
回答已采纳
2回答
我目前正在学习THREE.js，并试图制作一个可玩的魔方。
我希望能够整体旋转一个面，而不是一次移动一个立方体，我可以通过创建THREE.Group并在其中添加立方体来实现这一点。问题是，一个立方体包含在多个面中，而我找不到解决方案。如果我创建了一个对象，将其添加到第一个组中，然后将其添加到第二个组中，它将从第一个组中删除。
我很确定有解决办法，但找不到它，因为我对THREE.js和3D编程真的很陌生(我只学了一门基础课程)。
这是我的代码，但我不认为它有多大用处。
Thanks
浏览 0提问于2018-10-14得票数 1
如果我在CSS中定义了一个线性渐变，并且它在屏幕上显示为一个渐变，那么红色的值是否会以恒定的速率变化。(即，对于整个渐变长度，红色是它的导数常数)。同样的问题也适用于绿色和蓝色的颜色分量。
渐变可以是从任何颜色到任何其他颜色。例如，一种颜色可以是#FF4400，另一种颜色可以是#5599FF (随机颜色)。红色分量是线性变化的吗？
浏览 2提问于2012-10-29得票数 1
回答已采纳
我是three.js的新手。我遵循了使用JSONLoader将模型加载到webGLRenderer场景中的示例。在Blender JS exporter上建立的模型只是一个立方体，侧面有不同的材料。我在每个动画场景中旋转立方体，但当两个相对的面重叠时，材质混合是如此奇怪。正面变得透明，我只能看到背面。
我已经在这里搜索过了，这里也有类似的问题，但是没有答案。
浏览 1提问于2012-11-23得票数 1
回答已采纳
我正在使用three.js在WeChat上开发3D游戏，但我有一个问题，three.js如何设置渐变的背景颜色。我在文档上看到了背景颜色，但没有背景颜色的渐变。请说明我是中国人，英文不好。
浏览 8提问于2018-05-08得票数 1
1回答
通过mesh.geometry.vertices.push(new THREE.Vector3(x，y，z)向three.js网格添加新顶点，但如何删除它们？
“几何学”是一个数组，所以我想，我可以用以下方法删除顶点：
mesh.geometry.vertices.splice(vertexIndex，1)
mesh.geometry.verticesNeedUpdate =真；
但是，当我这样做时，整个过程都会与three.js内部的错误消息中断，这些错误消息说："Uncaught :无法读取three.min.js内部未定义的属性'x‘“。
我搜索了他们的维基，他们
浏览 6提问于2015-07-01得票数 4
回答已采纳
2回答
我正在使用cocos2d-x 2.0.4。我通过这两张图片来说明我想要做的事情。
我想做的是以编程方式创建一个模糊的边框或一个带有渐变的边框。我有两个想法来做到这一点，但我不确定这是否是正确的方法。第一个解决方案是对只包含模糊颜色的多边形进行三角剖分(在这种情况下是带有洞的凹面多边形)，并在其上使用渐变渲染颜色，多边形外部的顶点将是全alpha，而内部的顶点将是零alpha。然后，插值将完成梯度的工作。第二种解决方案是在着色器内部进行。我所需要的就是计算一个像素和多边形最接近的边之间的距离。然后，在某个阈值下，我会根据该距离使用某个alpha值来影响像素白色(距离越短，alpha值越大
浏览 0提问于2013-02-26得票数 1
回答已采纳
1回答
我正在努力提高我的webgl技能，并认为最好的学习方式是通过查看three.js 。我了解如何创建和绑定缓冲区，着色器etc.But，我要寻找的是three.js如何管理绑定缓冲区的过程。
gl.createBuffer
gl.bindBuffer
gl.bufferData
有人能解释一下Three.js是如何在引擎盖下工作的吗？
浏览 3提问于2017-02-22得票数 2
回答已采纳
我正在将一个现有的three.js项目移植到WebVR + Oculus。基本上，这个应用程序以一个STL文件作为输入，基于它创建一个THREE.Mesh并在一个空场景上呈现它。我设法使它在火狐夜间与VREffect插件的three.js和VRControls工作。我遇到的一个问题是，用虚拟现实渲染的模型并不是真正的3D。也就是说，当我来回移动HMD时，一个活动的3D模型不会变得更近/更远，而且我看不到模型的不同侧面。看起来这个模型是一个固定在它的位置上的平面背景图像。如果我将THREE.AxisHelper添加到场景中，则当HMD被移动时，它将被正确地转换。
最初，THREE.OrbitCo
浏览 5提问于2016-01-20得票数 2
回答已采纳
我导出了一个动画模型从Blender 2.65到JSON格式，带骨头和所有，使用最新的搅拌机出口商从Three.js (2013-01-15)。
模型显示得很好，但morphTargets没有。应该点一下头。
我尝试过不同的动画方式，手动更改morphTargetInfluences，或者尝试用不同的选项导出，但是没有什么效果。
我还尝试用Three.js示例中的模型(怪物和ogro)替换我的模型，它们工作得很好。但是比较一下json文件，我看不出我的文件有什么问题。
下面是演示：和Blender文件：
浏览 2提问于2013-01-27得票数 1
我在three.js中加载了一个stl模型。模型是一个管道。问题是我实际上看到了管道的内部，因为我认为法线是朝向管道的中心设置的，我想将法线设置为向外(我认为这会使管道的外部部分可见)。谁能帮我解决这个问题？当我加载其他模型时，它看起来很好，但加载管道时会看到加载的管道内部。
浏览 2提问于2013-07-22得票数 0
回答已采纳
2回答
我读到了关于div，的文章，并想知道是否有可能将一个给定的的混合成实色和渐变颜色作为background的CSS。
我是在一个代表昼夜变化的条形图中思考这个问题的:白天的white ( div宽度的50%)，然后是从white到black的梯度(=黄昏，20%的div宽度)，然后是black ( div宽度的30%)。百分比只是为了设置上下文，实际长度将被计算出来。
渐变的文档似乎意味着混合是不可能的，即设置几个停止的可能性是可用的，但是每一个都会褪色(所以没有固定的颜色)。
浏览 6提问于2016-11-11得票数 1
回答已采纳
1回答
我想对渐变和图像都使用filter CSS属性。我找到并尝试了如下内容：
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Controls/Calendar/Events/email.png'), progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9D9D9', endColorstr='#989898',GradientType=0 ); /* IE6-9 */
问题是，只有第一部分的过滤器适
浏览 0提问于2012-06-14得票数 1
回答已采纳
我注意到，当我在THREE.js中的各种几何上启用“THREE.js”时，我的切线形状会变差。
切线是计算错误的(我怀疑它们是基于我的一些着色输出)，还是"vertexTangentsHelper“有缺陷？
据我所知，顶点的切线向量应该指向"uv“地图的"u”方向，并垂直于该顶点的法向和双角。为了说明我的问题，我在下面发布了几个屏幕截图：
上面的图像显示了在使用"THREE.PlaneGeometry“创建的网格上显示的正确切线。网格点沿同一方向的所有切线。(网目为40x40，有4个高度段和4个宽度段。切线长10个单位。
上面的图像说明了在使
浏览 0提问于2015-02-06得票数 0
回答已采纳
当处理three.js中的粒子和使用添加剂混合时，我发现即使在物体和摄像机之间有一个物体或物体时，结果粒子系统也是可见的。
是否有办法确保当有物体阻碍粒子时，粒子不再可见？
浏览 2提问于2014-04-25得票数 0
回答已采纳
我正在尝试在three.js中创建一种特定类型的3D对象。例如，我想要一个线框模式的立方体(所以只显示边)。但我希望后面的边缘是虚线的。插图：
我不知道这在three.js中是否可行，或者我是否应该直接尝试使用webgl。我应该在线框中使用THREE.Mesh，还是在LineDashedMaterial中使用THREE.Line，或者两者都使用？
浏览 5提问于2013-02-26得票数 9
回答已采纳
我想在Three.js中创建一个顶点着色器来渲染具有纹理的几何图形的脸，这样所有的三角形都是面向相机的。
这是为了模拟Three.js点的功能和性能，但没有gl_PointSize的大小限制。
我不知道在顶点着色器里要做什么计算。任何帮助都很感激。
浏览 3提问于2016-04-07得票数 0
回答已采纳
我想做这个动画，当用户进入页面时，图像会改变位置，还会给图像添加一个线性渐变，类似这样：
但这是我所拥有的：
我只想让线性渐变动画平滑...这是我使用的代码：
.bg-image {
background-image: linear-gradient(
rgba(0, 0, 0, 0.6),
rgba(0, 0, 0, 0.6)
),
url("Background.jpg");
background-position: 50% 100%;
animation: backgroundPosition 4s ease-in;
}
@key
浏览 20提问于2020-05-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
