For example, if your application logic uses screen space pixel units, but for the application itself to work properly, it requires a specific resolution.īy default, Unity keeps the canvas element CSS size and the WebGL render target size in sync and provides 1:1 pixel perfect rendering. This helps to not only conserve the GPU fill rate power but also helps if your application is sensitive to the rendering resolution. Decouple the render resolutionĭecoupling the render resolution is useful when implementing downscaled low DPI (Dots per inch) rendering on high DPI display. If the above two canvas size elements do not match, the browser will stretch the rendered WebGL output to fill the visible canvas area on the web page. This size can either be managed 1:1 in sync with the CSS size to provide pixel-perfect rendering, or it can be decoupled from the CSS size. More info See in Glossary resolution that the GPU renders your game to.

Pixel lighting is calculated at every screen pixel. Pixel size depends on your screen resolution. This size specifies the pixel The smallest unit in a computer image. You can configure the canvas size using HTML or JavaScript. This Document Object Model (DOM) specifies the visible area on the web page that the canvas takes up. To configure your WebGL Canvas size, you must consider the following types of canvas size: Canvas Size elements This section describes how to configure the visible size of the WebGL canvas element, and the resolution that the game renders to. More info See in Glossary app, the canvas element is where the browser draws the graphics when rendering a game. The Unity WebGL build option allows Unity to publish content as JavaScript programs which use HTML5 technologies and the WebGL rendering API to run Unity content in a web browser. In a WebGL A JavaScript API that renders 2D and 3D graphics in a web browser.

Change canvas size preview mac os x