WebAssembly

WebAssembly Code-Screenshot-Generator

Verwandle WebAssembly-Snippets in Bilder, die man gerne teilt — ohne deinen Mac zu verlassen.

Das WebAssembly-Textformat wird weit öfter gelesen als geschrieben, und fast immer in einer Erklärung dessen, was ein Compiler erzeugt hat.

Codeshot erkennt WebAssembly an dem Code, den du einfügst; es gibt also keine Sprachauswahl, die man falsch treffen kann. Hier ist dasselbe Snippet in drei der 30 mitgelieferten Themes, gerendert mit den Stylesheets der App.

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

  (export "scale" (func $scale)))

GitHub · dunkel

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

  (export "scale" (func $scale)))

Solarized · dunkel

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

  (export "scale" (func $scale)))

Tokyo Night · dunkel

Das passende Theme für WebAssembly

Die geklammerte Struktur trägt die Verschachtelung. Gib ihr ein Theme mit deutlicher Trennzeichenfärbung und schneide die schließenden Klammern nicht ab.

Die richtige Größe

Lass das Bild dem Inhalt folgen oder lege es auf ein Verhältnis fest — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 oder 3:4 — und exportiere dann mit 1×, 2× oder 3×, damit es auf Retina-Displays scharf bleibt. Kopiere es mit ⌘⇧C direkt in die Zwischenablage oder sichere mit ⌘S.

Sieh dir alle 30 Themes im Vergleich an oder lies den kompletten Ablauf.

Gebaut für WebAssembly und 59 weitere Sprachen

Alles läuft auf deinem Mac. Dein Code verlässt ihn nie.

Laden