ngx-live2d v1.0.0

about

基于 live2d.js 构建的 angular17 版本的 live2d 库

Install

npm install --save ngx-live2d
#or
yarn add ngx-live2d
#or
pnpm add ngx-live2d

Usage

import { Component, signal } from "@angular/core";
import { NgxLive2dComponent, POSITION, ASSETS_TYPE, BUILTIN_MODEL } from "ngx-live2d";
@Component({
  selector: "app-home",
  standalone: true,
  imports: [NgxLive2dComponent],
  templateUrl: "./home.component.html",
  styleUrl: "./home.component.less",
})
export class HomeComponent {
  /**
   * 模型位置 默认POSITION.BOTTOM_RIGTH 右下角
   */
  position = signal(POSITION.BOTTOM_RIGTH);
  /**
   * 配置
   * @assetsType 资源类型，ASSETS_TYPE.INTERIOR内置 ASSETS_TYPE.EXTERNAL 外部资源
   * @assets 资源名称或链接
   */
  configuration = signal({
    assetsType: ASSETS_TYPE.INTERIOR,
    assets: BUILTIN_MODEL.EPSILON2,
  });

  /**
   * 模型单击事件
   */
  modelClickRun() {
    console.log("modelClickRun");
  }
}

<div class="page">
  <ngx-live2d [position]="position()" [configuration]="configuration()" (OnModelClick)="modelClickRun()" />
</div>

API

BUILTIN_MODEL

bugs

https://github.com/stack-stark/ngx-live2d/issues