Lua (Wasm)

Lua is a powerful, efficient, lightweight, embeddable scripting language. It supports procedural programming, object-oriented programming, functional programming, data-driven programming, and data description.

LiveCodes can run Lua in the browser using Wasmoon.

Wasmoon is a real Lua 5.4 VM with JS bindings made with WebAssembly.

github.com/ceifa/wasmoon

Note

LiveCodes also supports running Lua using Fengari which is the Lua VM written in JavaScript. Read documentation here

Usage

LiveCodes runs Lua in the browser. JavaScript interoperability and DOM access is achieved using the global variable window which exposes the page window object.

This example demonstrates usage, JavaScript interoperability and DOM access:

show code

JS

import { createPlayground } from 'livecodes';

const options = {
  "template": "lua-wasm"
};
createPlayground('#container', options);

TS

import { createPlayground, type EmbedOptions } from 'livecodes';

const options: EmbedOptions = {
  "template": "lua-wasm"
};
createPlayground('#container', options);

React

import LiveCodes from 'livecodes/react';

export default function App() {
  const options = {
  "template": "lua-wasm"
};
  return (<LiveCodes {...options}></LiveCodes>);
}

Vue

<script setup>
import LiveCodes from "livecodes/vue";

const options = {
  "template": "lua-wasm"
};
</script>
<template>
  <LiveCodes v-bind="options" />
</template>

Svelte

<script>
import { onMount } from 'svelte';
import { createPlayground } from 'livecodes';

let options = $state({
  "template": "lua-wasm"
});
let container = $state(null);
onMount(() => {
  createPlayground(container, options);
});
</script>

<div bind:this="{container}"></div>

Language Info

Name

lua-wasm

Alias

luawasm

Extension

.wasm.lua

Editor

script

Compiler

Wasmoon

Version

Wasmoon v1.16.0

Code Formatting

Using lua-fmt.

Starter Template

https://livecodes.io/?template=lua-wasm

Links

• Lua
• Lua documentation
• wasmoon
• Lua (using Fengari) in LiveCodes