标签归档:three.js

[WebGL]使用javascript控制模型形变

此博文由一个话题引出,原话题是通过滑条控制页面上显示3D模型的某个部分,于是我就来尝试了一下。

由于Three.js我也已经2年没碰了,而且在项目里只用过一次,所以并不是很清楚它是否能通过本身的功能达到这个效果,甚至一开始我已经在想手搓点坐标来达到目标了。

但手搓点坐标实在太麻烦了一点,我就回到blender想看看通常用于控制形变的形态键是否可以导出来使用,然后发现确实可以,这样就方便了,只要控制形态键的数值就可以对模型的形态进行定量控制,以下是操作过程: 继续阅读[WebGL]使用javascript控制模型形变

itisModelViewer 模型查看器

花几天用three.js糊了一个用于在网页上加载模型并查看的小东西,名字随便起的,用于以后显示一些物体的扫描建模和3D打印做的模型。

地址:https://github.com/JiaJiaJiang/itisModelViewer

目前代码没高兴整理,反正本来写的也不乱,就是对象的方法排序不太讲究。加载器只写了gltf一家和fbx的,虽然加载器都是现成的,不过因为我把js打包了,现在已经有1M多了(没压缩),所以我不用的加载器我都没写进去。

现在也还没写UI,只支持拖动查看,有生之年应该会加入从场景中的相机视角查看以及控制灯光之类的。

在前面那个win hello摄像头的文章里我已经把模型插进去了,这里再放几个演示,如果本页有模型没有加载出来就刷新一下,我的土豆服务器可能不太愿意把文件吐出来

继续阅读itisModelViewer 模型查看器