The Excalibur browser extension got a massive upgrade! 🔍
New features:
ECS system timing sparklines for perf debugging!
Color blindness simulation for a11y testing!
Change debug draw colors on everything!
Scene navigation buttons!
Screen & camera details panel!
Tweak Physics Settings on the Fly!
![```typescript
const query = new Query({
// all fields are optional
components: {
all: [ComponentA, ComponentB] as const, // important for type safety!
any: [ComponentC, ComponentD] as const, // important for type safety!
not: [ComponentE]
},
tags: {
all: ['tagA', 'tagB'],
any: ['tagC', 'tagD'],
not: ['tagE']
}
})
// previous constructor type still works and is shorthand for components.all
new Query([ComponentA, ComponentB] as const)
```](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:xvtgxjmootxod3r2lanjhuuy/bafkreifopmeknezbx7v6zmplshttajqgv6ijm4dhljupwgco4zkp24uswi)
![```typescript
import * as ex from 'excalibur'
const soundManager = new ex.SoundManger({
channels: ['fx', 'music', 'background'],
sounds: {
jumpSnd: { sound: jumpSnd, volume: 0.4, channels: ['fx'] },
forestSnd: { sound: forestSnd, volume: 0.2, channels: ['music', 'background'] },
challengeMusic: { sound: challengeMusic, volume: 0.2, channels: ['music'] },
guitarLoop: { sound: guitarLoop, volume: 0.2, channels: ['music'] }
}
});
// play a specific sound
soundManager.play('jumpSnd');
// mute a specific channel with all member sounds
soundManager.channel.mute('music');
// mute all sound
soundManager.mute();
// unmute all sound that was previously muted, and resume playing from the current location
soundManager.unmute();
// unmute a specific channel that was muted
soundManager.channel.unmute('music');
// play a specific channel
soundManager.channel.play('music');
// set the max volume of an entire channel
soundManager.channel.setVolume('music', 0.9);
```](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:xvtgxjmootxod3r2lanjhuuy/bafkreie6fw3zhrnvatd22egkdhtws6trebaegaqysef3tf4ytuaugyygvm)
![Code Snippet
```typescript
import { Graph } from 'excalibur';
// Create an empty graph of strings
const graph = new Graph<string>();
// Add a few nodes with string data
const nodeA = graph.addNode("A");
const nodeB = graph.addNode("B");
const nodeC = graph.addNode("C");
// Connect nodes with bidirectional edges (default)
graph.addEdge(nodeA, nodeB);
graph.addEdge(nodeB, nodeC);
graph.addEdge(nodeC, nodeD);
graph.addEdge(nodeD, nodeE);
// Check if nodes are connected
const connected = graph.areNodesConnected(nodeA, nodeB); // true
// Get neighbors of a node
const neighbors = graph.getNeighbors(nodeA); // [nodeB]
// Find shortest path from A to C
const { path, distance } = graph.shortestPathDijkstra(nodeA, nodeC);
const aStarResults = graph.astar(nodeA, nodeB);
```](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:xvtgxjmootxod3r2lanjhuuy/bafkreia64cuc3ihn4oqmjmukujvhdw3jfjziq7szmnsbhgyapq3mgjormi)
![Code Snippet:
```typescript
const query = new Query({
// all fields are optional
components: {
all: [ComponentA, ComponentB] as const, // important for type safety!
any: [ComponentC, ComponentD] as const, // important for type safety!
not: [ComponentE]
},
tags: {
all: ['tagA', 'tagB'],
any: ['tagC', 'tagD'],
not: ['tagE']
}
})
```](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:xvtgxjmootxod3r2lanjhuuy/bafkreie6yt33lfw5muf7ucaexlme5k6obof4inb7nhe66tcm4l2ysifn2a)
