Sprite Sheet
Sprite Sheet (Atlas Gambar)
Satu file gambar yang berisi kumpulan gambar atau frame yang lebih kecil yang disusun dalam kisi, digunakan dalam pengembangan game dan web untuk mengurangi permintaan HTTP dan meningkatkan performa rendering.
Detail Teknis
Sprite sheet menggabungkan banyak gambar menjadi satu tekstur dengan algoritma bin-packing. CSS sprite menggunakan background-position untuk menampilkan wilayah: .icon { background: url(sprites.png) -32px -64px; width: 16px; height: 16px; }. Sprite game menggunakan format atlas (JSON/XML) yang mendefinisikan kotak batas, titik pusat, dan data animasi per frame. Texture packing mengoptimalkan kegunaan ruang — algoritma MaxRects dan Skyline mencapai efisiensi >95%. Sprite sheet mengurangi panggilan draw (game) dan permintaan HTTP (web). Alternatif modern: SVG sprite (inline ), icon font, dan HTTP/2 multiplexing membuat CSS sprite kurang diperlukan untuk ikon.
Contoh
```javascript
// Sprite Sheet: processing with Canvas API
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
ctx.drawImage(sourceImage, 0, 0);
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
// Process pixels in imageData.data (RGBA array)
```