首页 > 建站教程 > WebGL教程 Threejs教程 >
  • threejs OrbitControls enableDamping控制器开启阻尼效果

    threejs OrbitControls enableDamping控制器开启阻尼效果

    threejs OrbitControls通过enableDamping开启阻尼效果,让推拽视图有缓冲效果,不至于太生硬。

    threejs  OrbitControls  enableDamping  woaimoban 184次
  • three.js DRACOLoader加载压缩模型

    three.js DRACOLoader加载压缩模型

    gltf、glb模型经过3D软件压缩导出后,在threejs用gltfloader加载,必须借助DRACOLoader解压,否则会报错。

    three js  DRACOLoader  woaimoban 716次
  • gltf和glb模型压缩

    gltf和glb模型压缩

    gltf和glb模型压缩,我爱模板网通常使用两种方法

    gltf  glb  woaimoban 1916次
  • Three.js EdgesGeometry几何体边框辅助线

    Three.js EdgesGeometry几何体边框辅助线

    EdgesGeometry在老版本中叫做EdgesHelper但是已经被移除。新版本赋予边框辅助参考线,更加灵活的使用方法,可以改变其材质以及其他属性,EdgesGeometry的作用是可以帮助查看几何体对象的边缘。

    Three js  EdgesGeometry  woaimoban 199次
  • threejs创建阴影

    threejs创建阴影

    跟OpenGL不同,在threejs中实现一个阴影效果很简单,只需要简单的几个设置。在Three js中,物体可以形成阴影投影效果,但是由于渲染阴影需要消耗计算机大量资源,所以Three js在默认情况下是不会渲染阴影的,所以需要我们手工设置开启阴影效果。

    THREEJS  woaimoban 92次
  • threejs三维模型添加文字标签

    threejs三维模型添加文字标签

    在三维模型场景展示中,经常会需要对各个模型加上文字标签,而无论三维场景如果旋转变换一般文字标签总是需要面向摄像机方向,这时候代表深度的z坐标失去作用,只需用到x,y坐标。这时候需要把三维坐标转换为基于屏幕上的二维坐标。

    THREEJS  woaimoban 621次
  • three.js着色器语法glsl的常见内置函数

    three.js着色器语法glsl的常见内置函数

    Three js的glsl语法,内置的一些函数总结

    three js  glsl  woaimoban 95次
  • THREEJS BufferGeometry

    THREEJS BufferGeometry

    首先,在 three js 中有THREE Mesh 网格、THREE Points 点、THREE Line 线条等模型。其中: Mesh 网格模型创建的物体是由一个个小三角形组成,如下面各图。这些小三角形又是由三个点确定,需要三个确定的位置,即确定的 xyz

    THREEJS  BufferGeometry  woaimoban 69次
  • THREEJS OrbitControls屏蔽了mousedown/mouseup等鼠标事件解决办法

    THREEJS OrbitControls屏蔽了mousedown/mouseup等鼠标事件解决办法

    在Threejs中,我爱模板网要实现模型被点击弹出内容的效果(详见threejs点击事件http: www 5imoban net jiaocheng webgl 202205185008 html),然后,做出来之后发现,点击模型的确可以弹出,但是当我拖拽模型时,松开鼠标也会触发。于是想到了,用mousedown和mouseup来获取时间戳进行比对。发现并没效果。

    THREEJS  OrbitControls  mousedown  mouseup  woaimoban 542次
  • threejs点击事件

    threejs点击事件

    Threejs点击事件实际的原理:获取相机和鼠标点击时的位置,发出一条射线,射线穿过的所有物体即为点击的物体集合,取第一个即可。

    threejs  点击事件  woaimoban 112次
16条 上一页 1 2 下一页