I grabbed the colors from the video by pausing the video when the background color changes, taking a screenshot , and uploading that screenshot to https://imageresizer.com/color-picker to extract the color. I assigned these to the fill attribute of each rect. - Source: dev.to / about 2 years ago

I'm not sure if this is an issue of badly-calibrated monitors, but the three colors on the map should be green (#31BC55), gray (#5B616F), and some shade of red that's too jpegified to get a single hex value. This was done using an online color picker. Source: over 2 years ago

If you just want to get the colors of some specific areas because you're trying to match a color somewhere else you can use an online color picker. Source: over 2 years ago

Another idea! Using a photo to generate your color palette. A quick google gave me https://imageresizer.com/color-picker. You can copy the "Html/Hex" code and paste it into the "RGBA:" field in the Fill and Stroke panel. With a bit of practice (and color theory) you can also get used to checking the RGB and CMYK values to make sure the color you grabbed is what you think it is. (RGB = how much Red, Green, and Blue... Source: about 3 years ago

If you're into video game dev, then PixiJS is something you need to know about. It's a HTML5 game engine that provides a lightweight 2D library across all devices. This latest update has a new package structure, custom builds, graphics API overhaul, and lots more. You can read about all these changes in the PixiJS Migration Guide. Also big congrats to PixiJS for being part of the open source community for ten... - Source: dev.to / 2 months ago

I would need a renderer to display the graphics of my calculations on the "backend". After some research I think pixijs which is written in TS could be a great tool. Source: about 1 year ago

And if that seems to up your alley you could look into Javascript game/renderer frameworks. They have 2D engines like https://github.com/photonstorm/phaser or https://github.com/pixijs/pixijs . Or my personal choice A-Frame which is a 3D, AR and VR engine (XR) https://github.com/aframevr/ . Source: over 1 year ago

This has a high risk of being confused with pixi.js: https://github.com/pixijs/pixijs. - Source: Hacker News / over 2 years ago

WebGL, I hear, has a similar API to OpenGL. (Also, WebGPU is coming at some point.) Or, you could use a thin library that handles the WebGL drawing of sprites for you. I prefer that option over using a full game engine: I find it's better to only include dependencies when they become necessary. I recently tried a web rendering library called PixiJS, and it seemed like a pretty clean and nice-sized API, and... Source: almost 3 years ago