首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
three
躺平使者
创建于2023-02-17
订阅专栏
three学习
等 11 人订阅
共31篇文章
创建于2023-02-17
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
three学习(三十)—— 动画设置
上节我们学习了帧动画,能够让物体进行动画,除此之外我们还能通过各种属性方法去控制动画的过程,本节我们就来学习一下常见的动画设置方法。
three学习(二十九)—— 帧动画
当我们想要将渲染物体动起来可以通过requestAnimateFrame去执行,如果想要物体进行动画就需要使用专门的API,本节我们就来学习一下。
three学习(二十八)—— 精灵模型对象
前面我们介绍了Mesh、Line、Point三种物体模型,本节我们来学习一个新的物体模型——Sprite(精灵模型)。
three学习(二十七)—— 自适应渲染
three中渲染出来的场景是没有自适应功能的,如果我们缩放放大窗口整个场景不会跟着窗口变动,本节我们就来学一下如何实现自适应渲染。
three学习(二十六)——相机
前面讲解例子时我们就直接创建了一个相机,相机的种类特点也没有介绍,本节我们就来介绍下three中的相机对象。
three学习(二十五)—— DataTexture
我们已经学过了CanvasTexture、VideoTexture等纹理贴图,本节我们来介绍数据纹理对象——DataTexture。
three学习(二十四)——高光贴图与环境贴图
上节我们介绍了给物体添加阴影的光照贴图,本节我们再介绍两种贴图——高光与环境贴图。了解这两种贴图的作用与写法。
three学习(二十三)—— 光照贴图
我们之前讲解过了光照阴影,要想显示出阴影效果,物体、光照都需要进行相关设置,而光照贴图也是能为物体添加阴影,本节我们来学习一下光照贴图。
three学习(二十二)——法线与凹凸贴图
上节文章介绍了如何将画布与视频作为贴图,在贴图时用的都是ma贴图方式,当模型复杂时map效果可能就没有那么好,这时候我们需要新的贴图方式,本节我们就来看一下凹凸贴图与法线贴图。
three学习(二十一)—— 画布视频纹理贴图
上节我们写了利用了图片给几何体进行了贴图,除了图片canvas与video也可以当做贴图,本节我们就来介绍一下canvas、video当做贴图的用法。
three学习(二十)——纹理对象
上节我们了解了UV坐标与映射,本节介绍下纹理对象Texture,该对象就是用于设置纹理相关贴图的,并且简单写一个小案例。
three学习(十九)—— UV坐标
前面我们渲染出来的物体跟现实生活中差距甚大,要想与现实物体靠齐就离不开纹理贴图。在学习纹理贴图之前,我们先了解一下UV坐标。
three学习(十八)——TubeGeometry与LatheGeometry
本节我们介绍两种几何体,这两个几何体的渲染离不开前面讲解的曲线知识。如果之前你了解过这两个几何体,学完曲线再看一遍肯定有更加深刻的理解。
three(十七)——组合曲线
本节我们来看下组合曲线——CurvePath构造函数。顾名思义CurvePaht可以将圆弧线、直线等多个曲线类型合并到一起。
three学习(十六)—— 样条、贝塞尔曲线
现在生活中很多物体都是不规则的曲线,如果我们想要要渲染不规则的曲线就需要用到样条、贝塞尔曲线构造函数,本节就来学习一下。
three学习(十五)——曲线
前面章节介绍了几何体,其中圆锥、圆柱等几何体是由三角面构成的,而不是真的‘圆’,本节我们就来学习一下弧,渲染出来一个圆。
three学习(十四)—— 本地与世界
最开始文章讲解了坐标轴,后续的例子中也都有坐标轴的存在。前两节我们了解到层级模型,知道了组对象,坐标的表述也不单单只能用刚开始用的坐标轴去表示了,本节我们就来介绍下本地坐标系与世界坐标系。
three基础学习(一)—— 初识three
本文讲解了three.js的基础,了解three.js基础对象,从具体案例中学习如何渲染出一个立方体。
three学习(二)——坐标轴与转换
在three中,通过场景、相机、渲染器我们可以创建成一个3D图形,这个3D图形是静止的,本文讲解了坐标轴与转换方法。
three学习(三)——动态渲染
当我们认识了three.js,知道了坐标轴及转换方法,接下来就可以让物体动起来啦,本文讲解了three动态渲染的方法,根据具体实例帮助理解。
下一页