Sprite

tim50

In p5 not processing, does anybody know how to turn this sprite thing into full graphics? I'm a total noob.

https://github.com/maxwihlborg/youtube-tutorials/blob/master/space-invaders/res/invaders.png

kfrajer

You load the file using loadImage for example. Then, you use the get() method with 4 parameters: https://p5js.org/reference/#/p5.Image/get

var masterImg=loadImage(" ... ");

//Retrieving first image (out of 8)
var w1 = ?? ;  // Width of your first subimage in the image.. you need to get it manually
var h1=masterImg.height/2.0;
var alien1=masterImg.get(0,0,w1,h1);

You need to get the pixel coordinates of every sub-image in the main image manually.

Kf

GoToLoop

Coords.: https://GitHub.com/maxwihlborg/youtube-tutorials/blob/master/space-invaders/index.html#L58-L63