Skip to content
This repository has been archived by the owner on Feb 13, 2024. It is now read-only.
/ live2d-widget.js Public archive

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

License

Notifications You must be signed in to change notification settings

xiazeyu/live2d-widget.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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

Backers on Open Collective Sponsors on Open Collective

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.yml 、sources 、 themes ) 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.

Backers

Thank you to all our backers! πŸ™ [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]