1. 首页
  2. >
  3. 前端开发
  4. >
  5. Javascript

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

简要介绍

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

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

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

Github地址

https://boytchev.github.io/mannequin.js/

安装

直接下载文件mannequin.min.js

引用

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

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

效果

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

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

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

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

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

<!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>