首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
setUser
掘友等级
前端开发
javaScript webpack
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
67
文章 17
沸点 50
赞
67
返回
|
搜索文章
最新
热门
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的双击屏幕事件
下一页
个人成就
文章被点赞
37
文章被阅读
12,094
掘力值
334
关注了
35
关注者
14
收藏集
19
关注标签
14
加入于
2019-09-16