![](https://img-blog.csdnimg.cn/direct/c546e66e479b495bbe8a89edd6315930.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Three.JS 专栏
文章平均质量分 96
Three.JS 专栏
编程圈子
编程圈子,谢厂节的博客
展开
-
Three.JS教程5 threejs中的材质
在Three.js中,材质是应用于几何体(Geometry)的外观和纹理的规则。它们决定了对象在场景中如何反射光线、显示颜色、反射环境等。Three.js提供了各种类型的材质,每种都有不同的特性和用途,使开发人员能够根据需求创建出各种视觉效果。官方文档地址本文源码地码lesson5。原创 2024-02-16 16:41:19 · 1964 阅读 · 0 评论 -
Three.JS教程4 threejs中的辅助类
Three.js 提供了一些辅助类(Helpers)以帮助我们更容易地调试、可视化场景中的元素。ArrowHelepr:创建箭头辅助器;AxisHelper: 创建坐标轴辅助器;BoxHelper: 创建包围盒辅助器;Box3Helper:创建可视化Box3的辅助器;CameraHelper:用于创建相机的辅助器;DirectionalLightHelper:创建方向光源;GridHelper:创建网格辅助器;PolarGridHelper:极坐标网格辅助器;原创 2024-01-22 11:05:41 · 1034 阅读 · 0 评论 -
Three.JS教程3 threejs中内置的更多几何体
胶囊几何体是一种有球形顶端和圆柱形部分组合的几何体。radiusTop: 胶囊体顶部的半径;radiusBottom: 胶囊体底部的半径;height: 胶囊体的总高度;radialSegments(径向分段数): 胶囊体周围的圆柱部分的分段数;heightSegments(高度分段数): 胶囊体的高度上的分段数;cappedTop(是否有顶部): 一个布尔值,指示是否有胶囊体的顶部;cappedBottom(是否有底部): 一个布尔值,指示是否有胶囊体的底部;原创 2024-01-19 13:41:21 · 954 阅读 · 0 评论 -
Three.JS教程2 几何体的创建与使用
顶点的位置是一个浮点数数组,其中每三个元素表示一个点的x、y和z坐标。原创 2024-01-18 10:47:10 · 929 阅读 · 0 评论 -
Three.JS教程1 环境搭建、场景与相机
Three.js 是一款基于JavaScript的开源3D图形库,它简化了在Web上创建复杂的3D场景和动画的过程。Three.js 由Ricardo Cabello(也称为mr.doob)于2010年创建,最初是为了填补WebGL技术在那个时候的不足而设计的。随着WebGL的普及和浏览器性能的提升,Three.js逐渐成为Web上3D图形编程的事实标准之一。官网地址: https://threejs.org/原创 2024-01-17 09:17:17 · 1326 阅读 · 0 评论