avgjs / Pixi Live2d
Licence: other
Display live2D model as a sprite in pixi.js.
Stars: ✭ 537
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Pixi Live2d
Pixi Seed
Pixi.js project seed with ES6 and webpack
Stars: ✭ 149 (-72.25%)
Mutual labels: pixijs, pixi
pixi-shim
PIXI.js Back-End "shim". For mocking Canvas in Node.js with ❤️
Stars: ✭ 45 (-91.62%)
Mutual labels: pixijs, pixi
React Pixi Fiber
Write PixiJS applications using React declarative style.
Stars: ✭ 568 (+5.77%)
Mutual labels: pixijs, pixi
D Zone
An ambient life simulation driven by user activity within a Discord server
Stars: ✭ 466 (-13.22%)
Mutual labels: pixijs, pixi
Leaflet.pixioverlay
Bring Pixi.js power to Leaflet maps
Stars: ✭ 264 (-50.84%)
Mutual labels: pixijs, pixi
Pixi Sound
WebAudio API playback library, with filters. Modern audio playback for modern browsers.
Stars: ✭ 201 (-62.57%)
Mutual labels: pixijs, pixi
Pixi.js
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Stars: ✭ 34,982 (+6414.34%)
Mutual labels: pixijs, pixi
pixijs-ts-boilerplate
Just another PixiJS Typescript Boilerplate with some basic functionalities
Stars: ✭ 54 (-89.94%)
Mutual labels: pixijs, pixi
live2d-viewer-web
Web implementation of Live2D Viewer.
Stars: ✭ 42 (-92.18%)
Mutual labels: pixijs, live2d
Gown.js
UI system for pixi.js inspired by feathers-ui
Stars: ✭ 195 (-63.69%)
Mutual labels: pixijs, pixi
nep-live2d
Live2D wallpaper for Neptune, running on Wallpaper Engine.
Stars: ✭ 45 (-91.62%)
Mutual labels: pixijs, live2d
pixi-miniprogram
一个可运行于微信小程序的PIXI引擎,通过模拟window环境,有些功能小程序无法模拟,就直接修改了PIXI引擎代码,最终使得PIXI引擎正常运行在小程序上
Stars: ✭ 72 (-86.59%)
Mutual labels: pixijs, pixi
pixi-live2d-display
A PixiJS plugin to display Live2D models of any kind.
Stars: ✭ 254 (-52.7%)
Mutual labels: pixijs, live2d
pixi-omber-gltf2-vector
Pixi.js library for using vector art created in Omber that's saved in glTF 2.0 format
Stars: ✭ 13 (-97.58%)
Mutual labels: pixijs, pixi
Facemoji
😆 A voice chatbot that can imitate your expression. OpenCV+Dlib+Live2D+Moments Recorder+Turing Robot+Iflytek IAT+Iflytek TTS
Stars: ✭ 320 (-40.41%)
Mutual labels: live2d
Detect Gpu
Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
Stars: ✭ 460 (-14.34%)
Mutual labels: pixijs
Poster Girl L2d 2233
🍬 The live2d poster girl plugin of 22&33 for WordPress
Stars: ✭ 517 (-3.72%)
Mutual labels: live2d
Webosu
➤⓵ web rhythm game (unofficial osu!) http://osugame.online/
Stars: ✭ 434 (-19.18%)
Mutual labels: pixi
pixi-live2d
Display live2D model as a sprite in pixi.js.
Installation | Example | API | License | Donation
Pixi-live2d is a plugin for pixi.js for displaying live2D model as a sprite in pixi.js.
- Only available in WebGL
- ECMAScript 2015+
- Have a look at example!
- Make me know if you use my plugin for cool things!
Installation
npm install pixi-live2d
Attention
Because of the SDK policy of Live2D Inc., SDK file has been removed from the package, so you have to download and import it by yourself.
for example in HTML file:
<script src="live2d.min.js"></script>
or just require it
require('live2d.min.js');
Example
import PIXI from 'pixi.js';
import 'pixi-live2d';
const renderer = new PIXI.WebGLRenderer(800, 600);
document.body.appendChild(renderer.view);
const stage = new PIXI.Container();
const live2dSprite = new PIXI.Live2DSprite(modelHaru);
stage.addChild(live2dSprite);
live2dSprite.startRandomMotion('idle');
live2dSprite.on('mousemove', (evt) => {
const point = evt.data.global;
live2dSprite.setViewPoint(point.x, point.y);
});
function animate() {
requestAnimationFrame(animate);
renderer.render(stage);
}
animate();
You can find a more complex one at example
folder, or visit it online.
API
License
This plugin is distributed under MIT license, and you should agree with the licenses of Live2D and pixi.js.
For more detail, please read LICENSE.txt.
Donation
The plugin is free for charge, if you like it don't forget to buy me a coffee!
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].