首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
红色石头本尊
掘友等级
前端开发
一个爱学习的臭弟弟
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
23
文章 23
沸点 0
赞
23
返回
|
搜索文章
最新
热门
16-案例练习(云雷纹)
如下图 main.js 第一步画圈 lyw.js 如下图: 第二步画中间的小圈圈并循环构建出来并添加到group中 计算x轴离原点的距离 第二个圆: 120 第三个圆: 142.5 并且线的LineW
15-画曲线
用到 划线的Api 曲线 API 是一些计算曲线坐标的公式,从中取出一些点,用点模型或者线模型画出来 EllipseCurve 画椭圆曲线 用来画规则曲线用的 new THREE.EllipseCur
14-uv坐标和uv动画
main.js uv.js geometry.attributes.uv 是和顶点一一对应的 uv 坐标。 也就是 4 个顶点分别对应了 4 个 uv 坐标 其实我们可以用点集合的方式来设置 图如下:
13-材质和纹理
MeshBasicMaterial: 基础网络材质 这种材质不受光照影响 继承 Material类 具体看官网的描述 纹理没特殊要求尽量调小压缩对gup好一点 效果如下图: 贴图效果加上了纹理了 后面
12-呼吸的山地
接入simplex-noise库 https://www.npmjs.com/package/simplex-noise包地址 具体使用查看上面的地址 里面的使用的噪音算法 mesh.js main.
11-练习一堆彩色三角形
cube.js main.js 效果如下图:cube.js main.js 效果如下图:cube.js main.js 效果如下图:
10-应用图形用户界面操作变更变量
按照GUI界面库 npm i dat.gui -S 全部代码 本节学习代码部分 图如下所示按照GUI界面库 npm i dat.gui -S 全部代码 本节学习代码部分 图如下所示
10-使用js控制画布全屏和退出全屏
全部代码 本节学习代码如下: 效果如下:全部代码 本节学习代码如下: 效果如下:全部代码 本节学习代码如下: 效果如下:
9-根据尺寸变化实现自适应画面
全部代码 本章学习处代码 监听时候可以加一个节流的方法,避免设置太快(建议)全部代码 本章学习处代码 监听时候可以加一个节流的方法,避免设置太快(建议)
8-Gsap动画库基本使用与原理
npm run gsap 官方文档: https://gsap.com/docs/v3/ 动画的ease: 找对应的方式 全部代码 动画部分的使用
下一页
个人成就
文章被点赞
37
文章被阅读
15,484
掘力值
1,350
关注了
154
关注者
16
收藏集
9
关注标签
10
加入于
2019-06-13