草庐IT

line_three

全部标签

javascript - 如何创建具有宽度和厚度的 Three.js 3D 线系列?

有没有办法创建具有宽度和厚度的Three.js3D线系列?尽管Three.js线对象支持线宽,但WebGL中所有平台上的所有浏览器尚不支持此属性。这是在Three.js中设置线宽的地方:varmaterial=newTHREE.LineBasicMaterial({color:0xff0000,linewidth:5});具有宽度的Three.js功能区对象最近已被删除。Three.js管对象生成3D挤压,但基于贝塞尔曲线的线条不会通过控制点。谁能想到一种在Three.js中绘制具有某种用户可定义的“体积”(例如宽度、厚度或半径)的线系列(折线、绘图线)的方法?这个问题可能是对这个问题

javascript - 你能给我一个 "Bad line breaking before ' ?'"的例子吗?

我收到此错误消息,我不喜欢。Badlinebreakingbefore'?'.我觉得vars=(a===b)?'one':'two';看起来更好。克罗克福德说:Semicoloninsertioncanmaskcopy/pasteerrors.Ifyoualwaysbreaklinesafteroperators,thenJSLintcandoabetterjoboffindingthoseerrors.谁能给我举一两个例子,说明他所指的那种复制/粘贴错误?更新:vars=(a===b)?'one':'two';看起来比vars;if(a===b){s='one';}else{s='t

javascript - Three.js - 未捕获的类型错误 : undefined is not a function

我在使用Three.js时遇到了UncaughtTypeError:undefinedisnotafunction。在我创建THREE.PerspectiveCamera的行中显示错误。脚本是window.requestAnimFrame=(function(callback){returnwindow.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnim

javascript - 在 Three.js 中创建带圆 Angular 的立方体

是否可以在three.js中创建具有自定义半径的圆Angular的立方体,然后能够使用图像为该立方体添加纹理? 最佳答案 您可以使用three.js示例中的RoundedBoxGeometry。constgeometry=newRoundedBoxGeometry(10,10,10,6,2);使用如下模式将其导入到您的项目中:import{RoundedBoxGeometry}from'./threejs/examples/jsm/geometries/RoundedBoxGeometry.js';three.jsr.131

javascript - Highlight.js 与 Blogger : can't disable auto line wrap

我正在尝试整合Highlight.js与博主。到目前为止,语法突出显示效果很好,但我似乎无法找到一种方法来防止中的代码行自动换行的元素。我需要的是让浏览器显示水平滚动条。我在博客模板中添加了以下内容,在的末尾,如网站中所述:hljs.initHighlightingOnLoad();我所有的使用实例是://codehere;'class'changedaccordingtolanguage.我尝试编辑Highlight.jsCSS文件但没有成功。我也试过设置pre和code款式overflow-x属性(property)scroll没有任何变化。我的猜测是Blogger会全局覆盖该属性

javascript - three.js中有容器类对象改造一群 child 吗?

three.js中是否有容器或节点对象可以将多个网格添加为子对象,以便它们可以一起变形?(一个不可见的容器,允许像在一个组中一样对所有子对象执行转换?)谢谢 最佳答案 Example.vargroup=newTHREE.Group();for(vari=0;ir69+ 关于javascript-three.js中有容器类对象改造一群child吗?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/que

javascript - 在 Three.js 中将图像映射到球体上

我目前正在使用Three.js来尝试创建一些东西。我有一个球体,我正在尝试绘制眼球图像here放在上面。我遇到的问题是结果如下所示:我怎样才能让它在不显得拉伸(stretch)的情况下正确映射?我创建球体和映射纹理的代码如下:vargeometry=newTHREE.SphereGeometry(0.5,100,100);varmaterial=newTHREE.MeshPhongMaterial({map:THREE.ImageUtils.loadTexture('eyeballmap.jpg',THREE.SphericalRefractionMapping)});vareyeba

javascript - Three.js - 正交相机

我正在开发一个显示一些3D模型的应用程序。我们加载模型,创建网格,将它们添加到场景中……标准程序。添加最后一个网格后,我们计算边界框以移动相机并覆盖所有场景,使用总几何体的大小和视口(viewport)的大小进行数学计算。if(bounds.bx/bounds.bybounds是一个对象,包含边界框的宽度和高度。在这个计算之后,我们移动相机(加上一点比例,只是为了美观,我们想要在几何图形和屏幕边框之间留一点空间:))并渲染camera.position.z=r*1.05;到目前为止,这已经实现并运行正常。这是通过PerspectiveCamera完成的。现在我们想改变它并使用Ortho

javascript - 如何像Chrome一样用three.js做一颗星星实验10万颗星星

我希望这次是正确的地方,但我正在尝试弄清楚如何使用three.js以chromeexperiments100,000stars的方式创建星星。已经完成。我试着查看源代码,但它很难破译,它似乎有很多部分,我尝试过使用纹理,但我不知道如何获得太阳周围的辉光或光晕,我将不胜感激获得了解如何完成此操作的人员的帮助。 最佳答案 你看到了吗thisarticle?关于太阳的部分高度概述了如何实现这些效果。您可能想要研究GLSL着色器,这本身就是一个完整的领域。现在最好在源代码中找到着色器并调整它们以查看您的更改会产生什么效果。也可以考虑查看th

javascript - 在运行时更改 three.js 中加载的 .obj 的纹理

我正在尝试在运行时在加载的three.js.obj上交换图像纹理。这是直接来自three.js示例的代码,稍作修改:varcontainer,stats;varcamera,scene,renderer;varmouseX=0,mouseY=0;varwindowHalfX=window.innerWidth/2;varwindowHalfY=window.innerHeight/2;init();animate();functioninit(){container=document.createElement('div');document.body.appendChild(cont