WebAssembly

Generador de imágenes de código WebAssembly

Convierte fragmentos de WebAssembly en imágenes que merece la pena compartir, sin salir de tu Mac.

El formato de texto de WebAssembly se lee muchísimo más de lo que se escribe, y casi siempre dentro de una explicación de lo que ha producido un compilador.

Codeshot detecta WebAssembly a partir del código que pegas, así que no hay selector de lenguaje que puedas equivocar. Aquí tienes el mismo fragmento en tres de los 30 temas incluidos, renderizados con las hojas de estilo de la propia app.

(module
  (func $scale (param $x i32) (result i32)
    local.get $x
    i32.const 2
    i32.mul)

  (export "scale" (func $scale)))
GitHub · oscuro
(module
  (func $scale (param $x i32) (result i32)
    local.get $x
    i32.const 2
    i32.mul)

  (export "scale" (func $scale)))
Solarized · oscuro
(module
  (func $scale (param $x i32) (result i32)
    local.get $x
    i32.const 2
    i32.mul)

  (export "scale" (func $scale)))
Tokyo Night · oscuro

Elegir un tema para WebAssembly

La estructura entre paréntesis carga el anidamiento. Dale un tema con coloreado de delimitadores distinto y no recortes los paréntesis de cierre.

Acertar con el tamaño

Deja que la imagen siga a tu contenido o fíjala a una proporción — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — y exporta a 1×, 2× o 3× para que se mantenga nítida en pantallas retina. Cópiala al portapapeles con C o guárdala con S.

Mira los 30 temas comparados o lee el flujo completo.

Hecho para WebAssembly y otros 59 lenguajes

Todo se ejecuta en tu Mac. Tu código nunca sale de ahí.

Descargar