龙空技术网

Js震撼人心的超酷人体模型类库Mannequin.js

紫王 1925

前言:

现时看官们对“产品展示js”大约比较关心,各位老铁们都需要分析一些“产品展示js”的相关资讯。那么小编同时在网络上搜集了一些对于“产品展示js””的相关文章,希望我们能喜欢,各位老铁们快快来学习一下吧!

简要介绍

mannequin.js是一款可以通过JavaScript实现控制人体关节模型的超酷类库。mannequin.js基于经典的Three.js库,官网所展现的Demo效果令人惊奇到掉了下巴,真的是震撼!

接下来说下细节。首先,它可以选择创建Male、Female、Child三种人体模型。其次,每种模型可以细分到头部、颈部、躯干、骨盆。上肢可以细分为手臂、肘部、腕部和手指,下肢可以细分为腿,膝盖和脚踝。模型还可以设置动态或者静态的姿势。通过这个类库让前端开发者开启上帝模式,随心掌控模型的一举一动。

Github地址

安装

直接下载文件mannequin.min.js

引用

<script src="three.min.js"></script>

<script src="mannequin.min.js"></script>

效果

<!DOCTYPE html>

<html>

<head>

<script src="three.min.js"></script>

<script src="mannequin.min.js"></script>

</head>

<body>

<script>

createScene();

var man = new Male();

</script>

</body>

</html>

标签: #产品展示js