A jQuery-like pixi.js selector.
import { Application, Text, Container, Sprite } from 'pixi.js' import query from '@amoy/query' const game = new Application({ width: window.innerWidth, height: window.innerHeight, }) query(game.stage) const t1 = new Text('Hello World.', { fill: 0xffffff, }) t1.class = 'text' t1.x = 200 t1.y = 200 const t2 = new Text('Hello World.', { fill: 0xffffff, }) t2.name = 'text' t2.x = 300 t2.y = 300 const s1 = Sprite.from(document.querySelector('img')) game.stage.addChild(t1, t2, s1) $('[class=text]') // t1 // or $('.text') // t1 $('[name=text]') // t2How to extend a method:
import query from '@amoy/query' query.extend({ methodName() { for (let i = 0; i < this.length; i++) { // this[i] // do something on `this[i]` } } }) $('sprite').methodName()