Lua

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 runs Lua in the browser using Fengari.

Fengari (Moon in greek) is the Lua VM written in JavaScript. It uses JavaScript's garbage collector so that interoperability with the DOM is non-leaky.

fengari.io

Note

LiveCodes also supports running Lua using Wasmoon which is a real Lua 5.4 VM with JS bindings made with WebAssembly. Read documentation here

Usage

LiveCodes runs Lua in the browser. JavaScript interoperability and DOM access is achieved using "js" module.

This example demonstrates usage, JavaScript interoperability and DOM access:

show code

JS

import { createPlayground } from 'livecodes';

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

TS

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

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

React

import LiveCodes from 'livecodes/react';

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

Vue

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

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

Svelte

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

const options = {
  "template": "lua"
};
let container;
onMount(() => {
  createPlayground(container, options);
});
</script>

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

Language Info

Name

lua

Extension

.lua

Editor

script

Compiler

Fengari

Version

Fengari v0.1.4

Code Formatting

Using lua-fmt.

Starter Template

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

Links

• Lua
• Lua documentation
• Fengari
• lua-wasm in LiveCodes