Hi I recently created a javascript game, in this game, math random is used to pick a random shape.

The shapes are in strings, and the associated numbers within the string are then used to show a color.

Is there any way to replace the simple hex colors with an image?

For example:

else if (shape === "H"){
    return [[8,8,8],

The "8" ties into the following string to get the #F10B38 color.

const color = [null,"#FF2D00","#FF9300","#51FF00","#00FF93","#0087FF","#4E49A7","#9649A7","#F10B38"];
  • 1
    \$\begingroup\$ I am not sure what you are trying to do. Is the return value in that first code snippet supposed to be a 3x3 bitmap where all 9 pixels are the color 8 (#F10B38)? Why not just load sprites as images? \$\endgroup\$ – Philipp Nov 22 '20 at 17:04
  • \$\begingroup\$ yes so its a tetris style game, and the 3x3 block is now just a solid color. I was trying to change that from being a solid color to being an image, or maybe something a bit more stylish than a simple solid color \$\endgroup\$ – user145312 Nov 22 '20 at 21:24
  • \$\begingroup\$ So what you actually want to ask is how to use images in Javascript? Are you using canvas or DOM to visualize your game? \$\endgroup\$ – Philipp Nov 22 '20 at 22:05

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.