- 博客(15)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 npm 7 install问题
ERESOLVE与npm@7有关的问题很常见，因为npm7.x对某些事情比npm6.x更严格。通常，最简单的解决方法是将–legacy-peer-deps标志传递给npm(e.g.，npm i --legacy-peer-deps），或者直接降低npm版本.
2021-04-12 12:52:27
822
原创 ThreeJS后处理扫描效果
通过深度纹理在着色器中计算世界坐标，进行相应的后处理操作，避免的需要进行扫描效果绘制是对每个物体的材质改变原理参考unity中制作方法演示地址点我
2021-03-03 12:06:44
1458
1
原创 ThreeJS+人脸关键点美妆玩法
随着人工智能的迅猛发展，市场上的AR应用及玩法层出不穷。web端流量代表淘宝、微信小程序中也新增了不少AR类接口。此处将常见的美妆型玩法从手机应用进行了一次web端的移植：人脸关键点采用face++的数据源不采用canvas而使用webgl绘制效率完全能达到实时效果（淘宝小程序就提供实时人脸接口)普通H5实时可行但是局限性太大像IOS只有safari支持webRTC,不过静态方式也是不错的选择图示演示链接点我...
2021-01-16 19:48:22
1236
原创 常见建模软件导出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
11041
1
原创 ThreeJS中outlinePass的色差问题
在threejs官方实例中outlinePass的应用里renderer使用的是默认的颜色空间，其渲染我们发现是未造成色差。然而，通常我们会采取gamma矫正来渲染光线敏感型场景，从而使用一些其他的颜色空间，这样直接使用outlinePass勾勒轮廓会使整体场景颜色变暗（产生色差），而且这个问题在大部分Pass中均会出现，侵入性较低的改法为将outlinePass的源码提出，在其中的render方法下修改代码块如下图所示： if ( this.renderToScreen ) { this..
2021-01-05 17:26:44
2999
12
原创 移动端浏览器IOS13以上，陀螺仪调用注意事项
移动端iOS更新到13版本以后 许多全景图等场景陀螺仪失效解决方案如下：需要HTTPS协议隐私设置开启运动传感器监听事件代码调整，iOS13以后会新增window.DeviceOrientationEvent的API，orientationchange的事件用于处理横竖屏转换，没用到可忽略。要额外注意的是其触发条件与音视频自动播放的安全协议相同，需要用户交互事件的主动触发例如点击事件之后。监听添加代码如下： // iOS 13+ if ( window.DeviceOrientation
2021-01-04 23:33:49
1927
原创 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
2452
转载 游戏美术基础：游戏贴图
一、贴图的作用：贴图的作用是描述物体表面的材质，我们创作出的纹理与材质在游戏引擎（虚拟世界）中与光交互。二、颜色贴图颜色贴图有三种叫法：Base Color Map， Albedo Map， Diffuse Map，因为工作流不同，所以叫法不一样，而且本质上也有区别Diffuse map漫反射贴图光照模型在Lambertian（兰伯特材质球）着色器中会把颜色贴图叫做Diffuse Map（也叫颜色贴图），通常在绘制这张Diffuse Map的时候会把物体的结构阴影信息也绘制进去。在传统工作流中，D
2020-12-29 16:10:01
3884
原创 ThreeJS车辆简单渲染及控制系统
简单的PBR应用，该例子仅有简单全局光，多依赖环境光，优化金属光泽及车漆效果。并带有控制遥杆进行运动控制体验地址：点我
2020-12-28 23:34:27
1333
2
原创 H5 判断页面是否处于前台
平时制作H5互动时会有页面切出去需要关闭音乐或者暂停进度的需求，此段代码可用于浏览器页面是否处于前台的判断。此处用了数组承载监听事件是为了多个组件使用的情况，可自行封装成订阅或注册模式。源码如下：window.pageShowCbList = [];window.pageHideCbList = [];window.onload = () => { pageShowOrHide( () => { for (var i = 0; i <
2020-12-27 19:49:28
1843
1
原创 使用宝塔面板建立FTP时无法连接问题
明明FTP建立成功了为何连接不上呢？多半是因为防火墙端口限制问题如下图：该图时宝塔面板创建FTP时自动更改的防火墙设定，同时我们要将同样的端口在我们服务器的某某云内的防火墙设置内打开，尤其注意被动模式的端口开启，这个往往会被忽略。...
2020-12-26 20:42:41
655
原创 python3图片横向拼接（雪碧图制作）
使用python快速将序列图集转为雪碧图注意事项：图片输出输出格式部分经过压缩软件压缩的图片合成后回损失透明通道，尽量使用原图合并源码如下：from os import listdirfrom PIL import Imagepath = 'xxxxx'//目录地址dirs = listdir(path)ims = [Image.open(('%s/%s' % (path, fn))) for fn in sorted(dirs) if fn.endswith('.jpg')]
2020-12-26 20:39:54
566
原创 H5 canvas制作数字连线效果
小时候都玩过数字连线画册，这里我们用canvas将它实现逻辑要点：canvas无法进行回撤操作，即每一步都需要完整的重新绘制为了体验更好此处做了一个简单的矩形范围吸附效果，完善可以更改成圆形范围演示链接：点我源码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>小互动-数字连线</title> <meta nam
2020-12-26 19:11:13
777
原创 H5 canvas制作刮刮卡效果并计算清理结果
简要步骤如下1.绘制底图 载体任意DOM CANVAS 图片皆可2.canvas绘制交互区域 纯色或图片皆可3.设定混合模式 “destination-out” 关键4.根据交互情况绘制清理区域计算绘制结果1.原理：检测canvas绘制结果像素点的透明度情况2.要点：像素过多的情况不必每个像素都对应检测 耗时过大 可自行设计采样方式演示链接：https://www.easonyi.com/demo/scratchcards.html源码如下：<!DOCTYPE html>
2020-12-26 16:50:45
310
Dlib FaceLandmark Detector 1.3.0.unitypackage
2020-05-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人