threejs
3篇文章 · 0订阅
  • WebGL学习06-投影,视图和模型矩阵
    为了更好的模拟3D真实场景，引入了投影矩阵（Projection），视图矩阵（View），模型矩阵（Model）3个概念，通过在Vertex Shader中使用透视矩阵 * 视图矩阵 * 模型矩阵 * 顶点得出最终的顶点位置。 投影矩阵的主要目的是将顶点从3D空间投影到2D空间…
    WebGL
  • WebGL坐标系基础（一）
    对于坐标系相信大家都不陌生，写css的时候大量使用的绝对定位就通过坐标系来描述一个dom的位置。而在WebGL中不仅大量使用了坐标系，还使用了各种各样的坐标系，有的用来描述一个模型自身，有的用来描述一个3d场景。 这些坐标系有各自的使用场景，之间相互独立。但我们能通过坐标变换来…
    WebGL
    WebGL坐标系基础（一）
  • ThreeJS光线投射(Raycaster)计算鼠标点击物体(拾取)
    在三维空间中计算鼠标点击了哪个物体，其实就是从点击的那个点开始发出一条射线，看这条线穿过了哪些物体。 在此之前先来熟悉一下三维空间的坐标系，在threeJs中使用的是右手坐标系，屏幕的中心点为原点。坐
    three.js
    ThreeJS光线投射(Raycaster)计算鼠标点击物体(拾取)