ANIMATION > TARGETS

JavaScript Objects

Targets a Plain JavaScript Object.

Accepts

Any Object containing numerical values

JS Object code example

JavaScript

HTML

CSS

const obj = { prop: 0 }; xjs(obj).animate({ prop: 100, update: () => console.log(obj.prop) });

.demo-visual {
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.log-display {
  font-family: monospace;
  color: #fff;
  font-size: 24px;
}

功能说明：以普通 JS 对象作为目标，动画会逐帧更新对象上的数值字段；适合把动画数值“驱动”到任意渲染逻辑中（canvas / webgl / 自定义组件）。

{ prop: 0 }