240 投稿
three.js简易教程
收录了20篇文章 · 6人关注
  • three.js(20)-uv映射

    我们前面学习了三角面，知道一个立方体是由顶点（vectors）和索引（faces）坐标才可以画出来的。uv是用来描述纹理位置的，也就是需要标注图...

    0.6 姜治宇 0 1
  • three.js(19)-接入vue

    如何将three接入vue项目中呢？ index.html App.vue home.vue

    0.6 姜治宇 0 1
  • three.js(18)-综合案例（地月绕行）

    今天我们来做一个综合案例，把前面的知识都串起来。 结合这个效果，咱们可以轻松做个炫酷的登录页出来：

    姜治宇 0 0
  • three.js(17)-添加html元素

    有时我们想给物体添加一个标签效果，我们习惯用html来实现，那如何将html元素添加到场景中呢？

    姜治宇 0 0
  • three.js(16)-精灵图

    Sprite精灵图是指场景中的二维图像。这种图是永远面向相机的平面，通常用来加载纹理。

    0.6 姜治宇 0 1
  • Resize,w 360,h 240
    three.js(15)-加载模型

    我们在做可视化效果时，必然需要加载第三方的模型。比如下图： 其中厂房、储物罐、树丛等物体，我们都可以直接加载第三方模型，而不用自己去手画。模型可...

    0.1 姜治宇 1 1
  • three.js(14)-阴影效果

    如何让物体产生阴影效果呢？首先，场景中所有的物体都必须是感光材质（MeshLambertMaterial），然后是光源的设定，支持阴影的光源有p...

    0.6 姜治宇 0 1
  • Resize,w 360,h 240
    three.js(13)-三角形面

    我们知道，两点确定一条直线，三点可以确定一个平面，也就是三角形面。我们所看到的网格模型，实际上都是根据顶点坐标，绘制成一个个三角形面，然后拼接而...

    0.6 姜治宇 0 1
  • Resize,w 360,h 240
    three.js(12)-透视投影相机

    透视投影相机PerspectiveCamera 透视投影相机比较常用，也肥肠容易理解。比如电影院的投影仪，当我们把手靠近时，就会在幕布上投下巨大...

    0.6 姜治宇 0 1
  • Resize,w 360,h 240
    three.js(11)-纹理贴图

    其实纹理材质跟css的background基本一致，除了简单的颜色背景，还可以贴图。 这里涉及到异步加载图片，为了找到图片资源，我们需要搭建一个...

    0.6 姜治宇 0 1

专题公告

three.js快速入门