Kaigai Blog living abroad in my twenties

【My Study Note】Tools to produce 2D and 3D

HTML Programming

Tools to produce 2D and 3D


There are many authoring tools available to produce animated and video game content for the web browser. But all of these are underpinned by one of four technologies.

Mein Technologies

  • GIF
  • WebP
  • 2D canvas
  • WebGL

GIF and WebP

The GIF (Graphics Interchange Format) along with the WebP image format is used for animated images.

An image using this format has no interactivity, but it’s popular for embedding animated content and for building 2D video games and animations.

2D canvas

The 2D canvas allows 2D graphics to be drawn in the web browser. It’s popular for building 2D video games and animations.

WebGL

The logic and behavior of an animation or video game are defined using javascript. But what about 3D graphics. Web GL is a popular technology for building 2D and 3D animations and advanced graphics.

The benefit of WebGL is that a dedicated chip in your device called a GPU (Graphics Processing Unit) does the calculations when graphics are rendered to the screen. This allows for complex calculations such as lighting simulation and rendering massive 3D worlds.

It is important to note that while WebGL will always use the GPU, it’s not guaranteed that the 2D canvas will use the GPU. This will depend on the web browser implementation.