threejs-renderers

What it does: This skill controls how three.js draws 3D graphics to your screen. It handles setting up the drawing engine, sizing the image to match your window, managing colors and brightness, and creating special surfaces to draw on before showing the final result. It also provides tools to measure performance and overlay 2D or 3D elements on top of your main scene. When to use it: Use this skill when you are setting up your 3D graphics window, adjusting how sharp the image looks, changing brightness or color tone, or drawing to hidden surfaces for special effects. Use it when you need to measure how fast your graphics are running or when you want to add HTML elements or vector graphics on top of your 3D scene.