Web Assembly Flashcards

Flashcards about Web Assembly

What is a GPU?

A specialized processor designed for efficiently handling complex mathematical calculations, particularly those related to graphics rendering.

What is the purpose of a CPU?

General Purpose, handles all the main functions of a computer. Cores typically range from 2-16. High speed for single tasks (Sequential).

What is the purpose of a GPU?

Specialized for accelerating graphics & 3D rendering tasks like gaming. Utilizes thousands of cores and high speed for parallel tasks.

What are the main components of a GPU?

Thousands of cores, Video RAM & Shaders.

What are the Types of GPUs?

Dedicated, Integrated & Cloud.

What are Shaders?

Programs which run on the graphics card to do something.

What are the Types of Shaders?

Fragment Shader, Vertex Shader, Geometry Shader.

What is the Fragment Shader?

Computes colour of each pixel.

What is the Vertex Shader?

Transforms 3D points to 2D.

What is the Geometry Shader?

Modifies or creates new shapes.

What is General Purpose GPU (GPGPU)?

Accelerates non-graphics programs using a graphics card if they happened to use the same calculations.

What is WebAssembly (WASM)?

A technology that makes it possible to run highly performant, low-level code in the browser.

How can WebAssembly be used?

To bring large C and C++ codebases, for e.g., games, physics engines and even desktop apps to the web platform.

What are the benefits of WebAssembly?

Improving performance and security.

What is WebAssembly?

A low-level binary format that runs in web browsers at near-native speed.

What type of languages is WebAssembly compatible with?

Code written in languages like C/C++ or Rust.

How does WebAssembly work?

Write C, C++ or Rust code, Compile it into WebAssembly module using Emscripten or Rust's wasm-pack, Load that into web application and call it from JavaScript.

WASM supports what type of file formats?

.wasm (binary format) and .wat (text format).

How do you interact or change the web page directly with WASM runtime?

You have to load in external modules that allow you to interface with a webpage, typically via the JavaScript runtime in the browser.

WASM Interfaces with Web Page through?

JavaScript.

What instructions does WASM have?

Add/sub/mul and similar maths operations, Bit operations, bitmasks, rotations, Load/store, Comparisons, Vector operations.

Besides standard operations and instructions, what structured instructions does WASM have?

Loops and if.

How are WASM programs represented?

Being compiled down into a binary format (.wasm)

Why was WebAssembly created?

Created to get better performance on the web.

Is WASM Web-Friendly?

Integrates seamlessly with JavaScript and HTML.

What role does JavaScript play in using WebAssembly?

JavaScript.

What WASM Does for Figma?

Fast graphics and UI rendering.

What WASM Does for AutoCAD Web?

Loads complex CAD files efficiently.

What WASM Does for Adobe Photoshop Web?

Processes large images in-browser.

Is WASM Safe?

Runs in a sandboxed environment (like JavaScript).

What does WebAssembly enable?

Enables high-performance computing in the browser.