- 博客(5)
- 收藏
- 关注
原创 关于在微信小程序使用WebglCanvas和ThreeJs开发的二三事(三)
书接上文,经过一二回的代码后我们可以随意控制画布的大小位置,且适配于各种真机,也大致解决了锯齿的问题,可以使用ThreeJs进行正常的3D渲染。那么接下来就是要做的就是模型贴图的加载和渲染了。首先我选择使用的3D文件类型gltf文件,至于为什么请自行度娘。...
2020-05-08 17:43:56 6708 32
原创 关于在微信小程序使用WebglCanvas和ThreeJs开发的二三事(二)
书接上文,在解决了canvas后让我们来正式进入ThreeJs部分。这个部分大致分为:ThreeJs的引用 gltf模型贴图加载与渲染 控制模型的旋转平移一 ThreeJs的引用官方已经出了ThreeJs小程序 WebGL 的适配版本,按照官方的教程操作即可。https://developers.weixin.qq.com/miniprogram/dev/extended/uti...
2020-04-30 14:30:43 2964 1
原创 关于在微信小程序使用WebglCanvas和ThreeJs开发的二三事(一)
最近应公司项目需求要在微信小程序上进行3D模型渲染,还要调用微信摄像头所以不能直接上webview只能使用微信的WebglCanvas来做。过程中踩了一些坑,现在功能基本达到所以打算记录下遇到的问题与解决办法思路,希望对自己和也在微信WebglCanvas上踩坑的小伙伴所有帮助,也希望官方可以及时填坑。在开发中遇到的问题大致如下:动态调整画布的大小,位置。 ThreeJs的引入与使用。...
2020-04-29 16:10:35 5179 2
原创 U3D Shader 实现Gerstner波及实时法线计算
最近终于在U3D上自己实现了Gerstner波,其中参考了他人文章,也自己踩了坑,写一篇博客记录下问题。一 Gerstner波 在水面模拟中我们常会使用到正弦函数叠加来模拟波的形状,这可能是绘制一个平静的,田园诗般的池塘所需的。对于粗狂的海洋,需要形成比较尖的浪头和比较宽的浪槽,这时候我们需要使用Gerstner波。简单来说Gestner波是将顶点向波峰聚集,从而形成尖的浪头...
2018-10-28 17:05:25 1482
原创 U3D使用Resources.Load读取Xml时的几点注意点
一 路径的格式使用Resources.Load 读取Xml文件时路径的写法与读取其他资源相同,但要注意不要加后缀.xml。加了会引起文件读取不到,导致xml内容为null二 使用 XmlDocument.LoadXml解析TextAsset在使用Resources.Load 读取xml文件并转换为TextAsset 类型后,需要使用XmlDocument.LoadXml对textAsset进行解析...
2018-04-26 14:17:48 2685
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人