![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ThreeJS
EasonYi_
热爱,可抵岁月漫长
展开
-
ThreeJS后处理扫描效果
通过深度纹理在着色器中计算世界坐标,进行相应的后处理操作,避免的需要进行扫描效果绘制是对每个物体的材质改变原理参考unity中制作方法演示地址点我原创 2021-03-03 12:06:44 · 1457 阅读 · 1 评论 -
ThreeJS+人脸关键点美妆玩法
随着人工智能的迅猛发展,市场上的AR应用及玩法层出不穷。web端流量代表淘宝、微信小程序中也新增了不少AR类接口。此处将常见的美妆型玩法从手机应用进行了一次web端的移植:人脸关键点采用face++的数据源不采用canvas而使用webgl绘制效率完全能达到实时效果(淘宝小程序就提供实时人脸接口)普通H5实时可行但是局限性太大像IOS只有safari支持webRTC,不过静态方式也是不错的选择图示演示链接点我...原创 2021-01-16 19:48:22 · 1233 阅读 · 0 评论 -
常见建模软件导出gltf
3D MAX插件安装:下载地址自行选择对应MAX版本插件压缩包,在电脑上解压插件文件,并打开与3ds Max版本对应的目录。最后,确保3ds Max未运行,并将所有.dll文件移动到3ds Max(软件安装目录/bin/assemblies)的安装目录中。下次启动3ds Max时,插件将自动启动,并显示一个新选项卡。glTF导出(PBR材质)打开英文版3ds Max(2017及其以上),新建或将以前的材质修改为物理材质(Physical Matical);对物理材质部分选项进行设置;注意:原创 2021-01-06 00:20:18 · 11001 阅读 · 1 评论 -
ThreeJS中outlinePass的色差问题
在threejs官方实例中outlinePass的应用里renderer使用的是默认的颜色空间,其渲染我们发现是未造成色差。然而,通常我们会采取gamma矫正来渲染光线敏感型场景,从而使用一些其他的颜色空间,这样直接使用outlinePass勾勒轮廓会使整体场景颜色变暗(产生色差),而且这个问题在大部分Pass中均会出现,侵入性较低的改法为将outlinePass的源码提出,在其中的render方法下修改代码块如下图所示: if ( this.renderToScreen ) { this..原创 2021-01-05 17:26:44 · 2997 阅读 · 12 评论 -
ThreeJS-geoJson-开发记录
使用墨卡托投影将geoJson经纬度数据转为平面坐标数据,进而使用threejs ExtrudeGeometry生成所示地图三维模型主要技术点三维渲染 threejs数据转换 d3-geo 变换代码const projection = geoMercator().center([104.0, 37.5]).scale(36).translate([0, 0]);center: 中心经纬度scale: 转换后坐标缩放系数translate:转换后平移量功能点简单光效自主材质调节(演原创 2021-01-01 17:41:29 · 2449 阅读 · 0 评论 -
ThreeJS车辆简单渲染及控制系统
简单的PBR应用,该例子仅有简单全局光,多依赖环境光,优化金属光泽及车漆效果。并带有控制遥杆进行运动控制体验地址:点我原创 2020-12-28 23:34:27 · 1332 阅读 · 2 评论