首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
setUser
掘友等级
前端开发
javaScript webpack
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
62
文章 13
沸点 49
赞
62
返回
|
搜索文章
最新
热门
three.js--物理碰撞
使用物理动画库,对单个物体创建物理碰撞及施加力,对多个物体添加物理碰撞及施加力,将物理世界的力赋值给threejs中的物体,实现物理碰撞
three.js -- 光线投射,鼠标事件监听
光线相交部分,光线投射用于进行鼠标拾取(在三维空间中计算出鼠标移过了什么物体)。在动画函数中将处在光线上的物体变色
three.js -- Particles 粒子
粒子星球案例,通过创建粒子材质,点材质添加随机粒子,解决粒子与其他几何形状在空间中的遮挡问题,粒子星球案例
three.js -- Shadows 投影
使用阴影不难,难的是优化性能 投影有一独立的投影贴图 1、要使用投影需要将要投影的物体添加到阴影贴图中 2、需要有物体接收阴影 3、开启灯光投影
three.js -- Lights 灯光
性能 低耗能 环境光AmbientLight 半球光HemisphereLight 中耗能 平行光DirectionalLight 点光源PointLight 高耗能 聚光灯SpotLight 平面光
three.js -- Font 3D字体加载
使用字体加载器加载字体文件,放在静态文件夹下,加载完成在回调函数中处理字体,居中,把每个顶点移动一半的位置
three.js -- Textures纹理
纹理是如何放在模型上的? uv unwrapping(模型展开) 将一个模型展开为二维图形,图形在二维图形上所在的的点就是uv坐标 加载管理器 其功能时处理并跟踪已加载和待处理的数据。 纹理的操作 后
three.js -- Debug Gui
https://www.npmjs.com/package/dat.gui npm install --save dat.gui 方便调试参数
three.js -- 几何图形Geometries
通过三维向量自定义图形 缓冲几何(推荐使用,性能更佳) 创建多个三角形 对于优化,我们可以使用index,比如一个面有多个三角形组成,但是中间这个点可以作为多个三角形的顶点使用 这样可以减少发送给gp
three.js -- 初始化canvas画布
画布初始化CSS canvas画布自适应 当改变窗口大小画布自动改变大小 进入全屏模式 通过js的双击屏幕事件
下一页
个人成就
文章被点赞
35
文章被阅读
10,998
掘力值
324
关注了
33
关注者
13
收藏集
17
关注标签
14
加入于
2019-09-16