草庐IT

正方体

全部标签

javascript - three.js 立方体使用多个纹理的验证

有人可以为three.jsr53验证以下代码吗?取自这个问题:HowtousemultiplematerialsinaThree.jscube?我尝试了这段代码和一些变体,但我没有看到可见的立方体。我的纹理图像按应有的方式命名。varmaterials=[];for(vari=0;i 最佳答案 改为这样做:varcubeGeo=newTHREE.BoxGeometry(400,400,400,1,1,1);varcube=newTHREE.Mesh(cubeGeo,materials);materials是一个包含6个three.j

javascript - 使用 CSS(也许还有 JavaScript)使元素成为正方形(或保持特定的纵横比)

我有一个div,我希望它具有以下特征:宽度=其父元素的50%高度等于为保持特定纵横比所需的任何高度。我需要使用百分比,因为当浏览器调整大小时,对象会左右调整大小。我希望对象从上到下调整大小以确保对象保持相同的纵横比。我不认为有任何方法可以使用纯CSS来做到这一点,但是有人知道一种方法吗?或者,是否有一种简单的JavaScript方法可以做到这一点?(JQuery很好。) 最佳答案 虽然您需要使用透明图像,但我想出了如何在没有js的情况下执行此操作。设置一个html结构,如:Yourfavoritecontenthere为rect_i

javascript - Photoshop JavaScript 将图像和 Canvas 调整为特定(非正方形)大小

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭9年前。Improvethisquestion如何使用PhotoShop的JavaScript功能将一组数百张图像转换为特定的非方形尺寸(例如320x350像素)?

javascript - 在 Three.js PointCloud 中将正方形更改为圆形?

我正在使用PLYLoader加载一个.ply文件,并使用three.js中的PointCloud对象渲染它。varloader=newTHREE.PLYLoader();loader.addEventListener('load',function(event){vargeometry=event.content;varmaterial=newTHREE.PointCloudMaterial({vertexColors:true,size:0.01});varmesh=newTHREE.PointCloud(geometry,material);scene.add(mesh);});l

javascript - 一种立方体曲面星形寻路启发式算法

我正在构建一个snakegame在立方体的表面上播放。目前它使用Dijkstra算法进行寻路。尽管对集合和优先级队列数据结构进行了优化,但它仍然有点太慢了。当蛇吃掉食物并开始寻找新食物时,您会注意到延迟。我试图让它改用A*,但找不到好的启发式算法。在具有4个运动方向的平面网格上,我会使用曼哈顿距离。我试过使用3DManhattan距离abs(dx)+abs(dy)+abs(dz)但没有成功,原因很简单:对于蛇来说,游戏世界真的是6grids(correspondingtothefacesofthecube)具有不寻常的环绕属性。在代码中,每个方block都存储在一个grid[15][1

javascript - 如何仅使用正方形生成树状图

我目前正在试验d3.js的画廊TreeMap。http://bl.ocks.org/4063582现在我想知道是否可以让树状图以正方形呈现所有项目。我只能让它渲染矩形。我尝试使用.mode("squarify");但这不会产生所需的布局。它不会使用所有可用空间并不重要。我只是想让它渲染正方形。 最佳答案 平方TreeMap:http://www.win.tue.nl/~vanwijk/stm.pdf.它看起来像是对问题的彻底审视,并包含解决方案伪代码。Abstract.Anextensiontothetreemapmethodfor

javascript - 用极坐标画正方形

我有一个正方形,其中最近的点距中心1个单位。请参阅下面的ascii图:+-----------+|||x||-----+|||||+-----------+因此,从原点到Angular点的距离是sqrt(2)。我需要一个函数,它以任意Angular返回从原点到正方形上一点的距离。例如,对于输入0,该函数将返回1。对于输入45,该函数将返回到Angular点的距离,即2的平方根。然后对于90,它将再次返回1。换句话说,当您使用极坐标图绘制函数时,它会绘制一个正方形。我相信这个函数应该是这样的:f(x)=sqrt(tan(x)^2+1)唯一的问题是上面的函数不会绘制正方形的边。我需要能绘制

javascript - 如何在 Three.js 中剪切立方体

我想知道以前是否有人遇到过这个特定问题。根据我对如何使用webgl和three.js绘制3d对象的基本理解,我似乎无法找到一种方法来创建一个平行六面体(或者我认为这就是它的调用方式),它确实从立方体几何中继承了它的几何形状,但没有'所有Angular都是90度。我的目标是拥有这样的东西:结果应该和什么很相似-moz-transform:skew(0,-45.1deg);会为html元素做。谁能帮我找到解决方案?感谢您的考虑。 最佳答案 您需要做的是创建一个立方体网格,然后将剪切矩阵应用于立方体的几何体。该操作以您描述的方式扭曲了几何

javascript - 如何制作 TextGeometry 多行?如何将它放在一个正方形内,使其像 html 文本在 div 内一样环绕?

我正在使用WebGL、three.js和THREE.TextGeometry制作一些3D文本。到目前为止一切正常。我能够创建单行3D文本。现在我想创建多行文本,比如一个短段落。最好,我希望它在到达放置它的框/矩形的边界时自然换行。我想要标准HTML文本在div内部时具有的类似行为,换行当它到达它的父div的边缘时到多行。这是我创建单行的方式:textGeo=newTHREE.TextGeometry('Hellothere.AmIaparagraph?Ihopeso.','size':30'height':2'font':'helvetiker''weight':'normal''st

javascript - 使用 three.js 折叠矩形以形成立方体

我正在尝试制作一个立方体,其表面有6个面,作为一个面可移动的立方体网。像这样:上图中,有6张脸,一张脸(蓝色的)是可动的。人们可以沿着它们的边缘将它们一起向上旋转以形成一个“网”。一旦他们认为自己完成了,他们可以按下“折叠它”按钮——所有的边都旋转90度以创建立方体(或者如果他没有在适当的位置加入蓝色面,则可能不是立方体。)下面是按下“折叠”按钮后的中间状态。折叠面后应该是这样的:这里给出对应的动画:http://www.mathematikus.de/10/(不知何故该链接在mac上不起作用)我不知道该怎么做。感谢您的帮助。在此先感谢您。 最佳答案