threejs拉伸几何体ExtrudeBufferGeometry，depth无效的bug

最新推荐文章于 2022-02-21 16:51:08 发布
最新推荐文章于 2022-02-21 16:51:08 发布
阅读量473 收藏
点赞数 1
文章标签： three.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_49435789/article/details/122058561
版权

其实就是因为手头的版本比较旧

不是啥大问题，但是折腾了好一会

后面去看源码发现没有depth这个option

 然后去看了眼官方的源码

。。。。才发现是因为我版本的问题

都怪没有梯子下载太慢，当初不知道在哪里找的库

这样代码修改下就好啦，把depth换成amount

话说当初怎么会用amount当拉伸深度。。。。我不理解

我好爱吃草莓
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
three.js中svg拉伸体的转换函数transformSVGPathExposed
11-28
在vue中使用three.js的svg拉伸体的转换函数transformSVGPathExposed
js实现拉伸拖动iframe的具体代码
01-19
左边iframe放树目录，右边的iframe放index页。拖鼠标同时控制2个iframe的宽高。期待有人能改进。操作方法：鼠标指到2个iframe中间，可以水平拖，纵向拖(控制高度)缺点：CSDN页面放开鼠标后才改大小，不占CPU资源。...
three.js中几何对象
weixin_34279061的博客
01-03 157
CircleGeometry 、 CubeGeometry、CylinderGeometry 和 ExtrudeGeometry 几何对象是用必要的数据（点、顶点、面等）来描述三维模型。我们将创建平面的圆、立方体和圆柱体。Extrude Geometry是用来制作从路径凸出的形状。我们要做个凸出的三角形： cube.castShadow ...
threejs拉伸几何合体(ExtrudeBufferGeometry)的两种使用方式
m0_49435789的博客
02-21 4712
拉伸几何体有两种使用方式，一种是配置extrudePath，一种是不配置extrudePath 。更直观的理解见下文。 一、不配置extrudePath 中文手册给的也是这种，我就直接放中文手册的案例了； 在extrudeSettings 没有配置extrudePath这一项。 var length = 12, width = 8; var shape = new THREE.Shape(); shape.moveTo( 0,0 ); shape.lineTo( ...
ThreeJs的学习
太古时代的专栏
06-08 508
几何体 Geometry BufferGeometry BoxGeometry ShapeBufferGeometry（平面）-->和THREE.Shape一起使用，参考webgl_geometry_shapes.html的地面 ExtrudeBufferGeometry（几何体） --> 和THREE.Shape一起使用，参考例子webgl_geometry_shapes....
threeJS 裁剪物体
qq_42683219的博客
07-28 4259
一、效果图 二、案例中用到的重要函数分析 new THREE.MeshLambertMaterial({ color:new THREE.Color().setHSL(Math.random(),0.5,0.5),① side:THREE.DoubleSide,② clippingPlanes:this.planes,③ clipIntersection:true④ }) this.renderer.localClippingEnabl
关于three.js THREE.ExtrudeGeometry贴纹理填坑指南
书思的博客
12-06 3673
关于three.js THREE.ExtrudeGeometry贴纹理填坑指南 最近开发中用到了挤压几何体，本着好看的原则贴上漂亮的纹理，过程一波三折，对于不熟悉套路的同僚们记录，仅作为参考。 加载纹理无错误信息，几何体显示为黑色块，这种情况一般是引用的three.js库版本不一致，建议更换； 加载纹理无错误信息，几何体显示为纹理的基本色素，但纹理不显示，参数设置问题： map...
44 Three.js拉伸几何体THREE.ExtrudeGeometry
现在学习也不晚
12-19 1万+
拉伸几何体是什么 拉伸是指我们有一个二维图形，通过针对这个二维图形进行z轴拉伸，将它转换成三维图形。例如，如果我们拉伸THREE.CircleGeometry，就会得到一个类似圆柱体的图形；如果我们拉伸THREE.PlaneGeometry，就会得到一个立方体。下面我们介绍一下常用的THREE.ExtrudeGeometry THREE.ExtrudeGeometry简介 THREE.E...
three.js 管道成型，旋转成型，拉伸成型的比较
yinge0508的博客
02-21 783
1，管道成型，（TubeGeometry） 创建一个沿着三维曲线延伸的管道。 TubeGeometry(path : Curve, tubularSegments : Integer, radius : Float, radialSegments : Integer, closed : Boolean) path — Curve – 一个由基类Curve继承而来的3D路径。 tubularSegments — Integer – 组成这一管道的分段数，默认值为64。 radius — Float –.
threejs 第三十用 ExtrudeGeometry
webgpu
04-18 1751
new THREE.Shape(a) a=[n个 THREE.Vector2(xxx,yyy)] 这样先构造一个平面 然后 var extrudeSettings = { steps: Number,//分几份 depth: Height,//拔起来多高 //这里还有很多参数 但是我没怎么用 有兴趣可以看看 还能整出圆角来 }; 最后new THREE.ExtrudeBufferG...
基于 ThreeJs 的中国 3D 地图展示，使用 vue 框架.zip
06-06
基于 ThreeJs 的中国 3D 地图展示，使用 vue 框架.zip
按钮在IE中两边被拉伸的 BUG
09-28
大家在写按钮（input、button）的时候会发现在 IE 下： 随着字数的增多，两边的间距也会越来越大。 在 WIN 的XP 风格下，当字数很多时，两边还会出现严重的锯齿。 到底是什么原因呢？ 蓝色理想 原 WEB标准化专栏 的...
three.js 06-03 之 ExtrudeGeometry 高级几何体
zhulx_sz 的博客
12-27 5937
本篇介绍 three.js 中的 ExtrudeGeometry 拉伸几何体。它是从一个二维图形创建出一个三维图形。譬如，我们可以先通过 THREE.Shap 对象，先创建一个二维的图形，然后通过 ExtrudeGeometry 将它拉伸为一个三维图形。也可以先通过 THREE.PlaneGeometry 对象创建一个二维平面，然后再利用 ExtrudeGeometry 进行拉伸。关于 Extru
ThreeJs的学习：BufferGeometry的理解（3），Geometry和BufferGeometry的关系
太古时代的专栏
08-02 8050
在Three.js的这个方法中可以观察各个Geometry的转换 目前为止的观察，发现所有的Geometry都会到projectObject进行转换，最后转换成BufferGeometry。 function projectObject( object, camera, groupOrder, sortObjects ) Geometry Geometry转换成BufferGeome...
THREE.JS之几何体（Geometry）
热门推荐
novenn
10-02 1万+
众所周知，在3D世界里，物体都是有网格构成的，而网格的组织规则是通过几何体（Geometry）来定义。在three.js中，有两类几何体，我把它们叫做基本几何体和buffer几何体。基本几何体的顶点位置，缩放，旋转角，颜色，法线信息都是保存在特定的类里面，比如顶点位置使用Vector3，颜色信息使用Color。而buffer类的都是使用数组存储的，并且缓存在了内存缓冲区里，减低了对GPU的消耗。正是
Three.js ExtrudeGeometry.js 源码研究
mu399的专栏
01-22 739
ExtrudeGeometry.js 是Three.js 一个几何体类，可以把自己创建的或者从svg导入的平面2D图形拉伸为几何体。最能体现这个几何体类强大的例子是 http://www.wjceo.com/blog/threejs/2018-02-12/46.html 把其中的 斜角厚度bevelThickness = 3, 斜角尺寸bevelSize = 1.4, 斜角分段数bevelSegm...
ThreeJs：裁剪( Path编)挖洞和贴图
太古时代的专栏
09-03 5026
本内容是裁剪( Path编)的延申 裁剪( Path编)：https://blog.csdn.net/jinold/article/details/91345585 <!DOCTYPE html> <html lang="en"> <head> <title>three.js webgl - geometry - shapes<...
three.js 源码注释（七十五）extras/geometries/ShapeGeometry.js
omni360的专栏
01-30 1779
ShapeGeometry用来通过截面(参数shape)和参数选项(options)生成形状几何体. <summary>ShapeGeometry</summary> <param name ="shapes" type="THREE.Shape">形状几何体截面</param> <param name ="options" type="Object">拉伸几何体参数选项</param> * Creates a one-sided polygonal geometry from a path shape.
android手机应用源码Imsdroid语音视频通话源码.rar
最新发布
05-20
android手机应用源码Imsdroid语音视频通话源码.rar
three.js 曲线拉伸成面
01-30
在Three.js中，可以使用ExtrudeGeometry类将曲线拉伸成面。ExtrudeGeometry类是通过将2D轮廓沿着指定路径拉伸而成的。以下是一个示例代码： ```javascript // 创建一个二维轮廓 var shape = new THREE.Shape(); ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我好爱吃草莓

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值