GithubHelp home page GithubHelp logo

live2d-widget's Introduction

Live2D-Widget

a little cross-platform desktop widget based on the Live2D Sample App in the SDK

nw.js builds are avaliable on http://nwjs.io/

Tested on all 3 platforms with nw.js version 0.12.x

UPDATE March 20th, 2016

  • context menu (exit button added)
  • preserve window state and position
  • auto-load models (scans for *.model.json)

Usage:

  • adjust window size in package.json
  • move: look
  • scroll: zoom
  • l-click: touch
  • r-click: context menu - change models, always on top, and exit

Install (Windows/Linux):

  1. extract the right nw.js package to the root directory
  2. optionally edit package.json for window size
  3. run nw(.exe)

Install (Mac OS):

  1. rename the root directory to app.nw
  2. put it inside nwjs.app/Contents/Resources/
  3. optionally edit package.json for window size
  4. run nwjs.app

Add/Remove Models:

  1. put/delete model folder inside assets/

  2. (add only) inspect your *.model.json, make sure it implements the idle motion

  3. (add only) optionally implement the tap_body motion with proper hit_areas defined

  4. (add only) if the model doesn't fit properly inside your window, add/edit the layout section inside *.model.json

    (see assets/haru/haru.model.json for reference)

Troubleshooting

  • Gettiing audio to work: 2 possible solutions.
    • follow this guide to get MP3 in nw.js
    • convert all audio to Vorbis (ogg/oga)

Issues/Todo:

  • transparency in linux doesn't work unless GPU is disabled but WebGL requires GPU
  • transparency in Mac OS will show a visible title string

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.