可供react引入的live2d看板娘

本来就是个动漫控，之前vue开发的个人博客被黑客攻陷洗库洗源码后，顺便就用react重新开发了个人博客。但是问题来了，之前vue的博客布局到处充满了动漫背景就有没看板娘没关系。现在所做的个人博客稍显空洞（空虚寂寞）。

网上找到的看板娘，大多数是静态引入script，vue也有引入，就react彻底找不到。。而且看了看大多都是以前某大牛吃的鸡，后边都是无限复用的SDK2的源码，我看了看官网的结构，已经达到了4.x了。。本着用新不用旧的观念就对官方的demo魔改成可react引入的live2d看板娘了。下边是使用方式~~

Install

npm install react-live2d

Usage for SPA

如：create-react-app

基础包直接使用script引入，在你个人的react项目的->public->index.html先插入，Core里可获得该min.js

import ReactLive2d from 'react-live2d';

const App = () => (
  <>
    
  
);

比如你想要给页面加入模型Hiyori，那就在你的react项目中的public目录下，将Hiyori放入Resources资源文件夹,如

·
└─ public                     

   └─ Resources

       └─ Hiyori

可以根据个人需要设置看板娘大小、位置、对白等。

更多详细的功能和API文档 在

[github]https://github.com/chendishen/react-live2d

喜欢的react个人开发者请顺手给个star噢，感谢~