wangjiezhe / live2d-widget.js

Live2D on webpages with out-of-the-box experience.

Home Page:https://l2dwidget.js.org/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

This repo is beyond maintenance. For better implementation and support, please refer https://github.com/stevenjoezhang/live2d-widget

npm deps devdeps

downloads downloads-month

GitHub stars GitHub forks GitHub issues

Commitizen friendly PRs Welcome license

DOI

live2d-widget.js

Add the Sseexxyyy live2d to your webpages! Seperated from hexo-helper-live2d.

Demo: Still working, but you can have a look~

Docs(including APIs): Click me!

Online generator: TBD.

Useage

Hexo

Please visit hexo-helper-live2d for the hexo plugin.

Webpages

File on your server

Download the latest release,

and then copy and extract the lib folder to your website.

Use online generator (recommended) to generate codes.

However, if you want to do it manually, follow the instruction below:

import the js:

<script src = "( your script path here )"></script>

Then call the function along with your config.

L2Dwidget.init({
  'config1': 'value1',
  'config2': 'value2',
});

Bookmark (any pages)

TBD.

https://www.cnblogs.com/pcyy/p/5655542.html

Settings

See the document.

Current supported models:
  • chitose
  • Epsilon2.1
  • Gantzert_Felixander
  • haru01
  • haru02
  • haruto
  • hibiki
  • hijiki
  • izumi
  • koharu
  • miku
  • nico
  • ni-j
  • nipsilon
  • nito
  • shizuku
  • tororo
  • tsumiki
  • Unitychan
  • wanko
  • z16

Custom model

  1. Create a live2d_models folder at your blog's root directory.

  2. Create a folder by the name of your model.

  3. Copy your model to this folder.

Attention! The path of the model's json must be /live2d_models/{name}/{name}.model.json

An Example:

Your model is named mymiku.

Then, create a folder at / (Which should exists _config.ymlsourcesthemes ) named mymiku.

Copy your model to /live2d_models/mymiku/.

Up to now, there should be mymiku.model.json in the directory of /live2d_models/mymiku/.


The problem was once releated to (#22).


See WEBPACK VISUALIZER

Enjoy!:beer:

This is my first hexo plugin, star ⭐ and watch 👓, pull request is also welcomed.

Github: https://github.com/EYHN/hexo-helper-live2d

issues: https://github.com/EYHN/hexo-helper-live2d/issues

Contribute

Please pay enough attention to this document if you want to commit your changes or submit issues.

CONTRIBUTING

Releated projects

About me

Author

Author Email

Collaborator 0

Collaborator 0 Email

Imported

current-device

Special Thanks

  • @mashirozx
  • @fghrsh
  • @journey-ad
  • @gwzz

Open sourced under the GPL v2.0 license.

Contributors

This project exists thanks to all the people who contribute.

About

Live2D on webpages with out-of-the-box experience.

https://l2dwidget.js.org/

License:GNU Affero General Public License v3.0


Languages

Language:JavaScript 99.9%Language:HTML 0.1%