2020年12月9日(水)

Three.jsを使ってマネキンに任意のポーズで表現できるスクリプト・「mannequin.js」

• 0
• 2
• 1
• 5

mannequin.js

See the Pen rNMLqKv by kachibito
(@kachibito) on CodePen.

mannequin.jsはThree.jsを使って3Dマネキンに任意のポーズで表現できるスクリプトです。

上サンプルは公式にあったサンプルに少し手を加えて男性の頭を大きくしてなんだかハッピーな状態にしたものです。

Three.jsを使い慣れていない当方でも割と手軽に操作できましたので技術力のある開発者さんならすぐに使いこなせるんじゃないかなと思います。

Ads

Three.jsとmannequin.jsを読み込みます

createScene(); var man = new Male();

初期化します。

man.position.set(20, 3.5, 0); man.turn(-120); man.head.bend(-30); man.head.turn(30, RIGH...