Facerig Live2d Module Free Download
Whatever you can build, you can use in facerig, but you DO need to know 3d modelling and animation to build your own avatars ( FaceRig will not build the 3d assets for you, it just imports, lights, animates and streams out / renders them). FaceRig was created by experienced game developers who wanted to extend in-game avatars to the real world. FaceRig uses the webcam in a computer or laptop to automatically track facial features while running. The webcam detects key points on your face such as the eyes, eyebrows and mouth.
Read this in other languages: English, įŽäŊä¸æ.
Add the Sseexxyyy live2d to your hexo!
Demo: https://l2dwidget.js.org/dev.html
Author's original Blog: https://huaji8.top/post/live2d-plugin-2.0/
Installation
Hexo
Install module:
try yarn add hexo-helper-live2d
for better installation experience.Yarn
- If you want to use new injector, which will inject to all pages:
Please delete {{ live2d() }}
or <%- live2d() %>
before </body>
inlayout/layout.ejs
or layout/_layout.swig
.
- If you want to use the old replace mode, which only replace
live2d
tag:
Keep {{ live2d() }}
or <%- live2d() %>
, and turn the tagMode
config to true
.
We recommend you to use npm install --save hexo-helper-live2d@3.x
to forceinstall the latest version.
Please insert {{ live2d() }}
(swig) or <%- live2d() %>
(ejs) before </body>
in whichever pages you want to insert. And turn tagMode
config to true
, and then live2dwidget will only be on those who have live2d
tag.
Others, for jekyll, wordpress, etc
See live2d-widget.js WIP.
Config
Add configuration in hexo's _config.yml
file or theme's _config.yml
.
An Example:
Detail settings
Settings is divided into helper-specific ones and general ones,You can merge these two into your _config.yml
file.
Helper-specific
To see Chinese explainations, please have a look at Chinese document.
General Settings
Recentlly may changes quickly, but don't worry, it won't make huge changes.
See live2d-widget.js API
An example:
Models
There are many ways to use different models:
a. live2d_models's subfolder name
Create a
live2d_models
folder at your blog's root directory.Create a folder by the name of your model.
Copy your model to this folder.
Type the folder name into
model.use
in_config.yml
.
Your model is named mymiku
.
Then, create a folder at /
(Which should exists _config.yml
, sources
,themes
) named mymiku
.
Copy your model to /live2d_models/mymiku/
.
Facerig Live2d Module Free Download Free
Up to now, there should be an .model.json
file (for example, mymiku.model.json
)
in the directory of /live2d_models/mymiku/
.
Type mymiku
into model.use
in _config.yml
.
b. custom path relative to hexo base dir
You can just type your model folder's path which is relative to hexo base dir.
An example: ./wives/wanko
c. npm module's name
use exist ones
We alreday have tons of models, check this out
live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru/01
(usenpm install --save live2d-widget-model-haru
)live2d-widget-model-haru/02
(usenpm install --save live2d-widget-model-haru
)live2d-widget-model-haruto
live2d-widget-model-hibiki
live2d-widget-model-hijiki
live2d-widget-model-izumi
live2d-widget-model-koharu
live2d-widget-model-miku
live2d-widget-model-ni-j
live2d-widget-model-nico
live2d-widget-model-nietzsche
live2d-widget-model-nipsilon
live2d-widget-model-nito
live2d-widget-model-shizuku
live2d-widget-model-tororo
live2d-widget-model-tsumiki
live2d-widget-model-unitychan
live2d-widget-model-wanko
live2d-widget-model-z16
You can use npm install {your model's package name}
to install,
and type it into model.use
in _config.yml
to use it.
make your own ones
- Create an folder, use your node environment run
npm init
, we recommendyou to name it like
live2d-widget-model-xxx
.
- Create an
assets
folder in the folder you just created, copy your modelfiles into it.
Here's an example:
Use
npm publish
to publish it.Then use
npm install --save live2d-widget-model-xxx
,
and you can just type your package name(live2d-widget-model-wanko
) into model.use
d. Your own CDN
If you are disappointed without CDN, you can just type your own .model.json
url into model.use
.
Enjoy!
Cheer for the 3.0 version and the new year!~
This is my first hexo plugin, star
Screenshots
Contribute
Please pay enough attention to this document if you want to commit your changes or submit issues
This may help you a lot. All kinds of contributions are welcome.
Releated projects
Contributors
About me
Imported
Open sourced under the GPL v2.0 license.
Contributors
This project exists thanks to all the people who contribute.
Backers
Thank you to all our backers!
Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]