首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
红色石头本尊
掘友等级
前端开发
一个爱学习的臭弟弟
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
23
文章 23
沸点 0
赞
23
返回
|
搜索文章
最新
热门
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: 找对应的方式 全部代码 动画部分的使用
7-通过Clock对象跟踪时间处理动画
时钟方面的设置 如下图:阿迪斯发士大夫十大发射点发撒打发范德萨啊手动阀士大夫大师傅地方的打发手动阀地方
6-requestAnimationFrame
window.requestAnimationFrame() 方法会告诉浏览器你希望执行一个动画。它要求浏览器在下一次重绘之前,调用用户提供的回调函数。 具体了解再mdn: + https://de
5-物体的缩放和旋转
集合物体对象里面有一个 scale{x,y,z}的属性 scale是缩放的属性(也是一个对象,里面参数x、y、z) x是x轴的缩放倍数 y是y轴的缩放倍数 z是z轴的缩放倍数 参数都是数字 整体设置
4-设置物体移动(Vector3)
cube.position.set(5, 0, 0); x、y、z轴位置 cube.position.x = 5; 设置单个方向x轴的位置 渲染如图下(每一帧加0.01):
3-添加坐标轴辅助器(AxesHelper)
辅助线方便查看3维物体 渲染图如下:辅助线方便查看3维物体辅助线方便查看3维物体辅助线方便查看3维物体辅助线方便查看3维物体
下一页
个人成就
文章被点赞
37
文章被阅读
14,156
掘力值
1,279
关注了
153
关注者
16
收藏集
9
关注标签
10
加入于
2019-06-13