https://github.com/knowscount/qiokian-example

🙊 live2d anime figure vuejs component.
https://github.com/knowscount/qiokian-example

acgn anime guider live2d vuejs

Last synced: about 2 months ago
JSON representation

🙊 live2d anime figure vuejs component.

• Host: GitHub
• URL: https://github.com/knowscount/qiokian-example
• Owner: KnowsCount
• License: mit
• Created: 2021-01-29T02:48:03.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-02-17T14:22:47.000Z (over 4 years ago)
• Last Synced: 2025-03-24T13:37:25.835Z (2 months ago)
• Topics: acgn, anime, guider, live2d, vuejs
• Language: Vue
• Homepage: https://qiokian.vercel.app
• Size: 26.8 MB
• Stars: 14
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




# qiokian - anime in Vue.js!

> 🙊 live2d anime figure Vuejs component.

[![forthebadge](https://forthebadge.com/images/badges/powered-by-coders-sweat.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/uses-badges.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/made-with-vue.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/not-a-bug-a-feature.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/works-on-my-machine.svg)](https://forthebadge.com)

![Shishiro Botan](.assets/shishiro_botan.jpg)

---

## 🔗 Demo Link

[qiokian](https://qiokian.vercel.app)

[qiokian landing page](https://qiokian-landing.vercel.app)

## 🛠 Project setup

### 📥 Install dependencies

```

npm install

```

### 🔨 Compiles and hot-reloads for development

```

npm run serve

```

### 📦 Compiles and minifies for production

```

npm run build

```

## 🧱 Usage

-   Add

    ```html

    

    ```

    into `index.html`

-   globally import the component in `App.vue` and use it. The component is in [@/components/figures.vue](./src/components/figures.vue).

    An exeplar `App.vue` snippet is shown below:

    ```js

    import Figures from "@/components/figures.vue";

    export default {

    	components: {

    		Figures

    	}

    };

    ```

## 📈 Plans

-   Shishiro Botan Model (Anyone willing to help?)

-   Fix lint issues

---

Inspired by https://github.com/stevenjoezhang/live2d-widget.

All forms of contribution are welcome, and yes, stars please.