A test for running Lua in a browser (http://notebook.kulchenko.com/) #lua #browser #javascript

01-init-canvas.lua

function initCanvas(w, h)
  local canvas = document:createElement("canvas")
  canvas.id = "canvas"
  canvas.width = w
  canvas.height = h
  canvas.style.width = canvas.width .. 'px'
  canvas.style.height = canvas.height .. 'px'
  document:getElementsByTagName('body')[0]:appendChild(canvas)
end
initCanvas(300, 300)

02-draw-on-canvas.lua

local canvas = document:getElementById("canvas")
local ctx = canvas:getContext("2d")

ctx.fillStyle = "rgb(200,0,0)"
ctx:fillRect(130, 130, 50, 50)
ctx.fillStyle = "rgba(0, 0, 200, 0.1)"

for i = 1, 100 do
  ctx:fillRect(math.random(0, 300), math.random(0, 300), 50, 50)
end