首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
CS_Joe
掘友等级
前端 | 动画 | Three.js
那天是你用一块红布,蒙住我双眼也蒙住了天。热爱摇滚乐,热爱前端。目前在加拿大多伦多。
获得徽章 8
动态
文章
专栏
沸点
收藏集
关注
作品
赞
173
文章 147
沸点 26
赞
173
返回
|
搜索文章
最新
热门
Three.js 之 10 Shadow 投影
Shadows 影 我们已经学习了光,现在想要增加一些影。几何体的背光面确实是暗的,这被称为 core shadow,我们缺失的是 drop shadow (投影),物体投射到其他物体上的影子。 投影
Three.js 之 9 Light 光
lights 光 我们之前学习了简单的添加光源到场景中。接下来就详细讲讲各种各样的光源、参数以及如何使用。
Three.js 之 8 炫酷的 3D Text
本节将学习 3D Text,并做一个炫酷的 3D Text 展示页面。我们将使用 TextGeometry 文本缓冲几何体来实现。
Three.js 之 7 Materials 材质
Materials 材质,是用来给几何体的每个可见像素进行上色。其中的算法程序成为 shaders。我们暂时不学习如何写 shaders,我们先使用内置的 materials
Three.js 之 6 Texture 纹理
什么是 Textures(纹理) 纹理是覆盖在几何体表面的图片,当把纹理按照特定的方式映射到物体表面上的时候能使物体看上去更加真实。 可以前往 https://3dtextures.me/ 寻找合适的
Three.js 之 5 debug UI
本节将学习 debug UI。用于实时方便调整动画或物体的各种参数。我们可以自己开发,也可以使用一个三方库,这里我们选择使用现成的库。常见的库有 dat.GUI control-panel Contr
Three.js 之 4 Geometry 几何体
先前我们一直使用立方体,本节我们将学习一下其他几何体。 Threejs 中几何体的基类是 BufferGeometry,而 BufferGeometry 是面片、线或点几何体的有效表述。包括顶点位置,
Three.js 之 3 画布与全屏
画布充满窗口 让画布充满窗口需要设置尺寸,可以使用 window.innerWidth 属性,同时移除 canvas 标签上设置的宽高 html 代码如下 js 代码如下 使用 innerWidth,
Three.js 之 2 Camera 相机
Camera 相机 查看 Three.js 的文档,可以看到 Camera 是一个抽象类,一般不直接使用,其他类型的 Camera 实现了这个抽象类。
Three.js 之 1 Animation 动画
animation 动画 Three.js 中的动画与其他 Canvas 动画类似,都是使用了 requestAnimationFrame api,时间间隔动画、内置的时钟、以及第三方动画库
下一页
个人成就
文章被点赞
1,004
文章被阅读
169,032
掘力值
4,915
关注了
70
关注者
680
收藏集
2
关注标签
34
加入于
2016-06-15