@ dotcraft/ avatar (英语)

从特工名字里调出一个一致的DotCraft同伴 反应组件需要反应19; 软件包根没有反应.

安装

npm install @dotcraft/avatar

变相器

在应用程序中导入样式表一次 .

import { Avatar } from '@dotcraft/avatar/react'
import '@dotcraft/avatar/styles.css'

export function AgentIdentity() {
  return <Avatar name="Reviewer" size={36} label="Reviewer" />
}

导入 deriveAppearance 从 @dotcraft/avatar 当应用程序需要相同时 名称生成的外观没有反应.

跟随指针

useAvatarGaze 将每个元件的相向向向指针。 打开它 只是在阿凡达闲置的时候 过 within 只在元素内部跟踪 reach 设置 在CSS像素中,视线距离阿凡达中心有多远达到极限.

const face = useRef<HTMLSpanElement>(null)
useAvatarGaze(face, { enabled: state === 'idle' })

return <span ref={face}><Avatar name="Reviewer" size={60} state={state} motion="system" /></span>

收藏

外出会填补五个独立的空档: head, (中文(简体) ), face, (中文(简体) ), hand, (中文(简体) ), back,以及 skin每一个 条目 登记 携带稀有(common 改为 legendary),系列,以及 ;共享一个区域的项目从未一起出现。 名称引出每个 插槽的稀有的共享重量,所以传说中的物品是稀有而可及的. 使用 equip(appearance, slot, id) 更改一个位置并澄清相互冲突的位置 目录 用于显示名称、稀有铬颜色和系列标签.

效果属于以下物品: chrome 财务报告和审定财务报表 holographic 换上身体的涂料, 发光的东西脉冲, 和克伊环绕身体。 仅在44px及以上有运动效果 启用; 较小的可视化器使其静态相框, 和可视化器在20px和下放相,手, 覆盖皮肤, 和效果层完全。 该模型在 规格/地貌/avatar-system.md。 。 。 .

见 类型脚本 SDK 引用 联 合 国 现有切入点.