AABB
AlignmentBehavior
ArriveBehavior
AStar
BFS
BoundingSphere
BVH
BVHNode
Cell
CellSpacePartitioning
CohesionBehavior
CompositeGoal
ConvexHull
Corridor
CostTable
DFS
Dijkstra
Edge
EntityManager
EvadeBehavior
EventDispatcher
Behavior
FollowPathBehavior
FuzzyAND
FuzzyCompositeTerm
FuzzyFAIRLY
FuzzyModule
FuzzyOR
FuzzyRule
FuzzySet
FuzzyTerm
FuzzyVariable
FuzzyVERY
GameEntity
Goal
GoalEvaluator
Graph
GraphUtils
HalfEdge
HeuristicPolicyDijkstra
HeuristicPolicyEuclid
HeuristicPolicyEuclidSquared
HeuristicPolicyManhattan
InterposeBehavior
LeftSCurveFuzzySet
LeftShoulderFuzzySet
LineSegment
Logger
MathUtils
Matrix3
Matrix4
MemoryRecord
MemorySystem
MeshGeometry
MessageDispatcher
MovingEntity
NavEdge
NavMesh
NavMeshLoader
NavNode
Node
NormalDistFuzzySet
OBB
ObstacleAvoidanceBehavior
OffsetPursuitBehavior
OnPathBehavior
Path
Plane
Polygon
Polyhedron
PriorityQueue
PursuitBehavior
Quaternion
Ray
RectangleTriggerRegion
Regular
RightSCurveFuzzySet
RightShoulderFuzzySet
SAT
SeekBehavior
SeparationBehavior
SingletonFuzzySet
Smoother
SphericalTriggerRegion
State
StateMachine
SteeringBehavior
SteeringManager
Task
TaskQueue
Telegram
Think
Time
TriangularFuzzySet
Trigger
TriggerRegion
Vector3
Vehicle
Version
WanderBehavior

active

介绍

active 方法被用来在一个 DOM 节点达到触发条件时,对其进行激活操作。这个方法是 Yuka.js 库中 ArriveBehavior 模块的一部分,可以使得在元素动态创建时,会自动触发该方法所绑定的操作,从而提高开发效率。

用法

active 方法有一个参数,即要绑定的操作函数。该函数将在 DOM 节点被创建时自动触发。

语法

active(callback);

参数

  • callback:要绑定的操作函数。

返回值

该方法无返回值。

例子

import { ArriveBehavior } from 'yuka';

const behavior = new ArriveBehavior('#app', (element) => {
    // 在 #app 下创建的所有元素都会执行以下操作
    element.style.border = '1px solid red';
});

// 绑定操作函数
behavior.active(callback);

在上述例子中,当创建一个元素,并将该元素添加到 #app 标识符所代表的 DOM 元素下时,该元素会自动执行绑定的操作,即为其设置红色边框。

注意事项

  • 该方法只在元素被动态创建时触发,意味着对于已经存在的元素不会进行操作。
  • 在使用该方法前,需要确保已经对 ArriveBehavior 模块进行了正确的导入。