首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    opengl-球体的绘制

    球体 opengl-pbr 光照一讲里,以球体为案例进行说明。...球体的绘制第一次接触理解花了点时间 一、球体坐标分解 球体坐标分解 按照经纬度来理解,经度是y轴上的切面,维度是x-z 平面的弧度 经纬度 将y轴切分成64等分,x-z平面切分成64等分的扇形 y轴从上到下取值为...[0, 180],即[0, π],x-z平面扫描取值[0, 360]即[0, 2π] 详细计算,参考如下代码,把一个球体拆分成65 * 65 个点 注意: y = cos(ySegment * PI...为保证所有三角形绘制都遵循顺时针原则(剔除中用到),要求当前增加的点角标为奇数:绘制顺序T=[n-1, n-2, n] 为偶数:绘制顺序T=[n-2, n-1, n] 参考下图,自己拿笔画一画就明白了 绘制顺序 绘制球体的其他代码就很好理解了不一一说明

    3.9K10

    threejs三维模型添加文字标签,及添加文字的方式介绍

    上次在文章ThreeJS中三维世界坐标转换成二维屏幕坐标介绍了三维二维坐标的转换方法,今天结合一个用例具体说下用法。...在三维模型场景展示中,经常会需要对各个模型加上文字标签,而无论三维场景如果旋转变换一般文字标签总是需要面向摄像机方向,这时候代表深度的z坐标失去作用,只需用到x,y坐标。...这时候需要把三维坐标转换为基于屏幕上的二维坐标。 三维模型上加文字标签最常用的方法应该就是(DOM + CSS)基于传统html5的文字实现,用于添加描述性叠加文字的方法。...在三维场景上增加一个立方体,在球体和立方体上分别加上个文字标签。...cubeMaterial); cube.position.set(300,100,100); scene.add(cube); 页面上添加两个div及css样式: 这是球体

    21.9K42

    这次来实现VR全景看房,三种前端实现方案

    renderer.render(scene, camera); } window.onload = initThree; 现在我们能看到一个黑乎乎的世界,因为现在scene里什么都没有,接着我们要把三维物体放进去了...,并且让所有贴图向内翻转后,VR全景就实现了 现在我们进入了这个球体!!...document.removeEventListener("mousemove", mouseMoveHandler); } } 方案二的好处除了库很小以外,还是div+css来搭建三维场景的..._28.gif 通过检查参考链接网页的代码,发现了方案三 方案三:pano2vr image.png pano2vr是一款所见即所得的全景VR制作软件(正版149欧元),功能挺强大的,可以直接输出成HTML5...image.png 我们可以直接使用这个软件来可视化的添加信息点,输出成HTML5后,除了静态图片以外,所有配置信息都在这个pano.xml文件里 image.png 修改信息点图片 整体的交互体验都非常好

    2.3K30

    地球是个球体,那宇宙是个啥?

    今天,我们知道地球的形状像一个球体。但是我们大多数人很少考虑宇宙的形状。正如球体提供了平坦地球的替代物一样,其他三维形状也提供了“普通”无限空间的替代物。...4 球面几何 我们都熟悉二维球体——一个球或一个橙子或地球的表面。但是,我们的宇宙成为三维球体意味着什么呢? 很难可视化一个三维球体,但是通过简单的类比就可以很容易定义一个。...就像二维球体是普通三维空间中距离某个中心点的固定距离的所有点的集合一样,三维球体(或“三球”)是四维空间中距离某个中心点固定距离的所有点的集合。 在三个球体中的生活与在平坦空间中的生活感觉非常不同。...为了感受一下,想你您是一个生活在二维球体内的二维人。二维球体是整个宇宙,你无法看到或进入任何周围的三维空间。在这个球形的宇宙中,光沿着最短的路径传播:大圆。对你来说,这些大圆圈感觉像直线。...对于庞加莱圆盘的居民而言,这些曲线是直线,因为从点A到达点B的最快方法是一条通向中心的捷径: 有一种自然的方法可以对庞加莱圆盘进行三维模拟,只需制作一个三维球,然后用三维的形状填充它,当它们接近边界球体

    1K30

    粗略的物体碰撞预测及检测

    [44012494.jpg]   三维场景中的AABB包围盒特点: 表现形式为六面体。 六面体中的每条边都平行于一个坐标平。...三维物体的AABB包围盒的八个顶点依旧可以用两个顶点来标识,如下图所示。...三维场景中AABB碰撞检测原理:   三维场景中物体的AABB包围盒是一个六面体,其坐标系对于二维坐标系来讲只是多了一个Z轴,所以实际上在三维场景中物体的AABB碰撞检测依然可以采用四个点信息的判定来实现...[44640621.jpg]   对一个三维物体网格化处理后,需要对三维物体内的子网格做碰撞监测,子网格是规则的立方体。在单位时长内,连接开始和结束时刻物体的最大包络线得到的就是运动多面体。...三维物体AABB碰撞检测算法 适合新手的3d碰撞检测 船舶碰撞危险度的计算方法比较(非匿名)

    1.9K60

    三种前端实现VR全景看房的方案!说不定哪天就用得上!

    renderer.render(scene, camera); } window.onload = initThree; 现在我们能看到一个黑乎乎的世界,因为现在scene里什么都没有,接着我们要把三维物体放进去了...2021-06-14 14_54_38.gif 和之前一样,我们把镜头camera(也就是人的视角),放到球体内,并且让所有贴图向内翻转后,VR全景就实现了 现在我们进入了这个球体!!...document.removeEventListener("mousemove", mouseMoveHandler); } } 方案二的好处除了库很小以外,还是div+css来搭建三维场景的...image.png pano2vr是一款所见即所得的全景VR制作软件(正版149欧元),功能挺强大的,可以直接输出成HTML5静态网页,体验非常不错。...image.png 我们可以直接使用这个软件来可视化的添加信息点,输出成HTML5后,除了静态图片以外,所有配置信息都在这个pano.xml文件里 ?

    2.3K10

    粗略的物体碰撞预测及检测

    三维场景中的AABB包围盒特点: 表现形式为六面体。 六面体中的每条边都平行于一个坐标平。 ?   ...三维物体的AABB包围盒的八个顶点依旧可以用两个顶点来标识,如下图所示。 ? 球体碰撞预测及检测   球体是碰撞检测中最简单的数学模型,我们只需要直到两个球体的球心和半径就可以进行检测。   ...三维场景中AABB碰撞检测原理:   三维场景中物体的AABB包围盒是一个六面体,其坐标系对于二维坐标系来讲只是多了一个Z轴,所以实际上在三维场景中物体的AABB碰撞检测依然可以采用四个点信息的判定来实现...对一个三维物体网格化处理后,需要对三维物体内的子网格做碰撞监测,子网格是规则的立方体。在单位时长内,连接开始和结束时刻物体的最大包络线得到的就是运动多面体。...三维物体AABB碰撞检测算法 适合新手的3d碰撞检测 船舶碰撞危险度的计算方法比较(非匿名)

    2.8K81

    图层演示器用于三维实体内表面的选择

    三维模型CAE仿真分析中,我们常需要选择几何体的内表面,或者选择被遮挡的表面。如结构分析时复杂装配体的接触设置,电磁、流体或热分析时内表面的边界条件等。...然而增加了额外的软件开发工作,需要在三维窗口中增加一个额外视图。增加此功能时,也需要注意对软件整体性能的影响。...图层演示器示例下图模型是一个球体,内部含有两个小的球体空腔,当设置模型为半透明时,可以看到内部的球体空腔位置与大小。在三维电磁场分析时,我们常会将外表面设置为远场边界,内表面设置各种激励,如电压等。...当点击内部球体空腔位置时,会选中默认的最外层表面,并以绿色高亮显示。如有额外的可选表面时,图层演示器会显示出来。...图层演示器是WELSIM 2024R1版本中新添加的功能,主要用于增强在三维流体和电磁仿真中的前处理能力。

    13020
    领券