@defold-typescript/types 0.26.0 → 0.27.0

package/examples/translations.json

@@ -0,0 +1,1984 @@
+{
+  "b2d.body.create_chain": [
+    {
+      "sourceHash": "a4547c6be36805bc",
+      "ts": "const [chain, segments] = b2d.body.create_chain(body, {\n  vertices: [vmath.vector3(-64, 0, 0), vmath.vector3(0, 16, 0), vmath.vector3(64, 0, 0)],\n  prev_vertex: vmath.vector3(-96, 0, 0), next_vertex: vmath.vector3(96, 0, 0), friction: 0.6,\n});"
+    }
+  ],
+  "b2d.body.create_fixture": [
+    {
+      "sourceHash": "1f1d588d084c0e48",
+      "ts": "const body = b2d.get_body(\"#collisionobject\");\nconst triangle = b2d.body.create_fixture(body, {\n  density: 1.0, friction: 0.3,\n  shape: { type: b2d.shape.SHAPE_TYPE_POLYGON, vertices: [vmath.vector3(-16, -16, 0), vmath.vector3(16, -16, 0), vmath.vector3(0, 16, 0)] },\n});"
+    }
+  ],
+  "b2d.fixture.set_shape": [
+    {
+      "sourceHash": "ff836b80569f5d30",
+      "ts": "const body = b2d.get_body(\"#collisionobject\");\nconst circle = b2d.fixture.get_shape(body, 1);\ncircle.center = vmath.vector3(24, 0, 0);\nb2d.fixture.set_shape(body, 1, circle, true);\nb2d.fixture.set_shape(body, 2, { type: b2d.shape.SHAPE_TYPE_EDGE, v1: vmath.vector3(-32, 0, 0), v2: vmath.vector3(32, 0, 0) });"
+    }
+  ],
+  "b2d.shape.set_shape": [
+    {
+      "sourceHash": "f31970e9ebb8d446",
+      "ts": "const body = b2d.get_body(\"#collisionobject\");\nconst circle = b2d.shape.get_shape(body, 1);\ncircle.center = vmath.vector3(24, 0, 0);\nb2d.shape.set_shape(body, 1, circle, true);\nb2d.shape.set_shape(body, 2, { type: b2d.shape.SHAPE_TYPE_SEGMENT, v1: vmath.vector3(-32, 0, 0), v2: vmath.vector3(32, 0, 0) });"
+    }
+  ],
+  "buffer.copy_buffer": [
+    {
+      "sourceHash": "314e1246a630d761",
+      "ts": "// How to copy elements (e.g. vertices) from one buffer to another\n// copy entire buffer\nbuffer.copy_buffer(dstbuffer, 0, srcbuffer, 0, srcbuffer.length);\n\n// copy last 10 elements to the front of another buffer\nbuffer.copy_buffer(dstbuffer, 0, srcbuffer, srcbuffer.length - 10, 10);"
+    }
+  ],
+  "buffer.copy_stream": [
+    {
+      "sourceHash": "359ea94639622db5",
+      "ts": "// How to update a texture of a sprite:\n// copy entire stream\nconst srcstream = buffer.get_stream(srcbuffer, hash(\"xyz\"));\nconst dststream = buffer.get_stream(dstbuffer, hash(\"xyz\"));\nbuffer.copy_stream(dststream, 0, srcstream, 0, srcstream.length);"
+    }
+  ],
+  "buffer.create": [
+    {
+      "sourceHash": "d83315970921bbc7",
+      "ts": "// How to create and initialize a buffer\nexport default defineScript({\n  init(self) {\n    const size = 128;\n    self.image = buffer.create(size * size, [{ name: hash(\"rgb\"), type: buffer.VALUE_TYPE_UINT8, count: 3 }]);\n    self.imagestream = buffer.get_stream(self.image, hash(\"rgb\"));\n\n    for (let y = 0; y < self.height; y++) {\n      for (let x = 0; x < self.width; x++) {\n        const index = y * self.width * 3 + x * 3;\n        self.imagestream[index + 0] = self.r;\n        self.imagestream[index + 1] = self.g;\n        self.imagestream[index + 2] = self.b;\n      }\n    }\n  },\n});"
+    }
+  ],
+  "buffer.get_metadata": [
+    {
+      "sourceHash": "fab020678d7483db",
+      "ts": "// How to get a metadata entry from a buffer\n// retrieve a metadata entry named \"somefloats\" and its numeric type\nconst [values, type] = buffer.get_metadata(buf, hash(\"somefloats\"));\nif (values) print(`${values.length} values in 'somefloats'`);"
+    }
+  ],
+  "buffer.set_metadata": [
+    {
+      "sourceHash": "d2835d9dc456523a",
+      "ts": "// How to set a metadata entry on a buffer\n// create a new metadata entry with three floats\nbuffer.set_metadata(buf, hash(\"somefloats\"), [1.5, 3.2, 7.9], buffer.VALUE_TYPE_FLOAT32);\n// ...\n// update to a new set of values\nbuffer.set_metadata(buf, hash(\"somefloats\"), [-2.5, 10.0, 32.2], buffer.VALUE_TYPE_FLOAT32);"
+    }
+  ],
+  "camera.get_cameras": [
+    {
+      "sourceHash": "d332d9320898b958",
+      "ts": "for (const camera_id of camera.get_cameras()) {\n  render.set_camera(camera_id);\n  render.draw(predicate);\n  render.set_camera();\n}"
+    }
+  ],
+  "camera.screen_to_world": [
+    {
+      "sourceHash": "0738c074908495cb",
+      "ts": "// Place objects at the touch point with a random Z position, keeping them\n// within the visible view zone.\nexport default defineScript({\n  on_input(self, action_id, action) {\n    if (action_id === hash(\"touch\")) {\n      if (action.pressed) {\n        const perspective_camera = msg.url(\"#perspective_camera\");\n        const random_z = math.random(\n          camera.get_near_z(perspective_camera) + 0.01,\n          camera.get_far_z(perspective_camera) - 0.01,\n        );\n        const world_position = camera.screen_to_world(\n          vmath.vector3(action.screen_x, action.screen_y, random_z),\n          perspective_camera,\n        );\n        go.set_position(world_position, \"/go1\");\n      }\n    }\n  },\n});"
+    }
+  ],
+  "camera.screen_xy_to_world": [
+    {
+      "sourceHash": "ff65335713fc5698",
+      "ts": "// Place objects at the touch point.\nexport default defineScript({\n  on_input(self, action_id, action) {\n    if (action_id === hash(\"touch\")) {\n      if (action.pressed) {\n        const world_position = camera.screen_xy_to_world(action.screen_x, action.screen_y);\n        go.set_position(world_position, \"/go1\");\n      }\n    }\n  },\n});"
+    }
+  ],
+  "camera.world_to_screen": [
+    {
+      "sourceHash": "6b6fd9030f4591e2",
+      "ts": "// Convert a game object position into a screen position.\ngo.update_world_transform(\"/go1\");\nconst world_pos = go.get_world_position(\"/go1\");\nconst screen_pos = camera.world_to_screen(world_pos);"
+    }
+  ],
+  "collectionfactory.create": [
+    {
+      "sourceHash": "5a49721288808772",
+      "ts": "// How to spawn a collection of game objects:\nexport default defineScript({\n  init(self) {\n    // Spawn a small group of enemies.\n    const pos = vmath.vector3(100, 12.5, 0);\n    const rot = vmath.quat_rotation_z(Math.PI / 2);\n    const scale = 0.5;\n    const props = {\n      [hash(\"/enemy_leader\")]: { health: 1000.0 },\n      [hash(\"/enemy_1\")]: { health: 200.0 },\n      [hash(\"/enemy_2\")]: { health: 400.0, color: hash(\"green\") },\n    };\n\n    self.enemy_ids = collectionfactory.create(\"#enemyfactory\", pos, rot, props, scale);\n    // enemy_ids now map to the spawned instance ids:\n    //\n    // pprint(self.enemy_ids)\n    //\n    // DEBUG:SCRIPT:\n    // {\n    //   hash: [/enemy_leader] = hash: [/collection0/enemy_leader],\n    //   hash: [/enemy_1] = hash: [/collection0/enemy_1],\n    //   hash: [/enemy_2] = hash: [/collection0/enemy_2]\n    // }\n\n    // Send \"attack\" message to the leader. First look up its instance id.\n    const leader_id = self.enemy_ids[hash(\"/enemy_leader\")];\n    msg.post(leader_id, \"attack\");\n  },\n});\n\n// How to delete a spawned collection:\ngo.delete(self.enemy_ids);"
+    }
+  ],
+  "collectionfactory.load": [
+    {
+      "sourceHash": "777c98a389da34db",
+      "ts": "// How to load resources of a collection factory prototype.\ncollectionfactory.load(\"#factory\", (self, url, result) => {});"
+    }
+  ],
+  "collectionfactory.set_prototype": [
+    {
+      "sourceHash": "53a6c8f3903b8f4a",
+      "ts": "// How to unload the previous prototype's resources, and then spawn a new collection:\ncollectionfactory.unload(\"#factory\"); // unload the previous resources\ncollectionfactory.set_prototype(\"#factory\", \"/main/levels/level1.collectionc\");\nconst ids = collectionfactory.create(\"#factory\", go.get_world_position(), vmath.quat());"
+    }
+  ],
+  "collectionfactory.unload": [
+    {
+      "sourceHash": "b1bfded6b48571a6",
+      "ts": "// How to unload resources of a collection factory prototype loaded with collectionfactory.load:\ncollectionfactory.unload(\"#factory\");"
+    }
+  ],
+  "collectionproxy.get_resources": [
+    {
+      "sourceHash": "5bba0e0917a2a842",
+      "ts": "function print_resources(self, cproxy) {\n  const resources = collectionproxy.get_resources(cproxy);\n  for (const v of resources) {\n    print(`Resource: ${v}`);\n  }\n}"
+    }
+  ],
+  "collectionproxy.load": [
+    {
+      "sourceHash": "7f38a3119be56e98",
+      "ts": "collectionproxy.load(\"#proxy\", undefined, (self, message_id, message, sender) => {\n  if (message_id === hash(\"proxy_ready\")) {\n    print(\"proxy is ready\");\n  } else if (message_id === hash(\"proxy_loading\")) {\n    print(\"progress\", message.progress);\n  } else if (message_id === hash(\"proxy_error\")) {\n    print(\"error\", message.code);\n  }\n});"
+    }
+  ],
+  "collectionproxy.set_collection": [
+    {
+      "sourceHash": "baa612ded17474d3",
+      "ts": "// The example assumes the script belongs to an instance with a\n// collection-proxy-component with id \"proxy\".\nconst [ok, error] = collectionproxy.set_collection(\"/go#collectionproxy\", \"/LU/3.collectionc\");\nif (ok) {\n  print(\"The collection has been changed to /LU/3.collectionc\");\n} else {\n  print(\"Error changing collection to /LU/3.collectionc \", error);\n}\nmsg.post(\"/go#collectionproxy\", \"load\");\nmsg.post(\"/go#collectionproxy\", \"init\");\nmsg.post(\"/go#collectionproxy\", \"enable\");"
+    }
+  ],
+  "compute.get_constants": [
+    {
+      "sourceHash": "2e280ba4897a3652",
+      "ts": "const constants = compute.get_constants(\"/my_compute.computec\");"
+    }
+  ],
+  "compute.get_samplers": [
+    {
+      "sourceHash": "24d497581f91ce76",
+      "ts": "const samplers = compute.get_samplers(\"/my_compute.computec\");"
+    }
+  ],
+  "compute.get_textures": [
+    {
+      "sourceHash": "ea1db550a8f2dc8c",
+      "ts": "const textures = compute.get_textures(\"/my_compute.computec\");"
+    }
+  ],
+  "compute.set_constants": [
+    {
+      "sourceHash": "e14e2048f75cadc6",
+      "ts": "compute.set_constants(\"/my_compute.computec\", { tint: { value: vmath.vector4(1, 0, 0, 1) } });"
+    }
+  ],
+  "compute.set_samplers": [
+    {
+      "sourceHash": "51ac79099b9605ba",
+      "ts": "compute.set_samplers(\"/my_compute.computec\", { texture_sampler: { u_wrap: graphics.TEXTURE_WRAP_REPEAT, v_wrap: graphics.TEXTURE_WRAP_MIRRORED_REPEAT } });"
+    }
+  ],
+  "compute.set_textures": [
+    {
+      "sourceHash": "87edc357f8852364",
+      "ts": "compute.set_textures(\"/my_compute.computec\", { my_texture: resource.texture() });"
+    }
+  ],
+  "editor.bob": [
+    {
+      "sourceHash": "3d4699538f2b8207",
+      "ts": "// Print help in the console:\neditor.bob({ help: true });\n\n// Bundle the game for the host platform:\nconst opts = { archive: true, platform: editor.platform };\neditor.bob(opts, \"distclean\", \"resolve\", \"build\", \"bundle\");\n\n// Using snake_cased and repeated options:\nconst bundleOpts = {\n  archive: true,\n  platform: editor.platform,\n  build_server: \"https://build.my-company.com\",\n  settings: [\"test.ini\", \"headless.ini\"],\n};\neditor.bob(bundleOpts, \"distclean\", \"resolve\", \"build\");"
+    }
+  ],
+  "editor.command": [
+    {
+      "sourceHash": "41caebab7bdd6774",
+      "ts": "// Print Git history for a file:\neditor.command({\n  label: \"Git History\",\n  query: { selection: { type: \"resource\", cardinality: \"one\" } },\n  run: (opts) => {\n    editor.execute(\"git\", \"log\", \"--follow\", `.${editor.get(opts.selection, \"path\")}`, {\n      reload_resources: false,\n    });\n  },\n});"
+    }
+  ],
+  "editor.create_directory": [
+    {
+      "sourceHash": "0a8ce244797b5428",
+      "ts": "editor.create_directory(\"/assets/gen\");"
+    }
+  ],
+  "editor.create_resources": [
+    {
+      "sourceHash": "b650f0d98eccb0fd",
+      "ts": "// Create a single resource from template:\neditor.create_resources([\"/npc.go\"]);\n\n// Create multiple resources:\neditor.create_resources([\"/npc.go\", \"/levels/1.collection\", \"/levels/2.collection\"]);\n\n// Create a resource with custom content:\neditor.create_resources([[\"/npc.script\", \"go.property('hp', 100)\"]]);"
+    }
+  ],
+  "editor.delete_directory": [
+    {
+      "sourceHash": "48be8868842c3e45",
+      "ts": "editor.delete_directory(\"/assets/gen\");"
+    }
+  ],
+  "editor.execute": [
+    {
+      "sourceHash": "b22ea40a2a3595b2",
+      "ts": "// Make a directory with spaces in it:\neditor.execute(\"mkdir\", \"new dir\");\n\n// Read the git status:\nconst status = editor.execute(\"git\", \"status\", \"--porcelain\", {\n  reload_resources: false,\n  out: \"capture\",\n});"
+    }
+  ],
+  "editor.ui.use_memo": [
+    {
+      "sourceHash": "dac97ede337c4f69",
+      "ts": "function increment(n: unknown): number {\n  return (n as number) + 1;\n}\n\nfunction makeListener(setCount: unknown) {\n  return () => {\n    (setCount as (update: unknown) => unknown)(increment);\n  };\n}\n\nconst counterButton = editor.ui.component((props) => {\n  const [count, setCount] = editor.ui.use_state((props as { count: unknown }).count);\n  const onPressed = editor.ui.use_memo(makeListener, setCount);\n  return editor.ui.button({\n    text: tostring(count),\n    on_pressed: onPressed,\n  });\n});"
+    }
+  ],
+  "editor.ui.use_state": [
+    {
+      "sourceHash": "3065b49232e1a2de",
+      "ts": "function increment(n: unknown): number {\n  return (n as number) + 1;\n}\n\nconst counterButton = editor.ui.component((props) => {\n  const [count, setCount] = editor.ui.use_state((props as { count: unknown }).count);\n  return editor.ui.button({\n    text: tostring(count),\n    on_pressed: () => {\n      setCount(increment);\n    },\n  });\n});"
+    }
+  ],
+  "factory.create": [
+    {
+      "sourceHash": "d2cd2037a9127ec6",
+      "ts": "// How to create a new game object:\nexport default defineScript({\n  init(self) {\n    // create a new game object and provide property values\n    self.my_created_object = factory.create(\"#factory\", undefined, undefined, { my_value: 1 });\n    // communicate with the object\n    msg.post(self.my_created_object, \"hello\");\n  },\n});\n\n// And then let the new game object have a script attached:\ngo.property(\"my_value\", 0);\n\nexport default defineScript({\n  init(self) {\n    // do something with self.my_value which is now one\n  },\n});"
+    }
+  ],
+  "factory.load": [
+    {
+      "sourceHash": "64dff473cc2b3abd",
+      "ts": "// How to load resources of a factory prototype.\nfactory.load(\"#factory\", (self, url, result) => {});"
+    }
+  ],
+  "factory.set_prototype": [
+    {
+      "sourceHash": "e0d61d4f234d1bdc",
+      "ts": "// How to unload the previous prototype's resources, and then spawn a new game object:\nfactory.unload(\"#factory\"); // unload the previous resources\nfactory.set_prototype(\"#factory\", \"/main/levels/enemyA.goc\");\nconst id = factory.create(\"#factory\", go.get_world_position(), vmath.quat());"
+    }
+  ],
+  "factory.unload": [
+    {
+      "sourceHash": "260bb70c2be6171a",
+      "ts": "// How to unload resources of a factory prototype loaded with factory.load:\nfactory.unload(\"#factory\");"
+    }
+  ],
+  "final": [
+    {
+      "sourceHash": "ebc3cae218af001a",
+      "ts": "export default defineScript({\n  final(self) {\n    // report finalization\n    msg.post(\"my_friend_instance\", \"im_dead\", { my_stats: self.some_value });\n  },\n});"
+    }
+  ],
+  "font.add_font": [
+    {
+      "sourceHash": "eb23e196a4edbd74",
+      "ts": "const font_hash = hash(\"/assets/fonts/roboto.fontc\");\nconst ttf_hash = hash(\"/assets/fonts/Roboto/Roboto-Bold.ttf\");\nfont.add_font(font_hash, ttf_hash);"
+    }
+  ],
+  "font.prewarm_text": [
+    {
+      "sourceHash": "f16bb17432638957",
+      "ts": "const font_hash = hash(\"/assets/fonts/roboto.fontc\");\nfont.prewarm_text(font_hash, \"Some text\", (self, request_id, result, errstring) => {\n  // cache is warm, show the text!\n});"
+    }
+  ],
+  "font.remove_font": [
+    {
+      "sourceHash": "a3686e94e8a0a9d5",
+      "ts": "const font_hash = hash(\"/assets/fonts/roboto.fontc\");\nconst ttf_hash = hash(\"/assets/fonts/Roboto/Roboto-Bold.ttf\");\nfont.remove_font(font_hash, ttf_hash);"
+    }
+  ],
+  "go.animate": [
+    {
+      "sourceHash": "ec6a31d150125e06",
+      "ts": "// Animate the position of a game object to x = 10 during 1 second, then\n// y = 20 during 1 second:\ngo.animate(go.get_id(), \"position.x\", go.PLAYBACK_ONCE_FORWARD, 10, go.EASING_LINEAR, 1, 0, () => {\n  go.animate(go.get_id(), \"position.y\", go.PLAYBACK_ONCE_FORWARD, 20, go.EASING_LINEAR, 1);\n});\n\n// Animate the y position of a game object using a crazy custom easing curve:\nconst values = [\n  0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1,\n  0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1,\n  0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1,\n  0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1,\n];\nconst vec = vmath.vector(values);\ngo.animate(\"go\", \"position.y\", go.PLAYBACK_LOOP_PINGPONG, 100, vec, 2.0);"
+    }
+  ],
+  "go.cancel_animations": [
+    {
+      "sourceHash": "4f012d6eb3d73ce9",
+      "ts": "// Cancel the animation of the position of a game object:\ngo.cancel_animations(go.get_id(), \"position\");\n\n// Cancel all property animations of the current game object:\ngo.cancel_animations(\".\");\n\n// Cancel all property animations of the sprite component of the current game object:\ngo.cancel_animations(\"#sprite\");"
+    }
+  ],
+  "go.delete": [
+    {
+      "sourceHash": "63517a8a15d5d030",
+      "ts": "// This example demonstrates how to delete game objects:\n// Delete the script's own game object.\ngo.delete();\n// Delete a game object with the id \"my_game_object\".\nconst id = go.get_id(\"my_game_object\");\ngo.delete(id);\n// Delete a list of game objects.\nconst ids = [hash(\"/my_object_1\"), hash(\"/my_object_2\"), hash(\"/my_object_3\")];\ngo.delete(ids);\n\n// This example demonstrates how to delete game objects and their children\n// (child-to-parent order):\n// Delete the script's own game object and its children.\ngo.delete(true);\n// Delete a game object with the id \"my_game_object\" and its children.\nconst id2 = go.get_id(\"my_game_object\");\ngo.delete(id2, true);\n// Delete a list of game objects and their children.\nconst ids2 = [hash(\"/my_object_1\"), hash(\"/my_object_2\"), hash(\"/my_object_3\")];\ngo.delete(ids2, true);"
+    }
+  ],
+  "go.exists": [
+    {
+      "sourceHash": "377b4eb5d71df398",
+      "ts": "// Check if game object \"my_game_object\" exists in the current collection:\ngo.exists(\"/my_game_object\");\n\n// Check if game object exists in another collection:\ngo.exists(\"other_collection:/my_game_object\");"
+    }
+  ],
+  "go.get": [
+    {
+      "sourceHash": "7cac2203eda50a5e",
+      "ts": "// Get a property \"speed\" from a script \"player\"; the property must be declared\n// in the player script:\ngo.property(\"speed\", 50);\n\n// Then in the calling script (assumed to belong to the same game object, but it\n// does not have to):\nconst speed = go.get(\"#player\", \"speed\");\n\n// Get a value in a material property array (the glsl indices are 0-based):\ngo.get(url, \"example\", { index: 1 }); // the first vector4 in the array: example[0]\ngo.get(url, \"example\", { index: 16 }); // the last vector4 in the array: example[15]\ngo.get(url, \"example.x\", { index: 1 }); // an element of a vector4: example[0].x\n\n// Get all values in a material property array as a table:\ngo.get(url, \"example\"); // => [vector4, vector4, ...]\ngo.get(url, \"example.x\"); // => [number1, number2, ...]\n\n// Get a named property (the resource of a certain gui font):\nconst font_hash = go.get(\"#gui\", \"fonts\", { key: \"system_font_BIG\" });\n\n// Get a property from a sub-component, using the \"keys\" options table\n// (addressing the first level of a component):\ngo.get(\"#particlefx\", \"material\", { keys: [\"cone_emitter\"] });\n\n// Get a property in a deeper sub-hierarchy (if the component supports it).\n// Note: no built-in component supports this yet, but a custom one could.\ngo.get(\"#my_component\", \"some_property\", { keys: [\"root\", \"child_node\"] });"
+    }
+  ],
+  "go.get_id": [
+    {
+      "sourceHash": "74e9ff5ee9521c51",
+      "ts": "// For the instance with path /my_sub_collection/my_instance, the following calls\n// are equivalent:\nconst id = go.get_id(); // no path, defaults to the instance containing the calling script\nprint(id); // => hash: [/my_sub_collection/my_instance]\n\nconst id2 = go.get_id(\"/my_sub_collection/my_instance\"); // absolute path\nprint(id2); // => hash: [/my_sub_collection/my_instance]\n\nconst id3 = go.get_id(\"my_instance\"); // relative path\nprint(id3); // => hash: [/my_sub_collection/my_instance]"
+    }
+  ],
+  "go.get_parent": [
+    {
+      "sourceHash": "6e98305fd4cd8f14",
+      "ts": "// Get parent of the instance containing the calling script:\nconst parent_id = go.get_parent();\n\n// Get parent of the instance with id \"x\":\nconst parent_id2 = go.get_parent(\"x\");"
+    }
+  ],
+  "go.get_position": [
+    {
+      "sourceHash": "958a14823ca50504",
+      "ts": "// Get the position of the game object the script is attached to:\nconst p = go.get_position();\n\n// Get the position of another game object \"my_gameobject\":\nconst pos = go.get_position(\"my_gameobject\");"
+    }
+  ],
+  "go.get_rotation": [
+    {
+      "sourceHash": "46e4f7ff790322c3",
+      "ts": "// Get the rotation of the game object the script is attached to:\nconst r = go.get_rotation();\n\n// Get the rotation of another game object with id \"x\":\nconst r2 = go.get_rotation(\"x\");"
+    }
+  ],
+  "go.get_scale": [
+    {
+      "sourceHash": "b6a9bd9d19741cdd",
+      "ts": "// Get the scale of the game object the script is attached to:\nconst s = go.get_scale();\n\n// Get the scale of another game object with id \"x\":\nconst s2 = go.get_scale(\"x\");"
+    }
+  ],
+  "go.get_scale_uniform": [
+    {
+      "sourceHash": "0add83a46d3434c3",
+      "ts": "// Get the uniform scale of the game object the script is attached to:\nconst s = go.get_scale_uniform();\n\n// Get the uniform scale of another game object with id \"x\":\nconst s2 = go.get_scale_uniform(\"x\");"
+    }
+  ],
+  "go.get_world_position": [
+    {
+      "sourceHash": "ab804a5cdcfd4f7d",
+      "ts": "// Get the world position of the game object the script is attached to:\nconst p = go.get_world_position();\n\n// Reach a sibling game object by its id \u2014 relative addressing, no socket prefix:\nconst p2 = go.get_world_position(\"x\");"
+    }
+  ],
+  "go.get_world_rotation": [
+    {
+      "sourceHash": "05c7e59676f614f9",
+      "ts": "// Get the world rotation of the game object the script is attached to:\nconst r = go.get_world_rotation();\n\n// Get the world rotation of another game object with id \"x\":\nconst r2 = go.get_world_rotation(\"x\");"
+    }
+  ],
+  "go.get_world_scale": [
+    {
+      "sourceHash": "bbbe0d3b0c6a9153",
+      "ts": "// Get the world 3D scale of the game object the script is attached to:\nconst s = go.get_world_scale();\n\n// Get the world scale of another game object \"x\":\nconst s2 = go.get_world_scale(\"x\");"
+    }
+  ],
+  "go.get_world_scale_uniform": [
+    {
+      "sourceHash": "14162dd238db34dd",
+      "ts": "// Get the world uniform scale of the game object the script is attached to:\nconst s = go.get_world_scale_uniform();\n\n// Get the world uniform scale of another game object with id \"x\":\nconst s2 = go.get_world_scale_uniform(\"x\");"
+    }
+  ],
+  "go.get_world_transform": [
+    {
+      "sourceHash": "832de2e98a73e953",
+      "ts": "// Get the world transform of the game object the script is attached to:\nconst m = go.get_world_transform();\n\n// Get the world transform of another game object with id \"x\":\nconst m2 = go.get_world_transform(\"x\");"
+    }
+  ],
+  "go.property": [
+    {
+      "sourceHash": "96e6079cda36fa54",
+      "ts": "// This example defines a property \"health\" in a script. The health is decreased\n// whenever someone sends a \"take_damage\" message to the script.\ngo.property(\"health\", 100);\n\nexport default defineScript({\n  init(self) {\n    // prints 100 to the output\n    print(self.health);\n  },\n\n  on_message(self, message_id, message) {\n    if (message_id === hash(\"take_damage\")) {\n      self.health = self.health - message.damage;\n      print(`Ouch! My health is now: ${self.health}`);\n    }\n  },\n});"
+    }
+  ],
+  "go.set": [
+    {
+      "sourceHash": "2ca1763ad71c1232",
+      "ts": "// Set a property \"speed\" of a script \"player\"; the property must be declared in\n// the player script:\ngo.property(\"speed\", 50);\n\n// Then in the calling script (assumed to belong to the same game object, but it\n// does not have to):\ngo.set(\"#player\", \"speed\", 100);\n\n// Set a vector4 in a material property array (the glsl indices are 0-based):\ngo.set(url, \"example\", vmath.vector4(1, 1, 1, 1), { index: 1 }); // example[0] = v\ngo.set(url, \"example\", vmath.vector4(2, 2, 2, 2), { index: 16 }); // example[15] = v\ngo.set(url, \"example.x\", 7, { index: 1 }); // example[0].x = 7\n\n// Set a material property array by a table of vector4 (only the first two are\n// set; extra array elements are ignored):\ngo.set(url, \"example\", [vmath.vector4(1, 1, 1, 1), vmath.vector4(2, 2, 2, 2)]);\n\n// Set a named property (inside init(self)):\ngo.property(\"big_font\", resource.font());\ngo.set(\"#gui\", \"fonts\", self.big_font, { key: \"system_font_BIG\" });\n\n// Set a property on a sub-component, using the \"keys\" options table (inside\n// init(self)):\ngo.property(\"my_material\", resource.material);\ngo.set(\"#particlefx\", \"material\", self.my_material, { keys: [\"cone_emitter\"] });\n\n// Set a property in a deeper sub-hierarchy (if the component supports it).\n// Note: no built-in component supports this yet, but a custom one could.\ngo.set(\"#my_component\", \"some_property\", some_value, { keys: [\"root\", \"child_node\"] });"
+    }
+  ],
+  "go.set_parent": [
+    {
+      "sourceHash": "2822e1839ed2a321",
+      "ts": "// Attach myself to another instance \"my_parent\":\ngo.set_parent(go.get_id(), go.get_id(\"my_parent\"));\n\n// Attach an instance \"my_instance\" to another instance \"my_parent\":\ngo.set_parent(go.get_id(\"my_instance\"), go.get_id(\"my_parent\"));\n\n// Detach an instance \"my_instance\" from its parent (if any):\ngo.set_parent(go.get_id(\"my_instance\"));"
+    }
+  ],
+  "go.set_position": [
+    {
+      "sourceHash": "ad83d0274d776e8f",
+      "ts": "// `p` is the desired position (a Vector3).\nconst p = vmath.vector3();\n\n// Set the position of the game object the script is attached to:\ngo.set_position(p);\n\n// Reach a sibling game object by its id \u2014 relative addressing, no socket prefix:\ngo.set_position(p, \"x\");"
+    }
+  ],
+  "go.set_rotation": [
+    {
+      "sourceHash": "782b2092fc7f641f",
+      "ts": "// `r` is the desired rotation (a Quaternion).\nconst r = vmath.quat();\n\n// Set the rotation of the game object the script is attached to:\ngo.set_rotation(r);\n\n// Set the rotation of another game object with id \"x\":\ngo.set_rotation(r, \"x\");"
+    }
+  ],
+  "go.set_scale": [
+    {
+      "sourceHash": "456df524622a534f",
+      "ts": "// Set the scale of the game object the script is attached to:\nconst s = vmath.vector3(2.0, 1.0, 1.0);\ngo.set_scale(s);\n\n// Set the scale of another game object with id \"obj_id\":\nconst s2 = 1.2;\ngo.set_scale(s2, \"obj_id\");"
+    }
+  ],
+  "go.set_scale_xy": [
+    {
+      "sourceHash": "6d23b1a65292cf1f",
+      "ts": "// Set the scale of the game object the script is attached to:\nconst s = vmath.vector3(2.0, 1.0, 5.0);\ngo.set_scale_xy(s); // z will not be set here, only x and y\n\n// Set the scale of another game object with id \"obj_id\":\nconst s2 = 1.2;\ngo.set_scale_xy(s2, \"obj_id\"); // z will not be set here, only x and y"
+    }
+  ],
+  "go.update_world_transform": [
+    {
+      "sourceHash": "0c189fdea4a6d715",
+      "ts": "// Update this game object's world transform:\ngo.update_world_transform();\n\n// Update another game object's world transform:\ngo.update_world_transform(\"/other\");"
+    }
+  ],
+  "go.world_to_local_position": [
+    {
+      "sourceHash": "29852f7285321a3e",
+      "ts": "// Convert position of \"test\" game object into coordinate space of \"child\" object.\nconst test_pos = go.get_world_position(\"/test\");\nconst child_pos = go.get_world_position(\"/child\");\nconst new_position = go.world_to_local_position(test_pos, \"/child\");"
+    }
+  ],
+  "go.world_to_local_transform": [
+    {
+      "sourceHash": "b9df312459adbb0f",
+      "ts": "// Convert transform of \"test\" game object into coordinate space of \"child\" object.\nconst test_transform = go.get_world_transform(\"/test\");\nconst child_transform = go.get_world_transform(\"/child\");\nconst result_transform = go.world_to_local_transform(test_transform, \"/child\");"
+    }
+  ],
+  "gui.animate": [
+    {
+      "sourceHash": "afd63fafe7e65e70",
+      "ts": "// How to start a simple color animation, where the node fades in to white during 0.5 seconds:\ngui.set_color(node, vmath.vector4(0, 0, 0, 0)); // node is fully transparent\ngui.animate(node, gui.PROP_COLOR, vmath.vector4(1, 1, 1, 1), gui.EASING_INOUTQUAD, 0.5); // start animation\n\n// How to start a sequenced animation where the node fades in to white during 0.5\n// seconds, stays visible for 2 seconds and then fades out:\nfunction on_animation_done(self, node) {\n  // fade out node, but wait 2 seconds before the animation starts\n  gui.animate(node, gui.PROP_COLOR, vmath.vector4(0, 0, 0, 0), gui.EASING_OUTQUAD, 0.5, 2.0);\n}\n\nexport default defineScript({\n  init(self) {\n    // fetch the node we want to animate\n    const my_node = gui.get_node(\"my_node\");\n    // node is initially set to fully transparent\n    gui.set_color(my_node, vmath.vector4(0, 0, 0, 0));\n    // animate the node immediately and call on_animation_done when the animation has completed\n    gui.animate(my_node, gui.PROP_COLOR, vmath.vector4(1, 1, 1, 1), gui.EASING_INOUTQUAD, 0.5, 0.0, on_animation_done);\n  },\n});\n\n// How to animate a node's y position using a crazy custom easing curve:\nexport default defineScript({\n  init(self) {\n    const values = [\n      0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1,\n      0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1,\n      0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1,\n      0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1,\n    ];\n    const vec = vmath.vector(values);\n    const node = gui.get_node(\"box\");\n    gui.animate(node, \"position.y\", 100, vec, 4.0, 0, undefined, gui.PLAYBACK_LOOP_PINGPONG);\n  },\n});"
+    }
+  ],
+  "gui.cancel_animations": [
+    {
+      "sourceHash": "ac678b79b816b54d",
+      "ts": "// Start an animation of the position property of a node, then cancel parts of\n// the animation:\nconst node = gui.get_node(\"my_node\");\n// animate to new position\nconst pos = vmath.vector3(100, 100, 0);\ngui.animate(node, \"position\", pos, go.EASING_LINEAR, 2);\n// ...\n// cancel animation of the x component.\ngui.cancel_animations(node, \"position.x\");\n\n// Cancels all property animations on a node in a single call:\n// animate to new position and scale\ngui.animate(node, \"position\", vmath.vector3(100, 100, 0), go.EASING_LINEAR, 5);\ngui.animate(node, \"scale\", vmath.vector3(0.5), go.EASING_LINEAR, 5);\n// ...\n// cancel positioning and scaling at once\ngui.cancel_animations(node);"
+    }
+  ],
+  "gui.cancel_flipbook": [
+    {
+      "sourceHash": "7fe129302536559d",
+      "ts": "const node = gui.get_node(\"anim_node\");\ngui.cancel_flipbook(node);"
+    }
+  ],
+  "gui.delete_node": [
+    {
+      "sourceHash": "5c7d72924a7c046c",
+      "ts": "// Delete a particular node and any child nodes it might have:\nconst node = gui.get_node(\"my_node\");\ngui.delete_node(node);"
+    }
+  ],
+  "gui.delete_texture": [
+    {
+      "sourceHash": "360a3c74413c6a02",
+      "ts": "export default defineScript({\n  init(self) {\n    // Create a texture.\n    if (gui.new_texture(\"temp_tx\", 10, 10, \"rgb\", \"\\0\".repeat(10 * 10 * 3))) {\n      // Do something with the texture.\n      // ...\n\n      // Delete the texture\n      gui.delete_texture(\"temp_tx\");\n    }\n  },\n});"
+    }
+  ],
+  "gui.get": [
+    {
+      "sourceHash": "7537f46e06a28364",
+      "ts": "// Get properties on existing nodes:\nconst node = gui.get_node(\"my_box_node\");\nconst node_position = gui.get(node, \"position\");"
+    }
+  ],
+  "gui.get_font_resource": [
+    {
+      "sourceHash": "8eda6241dbbefbbb",
+      "ts": "// Get the text metrics for a text\nexport default defineScript({\n  init(self) {\n    const node = gui.get_node(\"name\");\n    const font_name = gui.get_font(node);\n    const font = gui.get_font_resource(font_name);\n    const metrics = resource.get_text_metrics(font, \"The quick brown fox\\n jumps over the lazy dog\");\n  },\n});"
+    }
+  ],
+  "gui.get_id": [
+    {
+      "sourceHash": "d0f66014d2dc71cf",
+      "ts": "// Gets the id of a node:\nconst node = gui.get_node(\"my_node\");\n\nconst id = gui.get_id(node);\nprint(id); // => hash: [my_node]"
+    }
+  ],
+  "gui.get_index": [
+    {
+      "sourceHash": "fb2945b610c767ee",
+      "ts": "// Compare the index order of two sibling nodes:\nconst node1 = gui.get_node(\"my_node_1\");\nconst node2 = gui.get_node(\"my_node_2\");\n\nif (gui.get_index(node1) < gui.get_index(node2)) {\n  // node1 is drawn below node2\n} else {\n  // node2 is drawn below node1\n}"
+    }
+  ],
+  "gui.get_material": [
+    {
+      "sourceHash": "d7e366c5ee012f40",
+      "ts": "// Getting the material for a node, and assign it to another node:\nconst node1 = gui.get_node(\"my_node\");\nconst node2 = gui.get_node(\"other_node\");\nconst node1_material = gui.get_material(node1);\ngui.set_material(node2, node1_material);"
+    }
+  ],
+  "gui.get_node": [
+    {
+      "sourceHash": "c7c9fde72585b0bf",
+      "ts": "// Gets a node by id and change its color:\nconst node = gui.get_node(\"my_node\");\nconst red = vmath.vector4(1.0, 0.0, 0.0, 1.0);\ngui.set_color(node, red);"
+    }
+  ],
+  "gui.new_texture": [
+    {
+      "sourceHash": "192ba6f4b864704a",
+      "ts": "// How to create a texture and apply it to a new box node:\nexport default defineScript({\n  init(self) {\n    const w = 200;\n    const h = 300;\n\n    // A nice orange. String with the RGB values.\n    const orange = String.fromCharCode(0xff, 0x80, 0x10);\n\n    // Create the texture. Repeat the color string for each pixel.\n    const [ok, reason] = gui.new_texture(\"orange_tx\", w, h, \"rgb\", orange.repeat(w * h));\n    if (ok) {\n      // Create a box node and apply the texture to it.\n      const n = gui.new_box_node(vmath.vector3(200, 200, 0), vmath.vector3(w, h, 0));\n      gui.set_texture(n, \"orange_tx\");\n    } else {\n      // Could not create texture for some reason...\n      if (reason === gui.RESULT_TEXTURE_ALREADY_EXISTS) {\n        // ...\n      } else {\n        // ...\n      }\n    }\n  },\n});\n\n// How to create a texture using .astc format\nconst path = \"/assets/images/logo_4x4.astc\";\nconst buffer = sys.load_resource(path);\nconst n = gui.new_box_node(pos, vmath.vector3(size, size, 0));\n// size is read from the .astc buffer\n// flip is not supported\ngui.new_texture(path, 0, 0, \"astc\", buffer, false);\ngui.set_texture(n, path);"
+    }
+  ],
+  "gui.play_flipbook": [
+    {
+      "sourceHash": "341233e631c23020",
+      "ts": "// Set the texture of a node to a flipbook animation from an atlas:\nfunction anim_callback(self, node) {\n  // Take action after animation has played.\n}\n\nexport default defineScript({\n  init(self) {\n    // Create a new node and set the texture to a flipbook animation\n    const node = gui.get_node(\"button_node\");\n    gui.set_texture(node, \"gui_sprites\");\n    gui.play_flipbook(node, \"animated_button\");\n  },\n});\n\n// Set the texture of a node to an image from an atlas:\n// Create a new node and set the texture to a \"button.png\" from atlas\nconst node = gui.get_node(\"button_node\");\ngui.set_texture(node, \"gui_sprites\");\ngui.play_flipbook(node, \"button\");"
+    }
+  ],
+  "gui.play_particlefx": [
+    {
+      "sourceHash": "19a26b6e14ad0997",
+      "ts": "// How to play a particle fx when a gui node is created.\n// The callback receives the gui node, the hash of the id\n// of the emitter, and the new state of the emitter as particlefx.EMITTER_STATE_.\nfunction emitter_state_change(self, node, emitter, state) {\n  if (emitter === hash(\"exhaust\") && state === particlefx.EMITTER_STATE_POSTSPAWN) {\n    // exhaust is done spawning particles...\n  }\n}\n\nexport default defineScript({\n  init(self) {\n    gui.play_particlefx(gui.get_node(\"particlefx\"), emitter_state_change);\n  },\n});"
+    }
+  ],
+  "gui.reset_material": [
+    {
+      "sourceHash": "3f3b1b3bdeb1ec73",
+      "ts": "// Resetting the material for a node:\nconst node = gui.get_node(\"my_node\");\ngui.reset_material(node);"
+    }
+  ],
+  "gui.screen_to_local": [
+    {
+      "sourceHash": "3e442324e48a7f04",
+      "ts": "// Animate a node to the pressed pointer position:\nexport default defineScript({\n  init() {\n    msg.post(\".\", \"acquire_input_focus\");\n    return { marker: gui.get_node(\"marker\") };\n  },\n\n  on_input(self, action_id, action) {\n    if (action_id === hash(\"touch\") && action.pressed) {\n      const screen_position = vmath.vector3(action.screen_x, action.screen_y, 0);\n      const target_position = gui.screen_to_local(self.marker, screen_position);\n      gui.animate(self.marker, gui.PROP_POSITION, target_position, gui.EASING_OUTQUAD, 0.2);\n      return true;\n    }\n  },\n});"
+    }
+  ],
+  "gui.set": [
+    {
+      "sourceHash": "a609fdbcee772fac",
+      "ts": "// Updates the position property on an existing node:\nconst node = gui.get_node(\"my_box_node\");\nconst node_position = gui.get(node, \"position\");\ngui.set(node, \"position.x\", node_position.x + 128);\n\n// Updates the rotation property on an existing node:\ngui.set(node, \"rotation\", vmath.quat_rotation_z(math.rad(45)));\n// this is equivalent to:\ngui.set(node, \"euler.z\", 45);\n// or using the entire vector:\ngui.set(node, \"euler\", vmath.vector3(0, 0, 45));\n// or using the set_rotation\ngui.set_rotation(node, vmath.vector3(0, 0, 45));\n\n// Sets various material constants for a node:\ngui.set(node, \"tint\", vmath.vector4(1, 0, 0, 1));\n// matrix4 is also supported\ngui.set(node, \"light_matrix\", vmath.matrix4());\n// update a constant in an array at position 4. the array is specified in the shader as:\n// uniform vec4 tint_array[4]; // lua is 1 based, shader is 0 based\ngui.set(node, \"tint_array\", vmath.vector4(1, 0, 0, 1), { index: 4 });\n// update a matrix constant in an array at position 4. the array is specified in the shader as:\n// uniform mat4 light_matrix_array[4];\ngui.set(node, \"light_matrix_array\", vmath.matrix4(), { index: 4 });\n// update a sub-element in a constant\ngui.set(node, \"tint.x\", 1);\n// update a sub-element in an array constant at position 4\ngui.set(node, \"tint_array.x\", 1, { index: 4 });\n\n// Set a named property\nexport default defineScript({\n  on_message(self, message_id, message) {\n    if (message_id === hash(\"set_font\")) {\n      gui.set(msg.url(), \"fonts\", message.font, { key: \"my_font_name\" });\n      gui.set_font(gui.get_node(\"text\"), \"my_font_name\");\n    } else if (message_id === hash(\"set_texture\")) {\n      gui.set(msg.url(), \"textures\", message.texture, { key: \"my_texture\" });\n      gui.set_texture(gui.get_node(\"box\"), \"my_texture\");\n      gui.play_flipbook(gui.get_node(\"box\"), \"logo_256\");\n    }\n  },\n});\n\n// Remove a named runtime texture resource mapping:\nconst atlas_id = resource.create_atlas(\"/runtime.texturesetc\", atlas_params);\ngui.set(msg.url(), \"textures\", atlas_id, { key: \"runtime_texture\" });\ngui.set_texture(gui.get_node(\"box\"), \"runtime_texture\");\n\n// Later, remove the GUI mapping before releasing the atlas resource.\ngui.set(msg.url(), \"textures\", undefined, { key: \"runtime_texture\" });\nresource.release(atlas_id);"
+    },
+    {
+      "sourceHash": "d195edde0a9fd170",
+      "ts": "// Updates the position property on an existing node:\nconst node = gui.get_node(\"my_box_node\");\nconst node_position = gui.get(node, \"position\");\ngui.set(node, \"position.x\", node_position.x + 128);\n\n// Updates the rotation property on an existing node:\ngui.set(node, \"rotation\", vmath.quat_rotation_z(math.rad(45)));\n// this is equivalent to:\ngui.set(node, \"euler.z\", 45);\n// or using the entire vector:\ngui.set(node, \"euler\", vmath.vector3(0, 0, 45));\n// or using the set_rotation\ngui.set_rotation(node, vmath.vector3(0, 0, 45));\n\n// Sets various material constants for a node:\ngui.set(node, \"tint\", vmath.vector4(1, 0, 0, 1));\n// matrix4 is also supported\ngui.set(node, \"light_matrix\", vmath.matrix4());\n// update a constant in an array at position 4. the array is specified in the shader as:\n// uniform vec4 tint_array[4]; // lua is 1 based, shader is 0 based\ngui.set(node, \"tint_array\", vmath.vector4(1, 0, 0, 1), { index: 4 });\n// update a matrix constant in an array at position 4. the array is specified in the shader as:\n// uniform mat4 light_matrix_array[4];\ngui.set(node, \"light_matrix_array\", vmath.matrix4(), { index: 4 });\n// update a sub-element in a constant\ngui.set(node, \"tint.x\", 1);\n// update a sub-element in an array constant at position 4\ngui.set(node, \"tint_array.x\", 1, { index: 4 });\n\n// Set a named property\nexport default defineScript({\n  on_message(self, message_id, message) {\n    if (message_id === hash(\"set_font\")) {\n      gui.set(msg.url(), \"fonts\", message.font, { key: \"my_font_name\" });\n      gui.set_font(gui.get_node(\"text\"), \"my_font_name\");\n    } else if (message_id === hash(\"set_texture\")) {\n      gui.set(msg.url(), \"textures\", message.texture, { key: \"my_texture\" });\n      gui.set_texture(gui.get_node(\"box\"), \"my_texture\");\n      gui.play_flipbook(gui.get_node(\"box\"), \"logo_256\");\n    }\n  },\n});"
+    }
+  ],
+  "gui.set_id": [
+    {
+      "sourceHash": "a17e8e54c0bba6b7",
+      "ts": "// Create a new node and set its id:\nconst pos = vmath.vector3(100, 100, 0);\nconst size = vmath.vector3(100, 100, 0);\nconst node = gui.new_box_node(pos, size);\ngui.set_id(node, \"my_new_node\");"
+    }
+  ],
+  "gui.set_material": [
+    {
+      "sourceHash": "891af31360f6d071",
+      "ts": "// Assign an existing material to a node:\nconst node = gui.get_node(\"my_node\");\ngui.set_material(node, \"my_material\");"
+    }
+  ],
+  "gui.set_texture": [
+    {
+      "sourceHash": "8c3b738f1772c4fa",
+      "ts": "// To set a texture (or animation) from an atlas:\nconst node = gui.get_node(\"box_node\");\ngui.set_texture(node, \"my_atlas\");\ngui.play_flipbook(node, \"image\");\n\n// Set a dynamically created texture to a node. Note that there is only\n// one texture image in this case so gui.set_texture() is sufficient.\nconst w = 200;\nconst h = 300;\n// A nice orange. String with the RGB values.\nconst orange = String.fromCharCode(0xff, 0x80, 0x10);\n// Create the texture. Repeat the color string for each pixel.\nif (gui.new_texture(\"orange_tx\", w, h, \"rgb\", orange.repeat(w * h))) {\n  gui.set_texture(node, \"orange_tx\");\n}"
+    }
+  ],
+  "gui.set_texture_data": [
+    {
+      "sourceHash": "86e3fd4362242ba1",
+      "ts": "export default defineScript({\n  init(self) {\n    const w = 200;\n    const h = 300;\n\n    // Create a dynamic texture, all white.\n    if (gui.new_texture(\"dynamic_tx\", w, h, \"rgb\", String.fromCharCode(0xff).repeat(w * h * 3))) {\n      // Create a box node and apply the texture to it.\n      const n = gui.new_box_node(vmath.vector3(200, 200, 0), vmath.vector3(w, h, 0));\n      gui.set_texture(n, \"dynamic_tx\");\n\n      // ...\n\n      // Change the data in the texture to a nice orange.\n      const orange = String.fromCharCode(0xff, 0x80, 0x10);\n      if (gui.set_texture_data(\"dynamic_tx\", w, h, \"rgb\", orange.repeat(w * h))) {\n        // Go on and to more stuff\n        // ...\n      }\n    } else {\n      // Something went wrong\n      // ...\n    }\n  },\n});"
+    }
+  ],
+  "html5.run": [
+    {
+      "sourceHash": "03f87c9fc915512f",
+      "ts": "const res = html5.run(\"10 + 20\"); // returns the string \"30\"\nprint(res);\nconst res_num = tonumber(res); // convert to number\nprint(res_num - 20); // prints 10"
+    }
+  ],
+  "html5.set_interaction_listener": [
+    {
+      "sourceHash": "edc07489a3fc761c",
+      "ts": "function on_interaction(self) {\n  print(\"on_interaction called\");\n  html5.set_interaction_listener(undefined);\n}\n\nexport default defineScript({\n  init() {\n    html5.set_interaction_listener(on_interaction);\n  },\n});"
+    }
+  ],
+  "http.request": [
+    {
+      "sourceHash": "170c94c250c1ce49",
+      "ts": "// Basic HTTP-GET request. The callback receives a table with the response\n// in the fields status, the response (the data) and headers (a table).\nexport default defineScript({\n  init() {\n    http.request(\n      \"http://www.google.com\",\n      \"GET\",\n      (self, _id, response) => {\n        if (response.bytes_total !== undefined) {\n          update_my_progress_bar(self, response.bytes_received / response.bytes_total);\n        } else {\n          print(response.status);\n          print(response.response);\n          pprint(response.headers);\n        }\n      },\n      undefined,\n      undefined,\n      { report_progress: true },\n    );\n  },\n});"
+    }
+  ],
+  "image.get_astc_header": [
+    {
+      "sourceHash": "adae89354a89050a",
+      "ts": "// How to get the block size and dimensions from a .astc file\nconst [s] = sys.load_resource(\"/assets/cat.astc\");\nconst header = image.get_astc_header(s);\npprint(s);"
+    }
+  ],
+  "image.load": [
+    {
+      "sourceHash": "d7c6b4708bd86c99",
+      "ts": "// How to load an image from an URL and create a GUI texture from it:\nconst imgurl = \"http://www.site.com/image.png\";\nhttp.request(imgurl, \"GET\", (self, id, response) => {\n  const img = image.load(response.response);\n  const tx = gui.new_texture(\"image_node\", img.width, img.height, img.type, img.buffer);\n});"
+    }
+  ],
+  "image.load_buffer": [
+    {
+      "sourceHash": "55649cadc660e25e",
+      "ts": "// Load an image from an URL as a buffer and create a texture resource from it:\nconst imgurl = \"http://www.site.com/image.png\";\nhttp.request(imgurl, \"GET\", (self, id, response) => {\n  const img = image.load_buffer(response.response, { flip_vertically: true });\n  const tparams = {\n    width: img.width,\n    height: img.height,\n    type: graphics.TEXTURE_TYPE_2D,\n    format: graphics.TEXTURE_FORMAT_RGBA,\n  };\n\n  const my_texture_id = resource.create_texture(\"/my_custom_texture.texturec\", tparams, img.buffer);\n  // Apply the texture to a model\n  go.set(\"/go1#model\", \"texture0\", my_texture_id);\n});"
+    }
+  ],
+  "init": [
+    {
+      "sourceHash": "70267e467e6e247e",
+      "ts": "export default defineScript({\n  init() {\n    // set up useful data\n    return { my_value: 1 };\n  },\n});"
+    }
+  ],
+  "json.decode": [
+    {
+      "sourceHash": "a9970c96ca5954c6",
+      "ts": "// Converting a string containing JSON data into a table:\nexport default defineScript({\n  init() {\n    const jsonstring = '{\"persons\":[{\"name\":\"John Doe\"},{\"name\":\"Darth Vader\"}]}';\n    const data = json.decode(jsonstring);\n    pprint(data);\n  },\n});\n\n// Results in the following printout:\n// {\n//   persons = {\n//     1 = {\n//       name = John Doe,\n//     }\n//     2 = {\n//       name = Darth Vader,\n//     }\n//   }\n// }"
+    }
+  ],
+  "json.encode": [
+    {
+      "sourceHash": "e87a21865ef89cd4",
+      "ts": "// Convert a table to a JSON string:\nexport default defineScript({\n  init() {\n    const tbl = {\n      persons: [{ name: \"John Doe\" }, { name: \"Darth Vader\" }],\n    };\n    const jsonstring = json.encode(tbl);\n    pprint(jsonstring);\n  },\n});\n\n// Results in the following printout:\n// {\"persons\":[{\"name\":\"John Doe\"},{\"name\":\"Darth Vader\"}]}"
+    }
+  ],
+  "label.get_text": [
+    {
+      "sourceHash": "f1c34d0aca8a07d9",
+      "ts": "export default defineScript({\n  init(self) {\n    const text = label.get_text(\"#label\");\n    print(text);\n  },\n});"
+    }
+  ],
+  "label.set_text": [
+    {
+      "sourceHash": "0d47c9a209b0d646",
+      "ts": "export default defineScript({\n  init(self) {\n    label.set_text(\"#label\", \"Hello World!\");\n  },\n});"
+    }
+  ],
+  "liveupdate.add_mount": [
+    {
+      "sourceHash": "708a62d425220ddf",
+      "ts": "// Add multiple mounts. Higher priority takes precedence.\nliveupdate.add_mount(\"common\", \"zip:/path/to/common_stuff.zip\", 10, (result) => {}); // base pack\nliveupdate.add_mount(\"levelpack_1\", \"zip:/path/to/levels_1_to_20.zip\", 20, (result) => {}); // level pack\nliveupdate.add_mount(\"season_pack_1\", \"zip:/path/to/easter_pack_1.zip\", 30, (result) => {}); // season pack, overriding content in the other packs"
+    },
+    {
+      "sourceHash": "71fa57cf1b09f936",
+      "ts": "// Add multiple mounts. Higher priority takes precedence.\nliveupdate.add_mount(\"common\", \"zip:/path/to/common_stuff.zip\", 10, (result) => {}); // base pack\nliveupdate.add_mount(\"levelpack_1\", \"zip:/path/to/levels_1_to_20.zip\", 20, (result) => {}); // level pack\nliveupdate.add_mount(\"season_pack_1\", \"zip:/path/to/easter_pack_1.zip\", 30, (result) => {}); // season pack, overriding content in the other packs"
+    }
+  ],
+  "liveupdate.get_mounts": [
+    {
+      "sourceHash": "1d7c8369562acce9",
+      "ts": "// Output the current resource mounts\npprint(\"MOUNTS\", liveupdate.get_mounts());\n\n// Give an output like:\n// DEBUG:SCRIPT: MOUNTS,\n// {\n//   1 = {\n//     name = \"liveupdate\",\n//     uri = \"zip:/device/path/to/acchives/liveupdate.zip\",\n//     priority = 5\n//   },\n//   2 = {\n//     name = \"_base\",\n//     uri = \"archive:build/default/game.dmanifest\",\n//     priority = -10\n//   }\n// }"
+    },
+    {
+      "sourceHash": "f79283b7edf516cf",
+      "ts": "// Output the current resource mounts\npprint(\"MOUNTS\", liveupdate.get_mounts());\n\n// Give an output like:\n// DEBUG:SCRIPT: MOUNTS,\n// {\n//   1 = {\n//     name = \"liveupdate\",\n//     uri = \"zip:/device/path/to/acchives/liveupdate.zip\",\n//     priority = 5\n//   },\n//   2 = {\n//     name = \"_base\",\n//     uri = \"archive:build/default/game.dmanifest\",\n//     priority = -10\n//   }\n// }"
+    }
+  ],
+  "liveupdate.is_built_with_excluded_files": [
+    {
+      "sourceHash": "dc3945dfc9f5899a",
+      "ts": "if (liveupdate.is_built_with_excluded_files()) print(\"The bundle expects live update content.\");"
+    }
+  ],
+  "liveupdate.remove_mount": [
+    {
+      "sourceHash": "4cd05fc6a53a9964",
+      "ts": "// Add multiple mounts. Higher priority takes precedence.\nliveupdate.remove_mount(\"season_pack_1\");"
+    }
+  ],
+  "material.get_constants": [
+    {
+      "sourceHash": "6409de8793053165",
+      "ts": "const constants = material.get_constants(resource.material(\"/my_material.materialc\"));"
+    }
+  ],
+  "material.get_samplers": [
+    {
+      "sourceHash": "e346ac9f6ec55d31",
+      "ts": "const samplers = material.get_samplers(resource.material(\"/my_material.materialc\"));"
+    }
+  ],
+  "material.get_textures": [
+    {
+      "sourceHash": "350415f3b2ba725d",
+      "ts": "const textures = material.get_textures(resource.material(\"/my_material.materialc\"));"
+    }
+  ],
+  "material.get_vertex_attributes": [
+    {
+      "sourceHash": "e835376dd87b4332",
+      "ts": "const vertex_attributes = material.get_vertex_attributes(resource.material(\"/my_material.materialc\"));"
+    }
+  ],
+  "material.set_constants": [
+    {
+      "sourceHash": "4f7ec4631253a3dc",
+      "ts": "material.set_constants(resource.material(\"/my_material.materialc\"), { tint: { value: vmath.vector4(1, 0, 0, 1) } });"
+    }
+  ],
+  "material.set_samplers": [
+    {
+      "sourceHash": "3d29dbd58cf503ad",
+      "ts": "material.set_samplers(resource.material(\"/my_material.materialc\"), { texture_sampler: { u_wrap: graphics.TEXTURE_WRAP_REPEAT, v_wrap: graphics.TEXTURE_WRAP_MIRRORED_REPEAT } });"
+    }
+  ],
+  "material.set_textures": [
+    {
+      "sourceHash": "8b7930f275efc915",
+      "ts": "material.set_textures(resource.material(\"/my_material.materialc\"), { my_texture: resource.texture() });"
+    }
+  ],
+  "material.set_vertex_attributes": [
+    {
+      "sourceHash": "a78800caef15ee12",
+      "ts": "material.set_vertex_attributes(resource.material(\"/my_material.materialc\"), { tint_attribute: { value: vmath.vector4(1, 0, 0, 1), semantic_type: graphics.SEMANTIC_TYPE_COLOR } });"
+    }
+  ],
+  "model.get_aabb": [
+    {
+      "sourceHash": "c3d5a35355bc45dd",
+      "ts": "model.get_aabb(\"#model\"); // => { min = vmath.vector3(-2.5, -3.0, 0), max = vmath.vector3(1.5, 5.5, 0) }\nmodel.get_aabb(\"#empty\"); // => { min = vmath.vector3(0, 0, 0), max = vmath.vector3(0, 0, 0) }"
+    }
+  ],
+  "model.get_blend_weights": [
+    {
+      "sourceHash": "a4945bd4efb90dd9",
+      "ts": "const weights = model.get_blend_weights(\"#model\");\nweights[1] = 0.75;\nweights[2] = 0.25;\nmodel.set_blend_weights(\"#model\", weights);"
+    }
+  ],
+  "model.get_go": [
+    {
+      "sourceHash": "dc474f0980c842b4",
+      "ts": "// The following examples assume that the model component has id \"model\".\n// How to parent the game object of the calling script to the \"right_hand\" bone\n// of the model in a player game object:\nexport default defineScript({\n  init(self) {\n    const parent = model.get_go(\"player#model\", \"right_hand\");\n    msg.post(\".\", \"set_parent\", { parent_id: parent });\n  },\n});"
+    }
+  ],
+  "model.get_mesh_aabb": [
+    {
+      "sourceHash": "4271f0cc5563f9e2",
+      "ts": "model.get_mesh_aabb(\"#model\"); // => { hash(\"Sword\") = { min = vmath.vector3(-0.5, -0.5, 0), max = vmath.vector3(0.5, 0.5, 0) }, hash(\"Shield\") = { min = vmath.vector3(-0.5, -0.5, -0.5), max = vmath.vector3(0.5, 0.5, 0.5) } }"
+    }
+  ],
+  "model.get_mesh_enabled": [
+    {
+      "sourceHash": "b2f9e47a91bc3f12",
+      "ts": "export default defineScript({\n  init(self) {\n    if (model.get_mesh_enabled(\"#model\", \"Sword\")) {\n      // set properties specific for the sword\n      self.weapon_properties = game.data.weapons[\"Sword\"];\n    }\n  },\n});"
+    }
+  ],
+  "model.play_anim": [
+    {
+      "sourceHash": "64d6b46054d23a1b",
+      "ts": "// The following examples assume that the model has id \"model\".\n// How to play the \"jump\" animation followed by the \"run\" animation:\nfunction anim_done(self, message_id, message, sender) {\n  if (message_id === hash(\"model_animation_done\")) {\n    if (message.animation_id === hash(\"jump\")) {\n      // open animation done, chain with \"run\"\n      const properties = { blend_duration: 0.2 };\n      model.play_anim(url, \"run\", go.PLAYBACK_LOOP_FORWARD, properties, anim_done);\n    }\n  }\n}\n\nexport default defineScript({\n  init(self) {\n    const url = msg.url(\"#model\");\n    const play_properties = { blend_duration: 0.1 };\n    // first blend during 0.1 sec into the jump, then during 0.2 s into the run animation\n    model.play_anim(url, \"jump\", go.PLAYBACK_ONCE_FORWARD, play_properties, anim_done);\n  },\n});"
+    }
+  ],
+  "model.reset_constant": [
+    {
+      "sourceHash": "969baf429fe024b8",
+      "ts": "model.reset_constant(\"#model\", \"tint\");"
+    }
+  ],
+  "model.set_blend_weights": [
+    {
+      "sourceHash": "74fd31c0afc44481",
+      "ts": "model.set_blend_weights(\"#model\", [0, 1, 0.5, 0]);\nmodel.set_blend_weights(\"#model\");"
+    }
+  ],
+  "model.set_mesh_enabled": [
+    {
+      "sourceHash": "a941b97305e37153",
+      "ts": "export default defineScript({\n  init(self) {\n    model.set_mesh_enabled(\"#model\", \"Sword\", false); // hide the sword\n    model.set_mesh_enabled(\"#model\", \"Axe\", true); // show the axe\n  },\n});"
+    }
+  ],
+  "msg.post": [
+    {
+      "sourceHash": "8eb90635d0b538fe",
+      "ts": "// Send \"enable\" to the sprite \"my_sprite\" in \"my_gameobject\":\nmsg.post(\"my_gameobject#my_sprite\", \"enable\");\n\n// Send a \"my_message\" to a url with some additional data:\nconst params = { my_parameter: \"my_value\" };\nmsg.post(my_url, \"my_message\", params);"
+    }
+  ],
+  "msg.url": [
+    {
+      "sourceHash": "beb786e09647d2ac",
+      "ts": "const my_socket = \"main\"; // specify by valid name\nconst my_path = hash(\"/my_collection/my_gameobject\"); // specify as string or hash\nconst my_fragment = \"component\"; // specify as string or hash\nconst my_url = msg.url(my_socket, my_path, my_fragment);\n\nprint(my_url); // => url: [main:/my_collection/my_gameobject#component]\nprint(my_url.socket); // => 786443 (internal numeric value)\nprint(my_url.path); // => hash: [/my_collection/my_gameobject]\nprint(my_url.fragment); // => hash: [component]"
+    },
+    {
+      "sourceHash": "10aea53cabfa253d",
+      "ts": "// Create a new URL which will address the current script:\nconst my_url = msg.url();\nprint(my_url); // => url: [current_collection:/my_instance#my_component]"
+    },
+    {
+      "sourceHash": "ceb19017beed7eef",
+      "ts": "const my_url = msg.url(\"#my_component\");\nprint(my_url); // => url: [current_collection:/my_instance#my_component]\n\nconst my_collection_url = msg.url(\"my_collection:/my_sub_collection/my_instance#my_component\");\nprint(my_collection_url); // => url: [my_collection:/my_sub_collection/my_instance#my_component]\n\nconst my_socket_url = msg.url(\"my_socket:\");\nprint(my_socket_url); // => url: [my_collection:]"
+    }
+  ],
+  "on_input": [
+    {
+      "sourceHash": "86c70cf4ccb7381e",
+      "ts": "// This example demonstrates how a game object instance can be moved as a response to user input.\nexport default defineScript({\n  init() {\n    // acquire input focus\n    msg.post(\".\", \"acquire_input_focus\");\n    return {\n      // maximum speed the instance can be moved\n      max_speed: 2,\n      // velocity of the instance, initially zero\n      velocity: vmath.vector3(),\n    };\n  },\n\n  update(self, dt) {\n    // move the instance\n    go.set_position(go.get_position().add(self.velocity.mul(dt)));\n  },\n\n  on_input(self, action_id, action) {\n    // check for movement input\n    if (action_id === hash(\"right\")) {\n      if (action.released) {\n        // reset velocity if input was released\n        self.velocity = vmath.vector3();\n      } else {\n        // update velocity\n        self.velocity = vmath.vector3(action.value * self.max_speed, 0, 0);\n      }\n    }\n  },\n});"
+    },
+    {
+      "sourceHash": "cc835ea429adc693",
+      "ts": "export default defineScript({\n  on_input(self, action_id, action) {\n    // check for input\n    if (action_id === hash(\"my_action\")) {\n      // take appropriate action\n      self.my_value = action.value;\n    }\n    // consume input\n    return true;\n  },\n});"
+    }
+  ],
+  "on_message": [
+    {
+      "sourceHash": "bfed6bd72e3242e2",
+      "ts": "// This example demonstrates how a game object instance, called \"a\", can communicate with another instance, called \"b\". It\n// is assumed that both script components of the instances has id \"script\".\n\n// a.script \u2014 Script of instance \"a\":\nexport default defineScript({\n  init() {\n    // let b know about some important data\n    msg.post(\"b#script\", \"my_data\", { important_value: 1 });\n  },\n});\n\n// b.script \u2014 Script of instance \"b\":\nexport default defineScript({\n  init() {\n    // store the url of instance \"a\" for later use, by specifying undefined as socket we\n    // automatically use our own socket\n    return { a_url: msg.url(undefined, go.get_id(\"a\"), \"script\") };\n  },\n\n  on_message(self, message_id, message, sender) {\n    // check message and sender\n    if (message_id === hash(\"my_data\") && sender === self.a_url) {\n      // use the data in some way\n      self.important_value = message.important_value;\n    }\n  },\n});"
+    }
+  ],
+  "on_reload": [
+    {
+      "sourceHash": "ba39c0b0d5170ccb",
+      "ts": "// This example demonstrates how to tweak the speed of a game object instance that is moved on user input.\nexport default defineScript({\n  init() {\n    // acquire input focus\n    msg.post(\".\", \"acquire_input_focus\");\n    return {\n      // maximum speed the instance can be moved, this value is tweaked in the on_reload function below\n      max_speed: 2,\n      // velocity of the instance, initially zero\n      velocity: vmath.vector3(),\n    };\n  },\n\n  update(self, dt) {\n    // move the instance\n    go.set_position(go.get_position().add(self.velocity.mul(dt)));\n  },\n\n  on_input(self, action_id, action) {\n    // check for movement input\n    if (action_id === hash(\"right\")) {\n      if (action.released) {\n        // reset velocity if input was released\n        self.velocity = vmath.vector3();\n      } else {\n        // update velocity\n        self.velocity = vmath.vector3(action.value * self.max_speed, 0, 0);\n      }\n    }\n  },\n\n  on_reload(self) {\n    // edit this value and reload the script component\n    self.max_speed = 100;\n  },\n});"
+    },
+    {
+      "sourceHash": "e89fe0d0bd51ed98",
+      "ts": "export default defineGuiScript({\n  on_reload(self) {\n    // restore some color (or similar)\n    gui.set_color(gui.get_node(\"my_node\"), self.my_original_color);\n  },\n});"
+    }
+  ],
+  "particlefx.play": [
+    {
+      "sourceHash": "01a21997b47ac4fc",
+      "ts": "// How to play a particle fx when a game object is created.\n// The callback receives the hash of the path to the particlefx, the hash of the id\n// of the emitter, and the new state of the emitter as particlefx.EMITTER_STATE_.\nfunction emitter_state_change(self, id, emitter, state) {\n  if (emitter === hash(\"exhaust\") && state === particlefx.EMITTER_STATE_POSTSPAWN) {\n    // exhaust is done spawning particles...\n  }\n}\n\nexport default defineScript({\n  init(self) {\n    particlefx.play(\"#particlefx\", emitter_state_change);\n  },\n});"
+    }
+  ],
+  "particlefx.reset_constant": [
+    {
+      "sourceHash": "f633633f9123cbd5",
+      "ts": "// The following examples assume that the particle FX has id \"particlefx\", it\n// contains an emitter with the id \"emitter\" and that the default-material in\n// builtins is used, which defines the constant \"tint\".\n// If you assign a custom material to the sprite, you can reset the constants\n// defined there in the same manner.\n// How to reset the tinting of particles from an emitter:\nexport default defineScript({\n  init(self) {\n    particlefx.reset_constant(\"#particlefx\", \"emitter\", \"tint\");\n  },\n});"
+    }
+  ],
+  "particlefx.set_constant": [
+    {
+      "sourceHash": "00b20c7c62578c94",
+      "ts": "// The following examples assume that the particle FX has id \"particlefx\", it\n// contains an emitter with the id \"emitter\" and that the default-material in\n// builtins is used, which defines the constant \"tint\".\n// If you assign a custom material to the sprite, you can reset the constants\n// defined there in the same manner.\n// How to tint particles from an emitter red:\nexport default defineScript({\n  init(self) {\n    particlefx.set_constant(\"#particlefx\", \"emitter\", \"tint\", vmath.vector4(1, 0, 0, 1));\n  },\n});"
+    }
+  ],
+  "particlefx.stop": [
+    {
+      "sourceHash": "28a9bb656e324f8c",
+      "ts": "// How to stop a particle fx when a game object is deleted and immediately also\n// clear any spawned particles:\nexport default defineScript({\n  final(self) {\n    particlefx.stop(\"#particlefx\", { clear: true });\n  },\n});"
+    }
+  ],
+  "physics.get_gravity": [
+    {
+      "sourceHash": "b2b339f1ddd89a38",
+      "ts": "export default defineScript({\n  init(self) {\n    let gravity = physics.get_gravity();\n    // Inverse gravity!\n    gravity = -gravity;\n    physics.set_gravity(gravity);\n  },\n});"
+    }
+  ],
+  "physics.raycast": [
+    {
+      "sourceHash": "3e0c534d741f0120",
+      "ts": "// How to perform a ray cast synchronously:\nexport default defineScript({\n  init(self) {\n    self.groups = [hash(\"world\"), hash(\"enemy\")];\n  },\n\n  update(self, dt) {\n    // request ray cast\n    const result = physics.raycast(from, to, self.groups, { all: true });\n    if (result !== undefined) {\n      // act on the hit (see 'ray_cast_response')\n      for (const result of results) {\n        handle_result(result);\n      }\n    }\n  },\n});"
+    }
+  ],
+  "physics.raycast_async": [
+    {
+      "sourceHash": "746b7900ebaa1f10",
+      "ts": "// How to perform a ray cast asynchronously:\nexport default defineScript({\n  init(self) {\n    self.my_groups = [hash(\"my_group1\"), hash(\"my_group2\")];\n  },\n\n  update(self, dt) {\n    // request ray cast\n    physics.raycast_async(my_start, my_end, self.my_groups);\n  },\n\n  on_message(self, message_id, message, sender) {\n    // check for the response\n    if (message_id === hash(\"ray_cast_response\")) {\n      // act on the hit\n    } else if (message_id === hash(\"ray_cast_missed\")) {\n      // act on the miss\n    }\n  },\n});"
+    }
+  ],
+  "physics.set_event_listener": [
+    {
+      "sourceHash": "5d31d05d52e50c3f",
+      "ts": "function physics_world_listener(self, events) {\n  for (const event of events) {\n    const event_type = event[\"type\"];\n    if (event_type === hash(\"contact_point_event\")) {\n      pprint(event);\n      // {\n      //  distance = 2.1490633487701,\n      //  applied_impulse = 0\n      //  a = { --[[0x113f7c6c0]]\n      //    group = hash: [box],\n      //    id = hash: [/box]\n      //    mass = 0,\n      //    normal = vmath.vector3(0.379, 0.925, -0),\n      //    position = vmath.vector3(517.337, 235.068, 0),\n      //    instance_position = vmath.vector3(480, 144, 0),\n      //    relative_velocity = vmath.vector3(-0, -0, -0),\n      //  },\n      //  b = { --[[0x113f7c840]]\n      //    group = hash: [circle],\n      //    id = hash: [/circle]\n      //    mass = 0,\n      //    normal = vmath.vector3(-0.379, -0.925, 0),\n      //    position = vmath.vector3(517.337, 235.068, 0),\n      //    instance_position = vmath.vector3(-0.0021, 0, -0.0022),\n      //    relative_velocity = vmath.vector3(0, 0, 0),\n      //  },\n      // }\n    } else if (event === hash(\"collision_event\")) {\n      pprint(event);\n      // {\n      //  a = {\n      //          group = hash: [default],\n      //          position = vmath.vector3(183, 666, 0),\n      //          id = hash: [/go1]\n      //      },\n      //  b = {\n      //          group = hash: [default],\n      //          position = vmath.vector3(185, 704.05865478516, 0),\n      //          id = hash: [/go2]\n      //      }\n      // }\n    } else if (event === hash(\"trigger_event\")) {\n      pprint(event);\n      // {\n      //  enter = true,\n      //  b = {\n      //      group = hash: [default],\n      //      id = hash: [/go2]\n      //  },\n      //  a = {\n      //      group = hash: [default],\n      //      id = hash: [/go1]\n      //  }\n      // },\n    } else if (event === hash(\"ray_cast_response\")) {\n      pprint(event);\n      // {\n      //  group = hash: [default],\n      //  request_id = 0,\n      //  position = vmath.vector3(249.92222595215, 249.92222595215, 0),\n      //  fraction = 0.68759721517563,\n      //  normal = vmath.vector3(0, 1, 0),\n      //  id = hash: [/go]\n      // }\n    } else if (event === hash(\"ray_cast_missed\")) {\n      pprint(event);\n      // {\n      //  request_id = 0\n      // },\n    }\n  }\n}\n\nexport default defineScript({\n  init(self) {\n    physics.set_event_listener(physics_world_listener);\n  },\n});"
+    },
+    {
+      "sourceHash": "ac24712f2e988ba4",
+      "ts": "function physics_world_listener(self, events) {\n  for (const event of events) {\n    const event_type = event[\"type\"];\n    if (event_type === hash(\"contact_point_event\")) {\n      pprint(event);\n      // {\n      //  distance = 2.1490633487701,\n      //  applied_impulse = 0\n      //  a = { --[[0x113f7c6c0]]\n      //    group = hash: [box],\n      //    id = hash: [/box]\n      //    mass = 0,\n      //    normal = vmath.vector3(0.379, 0.925, -0),\n      //    position = vmath.vector3(517.337, 235.068, 0),\n      //    instance_position = vmath.vector3(480, 144, 0),\n      //    relative_velocity = vmath.vector3(-0, -0, -0),\n      //  },\n      //  b = { --[[0x113f7c840]]\n      //    group = hash: [circle],\n      //    id = hash: [/circle]\n      //    mass = 0,\n      //    normal = vmath.vector3(-0.379, -0.925, 0),\n      //    position = vmath.vector3(517.337, 235.068, 0),\n      //    instance_position = vmath.vector3(-0.0021, 0, -0.0022),\n      //    relative_velocity = vmath.vector3(0, 0, 0),\n      //  },\n      // }\n    } else if (event === hash(\"collision_event\")) {\n      pprint(event);\n      // {\n      //  a = {\n      //          group = hash: [default],\n      //          position = vmath.vector3(183, 666, 0),\n      //          id = hash: [/go1]\n      //      },\n      //  b = {\n      //          group = hash: [default],\n      //          position = vmath.vector3(185, 704.05865478516, 0),\n      //          id = hash: [/go2]\n      //      }\n      // }\n    } else if (event === hash(\"trigger_event\")) {\n      pprint(event);\n      // {\n      //  enter = true,\n      //  b = {\n      //      group = hash: [default],\n      //      id = hash: [/go2]\n      //  },\n      //  a = {\n      //      group = hash: [default],\n      //      id = hash: [/go1]\n      //  }\n      // },\n    } else if (event === hash(\"ray_cast_response\")) {\n      pprint(event);\n      // {\n      //  group = hash: [default],\n      //  request_id = 0,\n      //  position = vmath.vector3(249.92222595215, 249.92222595215, 0),\n      //  fraction = 0.68759721517563,\n      //  normal = vmath.vector3(0, 1, 0),\n      //  id = hash: [/go]\n      // }\n    } else if (event === hash(\"ray_cast_missed\")) {\n      pprint(event);\n      // {\n      //  request_id = 0\n      // },\n    }\n  }\n}\n\nexport default defineScript({\n  init(self) {\n    physics.set_event_listener(physics_world_listener);\n  },\n});"
+    }
+  ],
+  "physics.set_gravity": [
+    {
+      "sourceHash": "56e8aa8c11bcde7b",
+      "ts": "export default defineScript({\n  init(self) {\n    // Set \"upside down\" gravity for this collection.\n    physics.set_gravity(vmath.vector3(0, 10.0, 0));\n  },\n});"
+    }
+  ],
+  "physics.set_hflip": [
+    {
+      "sourceHash": "71a627e46d2e651e",
+      "ts": "export default defineScript({\n  init(self) {\n    self.fliph = true; // set on some condition\n    physics.set_hflip(\"#collisionobject\", self.fliph);\n  },\n});"
+    }
+  ],
+  "physics.set_vflip": [
+    {
+      "sourceHash": "7b5832955ec6635c",
+      "ts": "export default defineScript({\n  init(self) {\n    self.flipv = true; // set on some condition\n    physics.set_vflip(\"#collisionobject\", self.flipv);\n  },\n});"
+    }
+  ],
+  "physics.update_mass": [
+    {
+      "sourceHash": "a14ee2d03aad6964",
+      "ts": "physics.update_mass(\"#collisionobject\", 14);"
+    }
+  ],
+  "profiler.dump_frame": [
+    {
+      "sourceHash": "54342e4fc710032d",
+      "ts": "profiler.dump_frame();"
+    }
+  ],
+  "profiler.enable": [
+    {
+      "sourceHash": "e1bfae1cc8bfaedd",
+      "ts": "// Show the profiler UI\nprofiler.enable(true);"
+    }
+  ],
+  "profiler.enable_ui": [
+    {
+      "sourceHash": "65b549b66a4b72c2",
+      "ts": "// Show the profiler UI\nprofiler.enable_ui(true);"
+    }
+  ],
+  "profiler.get_memory_usage": [
+    {
+      "sourceHash": "5c8e91a11be9384c",
+      "ts": "// Get memory usage before and after loading a collection:\nprint(profiler.get_memory_usage());\nmsg.post(\"#collectionproxy\", \"load\");\n// ...\nprint(profiler.get_memory_usage()); // will report a higher number than the initial call"
+    }
+  ],
+  "profiler.log_text": [
+    {
+      "sourceHash": "86c7e0a666f0147e",
+      "ts": "profiler.log_text(`Event: ${name}`);"
+    }
+  ],
+  "profiler.recorded_frame_count": [
+    {
+      "sourceHash": "9d55df4a00c36560",
+      "ts": "// Show the last recorded frame\nconst recorded_frame_count = profiler.recorded_frame_count();\nprofiler.view_recorded_frame(recorded_frame_count);"
+    }
+  ],
+  "profiler.scope_begin": [
+    {
+      "sourceHash": "fa297bd541df8930",
+      "ts": "// Go back one frame\nprofiler.scope_begin(\"test_function\");\ntest_function();\nprofiler.scope_end();"
+    }
+  ],
+  "profiler.set_ui_mode": [
+    {
+      "sourceHash": "0a22390ad4d7be84",
+      "ts": "function start_recording() {\n  profiler.set_ui_mode(profiler.MODE_RECORD);\n}\n\nfunction stop_recording() {\n  profiler.set_ui_mode(profiler.MODE_PAUSE);\n}"
+    }
+  ],
+  "profiler.set_ui_view_mode": [
+    {
+      "sourceHash": "04c7cd061143b3b2",
+      "ts": "// Minimize the profiler view\nprofiler.set_ui_view_mode(profiler.VIEW_MODE_MINIMIZED);"
+    }
+  ],
+  "profiler.set_ui_vsync_wait_visible": [
+    {
+      "sourceHash": "fa50cc9d8110ac3d",
+      "ts": "// Exclude frame wait time from the profiler ui\nprofiler.set_ui_vsync_wait_visible(false);"
+    }
+  ],
+  "profiler.view_recorded_frame": [
+    {
+      "sourceHash": "3423bf00c5abd4cb",
+      "ts": "// Go back one frame\nprofiler.view_recorded_frame({ distance: -1 });"
+    }
+  ],
+  "render.clear": [
+    {
+      "sourceHash": "70406f065fc91216",
+      "ts": "// Clear the color buffer and the depth buffer.\nrender.clear({\n  [graphics.BUFFER_TYPE_COLOR0_BIT]: vmath.vector4(0, 0, 0, 0),\n  [graphics.BUFFER_TYPE_DEPTH_BIT]: 1,\n});"
+    }
+  ],
+  "render.constant_buffer": [
+    {
+      "sourceHash": "851cc71b74ec904a",
+      "ts": "// Set a \"tint\" constant in a constant buffer in the render script:\nconst constants = render.constant_buffer();\nconstants.tint = vmath.vector4(1, 1, 1, 1);\n\n// Then use the constant buffer when drawing a predicate:\nrender.draw(self.my_pred, { constants });\n\n// The constant buffer also supports array values by specifying constants in an array:\nconst constants2 = render.constant_buffer();\nconstants2.light_colors = [];\nconstants2.light_colors[0] = vmath.vector4(1, 0, 0, 1);\nconstants2.light_colors[1] = vmath.vector4(0, 1, 0, 1);\nconstants2.light_colors[2] = vmath.vector4(0, 0, 1, 1);\n\n// You can also create the array by passing the vectors directly:\nconst constants3 = render.constant_buffer();\nconstants3.light_colors = [\n  vmath.vector4(1, 0, 0, 1),\n  vmath.vector4(0, 1, 0, 1),\n  vmath.vector4(0, 0, 1, 1),\n];\n\n// Add more constants to the array\nconstants3.light_colors[3] = vmath.vector4(1, 1, 1, 1);"
+    }
+  ],
+  "render.delete_render_target": [
+    {
+      "sourceHash": "e535502af5d49877",
+      "ts": "// How to delete a render target:\nrender.delete_render_target(self.my_render_target);"
+    }
+  ],
+  "render.disable_material": [
+    {
+      "sourceHash": "256ae7b73905f4b2",
+      "ts": "// Enable material named \"glow\", then draw my_pred with it.\nrender.enable_material(\"glow\");\nrender.draw(self.my_pred);\nrender.disable_material();"
+    }
+  ],
+  "render.disable_state": [
+    {
+      "sourceHash": "9ec916d3d474ace5",
+      "ts": "// Disable face culling when drawing the tile predicate:\nrender.disable_state(graphics.STATE_CULL_FACE);\nrender.draw(self.tile_pred);"
+    }
+  ],
+  "render.disable_texture": [
+    {
+      "sourceHash": "77eefc5b608dd2e6",
+      "ts": "export default defineScript({\n  update(self, dt) {\n    render.enable_texture(0, self.my_render_target, graphics.BUFFER_TYPE_COLOR0_BIT);\n    // draw a predicate with the render target available as texture 0 in the predicate\n    // material shader.\n    render.draw(self.my_pred);\n    // done, disable the texture\n    render.disable_texture(0);\n  },\n});"
+    }
+  ],
+  "render.dispatch_compute": [
+    {
+      "sourceHash": "af76607a05354da7",
+      "ts": "export default defineScript({\n  init() {\n    const color_params = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n    };\n    return {\n      scene_rt: render.render_target({ [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params }),\n    };\n  },\n\n  update(self, dt) {\n    render.set_compute(\"bloom\");\n    render.enable_texture(0, self.backing_texture);\n    render.enable_texture(1, self.scene_rt);\n    render.dispatch_compute(128, 128, 1);\n    render.set_compute();\n  },\n});\n\n// Dispatch a compute program with a constant buffer:\nconst constants = render.constant_buffer();\nconstants.tint = vmath.vector4(1, 1, 1, 1);\nrender.dispatch_compute(32, 32, 32, { constants });"
+    }
+  ],
+  "render.draw": [
+    {
+      "sourceHash": "47232b75e7b74189",
+      "ts": "export default defineScript({\n  init() {\n    // define a predicate matching anything with material tag \"my_tag\"\n    return { my_pred: render.predicate([hash(\"my_tag\")]) };\n  },\n\n  update(self, dt) {\n    // draw everything in the my_pred predicate\n    render.draw(self.my_pred);\n  },\n});\n\n// Draw predicate with constants:\nconst constants = render.constant_buffer();\nconstants.tint = vmath.vector4(1, 1, 1, 1);\nrender.draw(self.my_pred, { constants });\n\n// Draw with predicate and frustum culling (without near+far planes):\nconst frustum = self.proj.mul(self.view);\nrender.draw(self.my_pred, { frustum });\n\n// Draw with predicate and frustum culling (with near+far planes):\nconst frustum2 = self.proj.mul(self.view);\nrender.draw(self.my_pred, { frustum: frustum2, frustum_planes: render.FRUSTUM_PLANES_ALL });"
+    }
+  ],
+  "render.draw_debug3d": [
+    {
+      "sourceHash": "b200f780e2bf16f3",
+      "ts": "export default defineScript({\n  update(self, dt) {\n    // draw debug visualization\n    render.draw_debug3d();\n  },\n});"
+    }
+  ],
+  "render.enable_material": [
+    {
+      "sourceHash": "256ae7b73905f4b2",
+      "ts": "// Enable material named \"glow\", then draw my_pred with it.\nrender.enable_material(\"glow\");\nrender.draw(self.my_pred);\nrender.disable_material();"
+    }
+  ],
+  "render.enable_state": [
+    {
+      "sourceHash": "d08dd567d90c4036",
+      "ts": "// Enable stencil test when drawing the gui predicate, then disable it:\nrender.enable_state(graphics.STATE_STENCIL_TEST);\nrender.draw(self.gui_pred);\nrender.disable_state(graphics.STATE_STENCIL_TEST);"
+    }
+  ],
+  "render.enable_texture": [
+    {
+      "sourceHash": "4dd1d2618c062e70",
+      "ts": "export default defineScript({\n  update(self, dt) {\n    // enable target so all drawing is done to it\n    render.set_render_target(self.my_render_target);\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n\n    // disable target\n    render.set_render_target(render.RENDER_TARGET_DEFAULT);\n\n    render.enable_texture(0, self.my_render_target, graphics.BUFFER_TYPE_COLOR0_BIT);\n    // draw a predicate with the render target available as texture 0 in the predicate\n    // material shader.\n    render.draw(self.my_pred);\n  },\n});\n\n// Or enable a render target by resource id:\nexport default defineScript({\n  update(self, dt) {\n    render.set_render_target(\"my_rt_resource\");\n    render.draw(self.my_pred);\n    render.set_render_target(render.RENDER_TARGET_DEFAULT);\n\n    render.enable_texture(0, \"my_rt_resource\", graphics.BUFFER_TYPE_COLOR0_BIT);\n    // draw a predicate with the render target available as texture 0 in the predicate\n    // material shader.\n    render.draw(self.my_pred);\n  },\n});\n\n// Or bind a texture handle directly:\nexport default defineScript({\n  update(self, dt) {\n    // bind a texture to the texture unit 0\n    render.enable_texture(0, self.my_texture_handle);\n    // bind the same texture to a named sampler\n    render.enable_texture(\"my_texture_sampler\", self.my_texture_handle);\n  },\n});"
+    }
+  ],
+  "render.get_height": [
+    {
+      "sourceHash": "a23f1ae69eff75c0",
+      "ts": "// Get the height of the window\nconst h = render.get_height();"
+    }
+  ],
+  "render.get_render_target_height": [
+    {
+      "sourceHash": "f509a9b954573583",
+      "ts": "// get the height of the render target color buffer\nconst h = render.get_render_target_height(self.target_right, graphics.BUFFER_TYPE_COLOR0_BIT);\n// get the height of a render target resource\nconst w = render.get_render_target_height(\"my_rt_resource\", graphics.BUFFER_TYPE_COLOR0_BIT);"
+    }
+  ],
+  "render.get_render_target_width": [
+    {
+      "sourceHash": "25c6d828a4ae3706",
+      "ts": "// get the width of the render target color buffer\nconst w = render.get_render_target_width(self.target_right, graphics.BUFFER_TYPE_COLOR0_BIT);\n// get the width of a render target resource\nconst w2 = render.get_render_target_width(\"my_rt_resource\", graphics.BUFFER_TYPE_COLOR0_BIT);"
+    }
+  ],
+  "render.get_width": [
+    {
+      "sourceHash": "8d7965e500d69d03",
+      "ts": "// Get the width of the window.\nconst w = render.get_width();"
+    }
+  ],
+  "render.get_window_height": [
+    {
+      "sourceHash": "0afddc76d47d533f",
+      "ts": "// Get the actual height of the window\nconst h = render.get_window_height();"
+    }
+  ],
+  "render.get_window_width": [
+    {
+      "sourceHash": "034929ff14cf8dac",
+      "ts": "// Get the actual width of the window\nconst w = render.get_window_width();"
+    }
+  ],
+  "render.predicate": [
+    {
+      "sourceHash": "886d641eaa12199e",
+      "ts": "// Create a new render predicate containing all visual objects that\n// have a material with material tags \"opaque\" AND \"smoke\".\nconst p = render.predicate([hash(\"opaque\"), hash(\"smoke\")]);"
+    }
+  ],
+  "render.render_target": [
+    {
+      "sourceHash": "608b59338c18571b",
+      "ts": "// How to create a new render target and draw to it:\nexport default defineScript({\n  init() {\n    // render target buffer parameters\n    const color_params = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    const depth_params = {\n      format: graphics.TEXTURE_FORMAT_DEPTH,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    return {\n      my_render_target: render.render_target({\n        [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params,\n        [graphics.BUFFER_TYPE_DEPTH_BIT]: depth_params,\n      }),\n    };\n  },\n\n  update(self, dt) {\n    // enable target so all drawing is done to it\n    render.set_render_target(self.my_render_target);\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n  },\n});\n\n// How to create a render target with multiple outputs:\nexport default defineScript({\n  init() {\n    // render target buffer parameters\n    const color_params_rgba = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    const color_params_float = {\n      format: graphics.TEXTURE_FORMAT_RG32F,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n\n    // Create a render target with three color attachments\n    // Note: No depth buffer is attached here\n    return {\n      my_render_target: render.render_target({\n        [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params_rgba,\n        [graphics.BUFFER_TYPE_COLOR1_BIT]: color_params_rgba,\n        [graphics.BUFFER_TYPE_COLOR2_BIT]: color_params_float,\n      }),\n    };\n  },\n\n  update(self, dt) {\n    // enable target so all drawing is done to it\n    render.enable_render_target(self.my_render_target);\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n  },\n});"
+    },
+    {
+      "sourceHash": "766fbfcc7bc21b4b",
+      "ts": "// How to create a new render target and draw to it:\nexport default defineScript({\n  init() {\n    // render target buffer parameters\n    const color_params = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    const depth_params = {\n      format: graphics.TEXTURE_FORMAT_DEPTH,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    return {\n      my_render_target: render.render_target({\n        [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params,\n        [graphics.BUFFER_TYPE_DEPTH_BIT]: depth_params,\n      }),\n    };\n  },\n\n  update(self, dt) {\n    // enable target so all drawing is done to it\n    render.set_render_target(self.my_render_target);\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n  },\n});\n\n// How to create a render target with multiple outputs:\nexport default defineScript({\n  init() {\n    // render target buffer parameters\n    const color_params_rgba = {\n      format: graphics.TEXTURE_FORMAT_RGBA,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n    const color_params_float = {\n      format: graphics.TEXTURE_FORMAT_RG32F,\n      width: render.get_window_width(),\n      height: render.get_window_height(),\n      min_filter: graphics.TEXTURE_FILTER_LINEAR,\n      mag_filter: graphics.TEXTURE_FILTER_LINEAR,\n      u_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n      v_wrap: graphics.TEXTURE_WRAP_CLAMP_TO_EDGE,\n    };\n\n    // Create a render target with three color attachments\n    // Note: No depth buffer is attached here\n    return {\n      my_render_target: render.render_target({\n        [graphics.BUFFER_TYPE_COLOR0_BIT]: color_params_rgba,\n        [graphics.BUFFER_TYPE_COLOR1_BIT]: color_params_rgba,\n        [graphics.BUFFER_TYPE_COLOR2_BIT]: color_params_float,\n      }),\n    };\n  },\n\n  update(self, dt) {\n    // enable target so all drawing is done to it\n    render.enable_render_target(self.my_render_target);\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n  },\n});"
+    }
+  ],
+  "render.set_blend_equation_separate": [
+    {
+      "sourceHash": "5d39d5b048d13896",
+      "ts": "render.set_blend_equation_separate(graphics.BLEND_EQUATION_ADD, graphics.BLEND_EQUATION_REVERSE_SUBTRACT);"
+    }
+  ],
+  "render.set_blend_func": [
+    {
+      "sourceHash": "3c8b3570a329836b",
+      "ts": "// Set the blend func to the most common one:\nrender.set_blend_func(graphics.BLEND_FACTOR_SRC_ALPHA, graphics.BLEND_FACTOR_ONE_MINUS_SRC_ALPHA);"
+    }
+  ],
+  "render.set_blend_func_separate": [
+    {
+      "sourceHash": "9c7c4c926dd7608f",
+      "ts": "render.set_blend_func_separate(graphics.BLEND_FACTOR_SRC_ALPHA, graphics.BLEND_FACTOR_ONE_MINUS_SRC_ALPHA, graphics.BLEND_FACTOR_ONE, graphics.BLEND_FACTOR_ONE_MINUS_SRC_ALPHA);"
+    }
+  ],
+  "render.set_camera": [
+    {
+      "sourceHash": "6ee012d07a0487a6",
+      "ts": "// Set the current camera to be used for rendering\nrender.set_camera(\"main:/my_go#camera\");\nrender.draw(self.my_pred);\nrender.set_camera(undefined);\n\n// Use the camera frustum for frustum culling together with a specific frustum plane option for the draw command\n// The camera frustum will take precedence over the frustum plane option in render.draw\nrender.set_camera(\"main:/my_go#camera\", { use_frustum: true });\n// However, we can still customize the frustum planes regardless of the camera option!\nrender.draw(self.my_pred, { frustum_planes: render.FRUSTUM_PLANES_ALL });\nrender.set_camera();"
+    }
+  ],
+  "render.set_color_mask": [
+    {
+      "sourceHash": "760910f9fe70ace7",
+      "ts": "// alpha cannot be written to frame buffer\nrender.set_color_mask(true, true, true, false);"
+    }
+  ],
+  "render.set_compute": [
+    {
+      "sourceHash": "5e76b88c05d9f3f7",
+      "ts": "// Enable compute program named \"fractals\", then dispatch it.\nrender.set_compute(\"fractals\");\nrender.enable_texture(0, self.backing_texture);\nrender.dispatch_compute(128, 128, 1);\nrender.set_compute();"
+    }
+  ],
+  "render.set_cull_face": [
+    {
+      "sourceHash": "3ac86c74ed257860",
+      "ts": "// How to enable polygon culling and set front face culling:\nrender.enable_state(graphics.STATE_CULL_FACE);\nrender.set_cull_face(graphics.FACE_TYPE_FRONT);"
+    }
+  ],
+  "render.set_depth_func": [
+    {
+      "sourceHash": "3b3f38f0739a92b6",
+      "ts": "// Enable depth test and set the depth test function to \"not equal\".\nrender.enable_state(graphics.STATE_DEPTH_TEST);\nrender.set_depth_func(graphics.COMPARE_FUNC_NOTEQUAL);"
+    }
+  ],
+  "render.set_depth_mask": [
+    {
+      "sourceHash": "6713731143e36de2",
+      "ts": "// How to turn off writing to the depth buffer:\nrender.set_depth_mask(false);"
+    }
+  ],
+  "render.set_listener": [
+    {
+      "sourceHash": "6fc340897eeb1ab9",
+      "ts": "// Set listener and handle render context events.\n// custom.render_script\nexport default defineScript({\n  init() {\n    render.set_listener((self, event_type) => {\n      if (event_type === render.CONTEXT_EVENT_CONTEXT_LOST) {\n        // Some stuff when rendering context is lost\n      } else if (event_type === render.CONTEXT_EVENT_CONTEXT_RESTORED) {\n        // Start reload resources, reload game, etc.\n      }\n    });\n  },\n});"
+    }
+  ],
+  "render.set_polygon_offset": [
+    {
+      "sourceHash": "c8aa9b10abbb6154",
+      "ts": "render.enable_state(graphics.STATE_POLYGON_OFFSET_FILL);\nrender.set_polygon_offset(1.0, 1.0);"
+    }
+  ],
+  "render.set_projection": [
+    {
+      "sourceHash": "b0155866d7b9eae0",
+      "ts": "// How to set the projection to orthographic with world origo at lower left,\n// width and height as set in project settings and depth (z) between -1 and 1:\nrender.set_projection(vmath.matrix4_orthographic(0, render.get_width(), 0, render.get_height(), -1, 1));"
+    }
+  ],
+  "render.set_render_target": [
+    {
+      "sourceHash": "b30691f486beb1fa",
+      "ts": "// How to set a render target and draw to it and then switch back to the default render target\n// The render target defines the depth/stencil buffers as transient, when set_render_target is called the next time the buffers may be invalidated and allow for optimisations depending on driver support\nexport default defineScript({\n  update(self, dt) {\n    // set render target so all drawing is done to it\n    render.set_render_target(self.my_render_target, {\n      transient: [graphics.BUFFER_TYPE_DEPTH_BIT, graphics.BUFFER_TYPE_STENCIL_BIT],\n    });\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n\n    // set default render target. This also invalidates the depth and stencil buffers of the current target (self.my_render_target)\n    //  which can be an optimisation on some hardware\n    render.set_render_target(render.RENDER_TARGET_DEFAULT);\n  },\n});\n\n// Or set the render target by a render target resource identifier:\nexport default defineScript({\n  update(self, dt) {\n    render.set_render_target(\"my_rt_resource\");\n\n    // draw a predicate to the render target\n    render.draw(self.my_pred);\n\n    // reset the render target to the default backbuffer\n    render.set_render_target(render.RENDER_TARGET_DEFAULT);\n  },\n});"
+    }
+  ],
+  "render.set_render_target_size": [
+    {
+      "sourceHash": "00274352e6327274",
+      "ts": "// Resize render targets to the current window size:\nrender.set_render_target_size(self.my_render_target, render.get_window_width(), render.get_window_height());\nrender.set_render_target_size(\"my_rt_resource\", render.get_window_width(), render.get_window_height());"
+    }
+  ],
+  "render.set_stencil_func": [
+    {
+      "sourceHash": "855e83671907ce10",
+      "ts": "// let only 0's pass the stencil test\nrender.set_stencil_func(graphics.COMPARE_FUNC_EQUAL, 0, 1);"
+    }
+  ],
+  "render.set_stencil_mask": [
+    {
+      "sourceHash": "8f3e5667355445c5",
+      "ts": "// set the stencil mask to all 1:s\nrender.set_stencil_mask(0xff);"
+    }
+  ],
+  "render.set_stencil_op": [
+    {
+      "sourceHash": "33e5e22efb9275ea",
+      "ts": "// Set the stencil function to never pass and operator to always draw 1's\n// on test fail.\nrender.set_stencil_func(graphics.COMPARE_FUNC_NEVER, 1, 0xFF);\n// always draw 1's on test fail\nrender.set_stencil_op(graphics.STENCIL_OP_REPLACE, graphics.STENCIL_OP_KEEP, graphics.STENCIL_OP_KEEP);"
+    }
+  ],
+  "render.set_view": [
+    {
+      "sourceHash": "7a30b4955abb3844",
+      "ts": "// How to set the view and projection matrices according to\n// the values supplied by a camera.\nexport default defineScript({\n  init() {\n    return {\n      view: vmath.matrix4(),\n      projection: vmath.matrix4(),\n    };\n  },\n\n  update(self, dt) {\n    // set the view to the stored view value\n    render.set_view(self.view);\n    // now we can draw with this view\n  },\n\n  on_message(self, message_id, message) {\n    if (message_id === hash(\"set_view_projection\")) {\n      // camera view and projection arrives here.\n      self.view = message.view;\n      self.projection = message.projection;\n    }\n  },\n});"
+    }
+  ],
+  "render.set_viewport": [
+    {
+      "sourceHash": "2fb80af31ed168b8",
+      "ts": "// Set the viewport to the window dimensions.\nrender.set_viewport(0, 0, render.get_window_width(), render.get_window_height());"
+    }
+  ],
+  "resource.atlas": [
+    {
+      "sourceHash": "ee6a5c4c09121554",
+      "ts": "// Load an atlas and set it to a sprite:\ngo.property(\"my_atlas\", resource.atlas(\"/atlas.atlas\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#sprite\", \"image\", self.my_atlas);\n  },\n});\n\n// Load an atlas and set it to a gui:\ngo.property(\"my_atlas\", resource.atlas(\"/atlas.atlas\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#gui\", \"textures\", self.my_atlas, { key: \"my_atlas\" });\n  },\n});"
+    }
+  ],
+  "resource.buffer": [
+    {
+      "sourceHash": "4353a4d474ea70b6",
+      "ts": "// Set a unique buffer it to a sprite:\ngo.property(\"my_buffer\", resource.buffer(\"/cube.buffer\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#mesh\", \"vertices\", self.my_buffer);\n  },\n});"
+    }
+  ],
+  "resource.create_atlas": [
+    {
+      "sourceHash": "987cf3d09a4ce250",
+      "ts": "// Create a backing texture and an atlas\nexport default defineScript({\n  init() {\n    // create an empty texture\n    const tparams = {\n      width: 128,\n      height: 128,\n      type: graphics.TEXTURE_TYPE_2D,\n      format: graphics.TEXTURE_FORMAT_RGBA,\n    };\n    const my_texture_id = resource.create_texture(\"/my_texture.texturec\", tparams);\n\n    // optionally use resource.set_texture to upload data to texture\n\n    // create an atlas with one animation and one square geometry\n    // note that the function doesn't support hashes for the texture,\n    // you need to use a string for the texture path here aswell\n    const aparams = {\n      texture: \"/my_texture.texturec\",\n      animations: [\n        {\n          id: \"my_animation\",\n          width: 128,\n          height: 128,\n          frames: [1],\n        },\n      ],\n      geometries: [\n        {\n          id: \"idle0\",\n          width: 128,\n          height: 128,\n          pivot_x: 0.5,\n          pivot_y: 0.5,\n          vertices: [0, 0, 0, 128, 128, 128, 128, 0],\n          uvs: [0, 0, 0, 128, 128, 128, 128, 0],\n          indices: [0, 1, 2, 0, 2, 3],\n        },\n      ],\n    };\n    const my_atlas_id = resource.create_atlas(\"/my_atlas.texturesetc\", aparams);\n\n    // assign the atlas to the 'sprite' component on the same go\n    go.set(\"#sprite\", \"image\", my_atlas_id);\n  },\n});"
+    }
+  ],
+  "resource.create_buffer": [
+    {
+      "sourceHash": "436c1c10688cba69",
+      "ts": "// Create a buffer object and bind it to a buffer resource\nexport default defineScript({\n  init() {\n    const size = 1;\n    const positions = [\n      // triangle 1\n      size, size, 0,\n      -size, -size, 0,\n      size, -size, 0,\n      // triangle 2\n      size, size, 0,\n      -size, size, 0,\n      -size, -size, 0,\n    ];\n\n    const buffer_handle = buffer.create(positions.length, [\n      {\n        name: hash(\"position\"),\n        type: buffer.VALUE_TYPE_FLOAT32,\n        count: 3,\n      },\n    ]);\n\n    const stream = buffer.get_stream(buffer_handle, hash(\"position\"));\n\n    // transfer vertex data to buffer\n    for (let k = 0; k < positions.length; k++) {\n      stream[k] = positions[k];\n    }\n\n    const my_buffer = resource.create_buffer(\"/my_buffer.bufferc\", { buffer: buffer_handle });\n    go.set(\"/go#mesh\", \"vertices\", my_buffer);\n  },\n});\n\n// Create a buffer resource from existing resource\nexport default defineScript({\n  init() {\n    const res = resource.get_buffer(\"/my_buffer_path.bufferc\");\n    // create a cloned buffer resource from another resource buffer\n    const buf = resource.create_buffer(\"/my_cloned_buffer.bufferc\", { buffer: res });\n    // assign cloned buffer to a mesh component\n    go.set(\"/go#mesh\", \"vertices\", buf);\n  },\n});"
+    }
+  ],
+  "resource.create_sound_data": [
+    {
+      "sourceHash": "19e6f6ab7a317fa1",
+      "ts": "export default defineScript({\n  init() {\n    // create a new sound resource, given the initial chunk of the file\n    const relative_path = \"/a/unique/resource/name.oggc\";\n    const hash = resource.create_sound_data(relative_path, { data, filesize, partial: true });\n    go.set(\"#music\", \"sound\", hash); // override the previous sound resource\n    sound.play(\"#music\"); // start the playing\n  },\n});"
+    }
+  ],
+  "resource.create_texture": [
+    {
+      "sourceHash": "f510168083ffdd30",
+      "ts": "// How to create an 128x128 RGBA texture resource and assign it to a model\nexport default defineScript({\n  init() {\n    const tparams = {\n      width: 128,\n      height: 128,\n      type: graphics.TEXTURE_TYPE_2D,\n      format: graphics.TEXTURE_FORMAT_RGBA,\n    };\n    const my_texture_id = resource.create_texture(\"/my_custom_texture.texturec\", tparams);\n    go.set(\"#model\", \"texture0\", my_texture_id);\n  },\n});\n\n// How to create an 128x128 floating point texture (RGBA32F) resource from a buffer object\nexport default defineScript({\n  init() {\n    // Create a new buffer with 4 components and FLOAT32 type\n    const tbuffer = buffer.create(128 * 128, [{ name: hash(\"rgba\"), type: buffer.VALUE_TYPE_FLOAT32, count: 4 }]);\n    const tstream = buffer.get_stream(tbuffer, hash(\"rgba\"));\n\n    // Fill the buffer stream with some float values\n    for (let y = 0; y < 128; y++) {\n      for (let x = 0; x < 128; x++) {\n        const index = y * 128 * 4 + x * 4;\n        tstream[index + 0] = 999.0;\n        tstream[index + 1] = -1.0;\n        tstream[index + 2] = 0.5;\n        tstream[index + 3] = 1.0;\n      }\n    }\n\n    // Create a 2D Texture with a RGBA23F format\n    const tparams = {\n      width: 128,\n      height: 128,\n      type: graphics.TEXTURE_TYPE_2D,\n      format: graphics.TEXTURE_FORMAT_RGBA32F,\n    };\n\n    // Note that we pass the buffer as the last argument here!\n    const my_texture_id = resource.create_texture(\"/my_custom_texture.texturec\", tparams, tbuffer);\n\n    // assign the texture to a model\n    go.set(\"#model\", \"texture0\", my_texture_id);\n  },\n});\n\n// How to create a 32x32x32 floating point 3D texture that can be used to generate volumetric data in a compute shader\nexport default defineScript({\n  init() {\n    const t_volume = resource.create_texture(\"/my_backing_texture.texturec\", {\n      type: graphics.TEXTURE_TYPE_IMAGE_3D,\n      width: 32,\n      height: 32,\n      depth: 32,\n      format: resource.TEXTURE_FORMAT_RGBA32F,\n      flags: resource.TEXTURE_USAGE_FLAG_STORAGE + resource.TEXTURE_USAGE_FLAG_SAMPLE,\n    });\n\n    // pass the backing texture to the render script\n    msg.post(\"@render:\", \"add_textures\", [t_volume]);\n  },\n});\n\n// How to create 512x512 texture array with 5 pages.\nconst new_tex = resource.create_texture(\"/runtime/example_array.texturec\", {\n  type: graphics.TEXTURE_TYPE_2D_ARRAY,\n  width: 512,\n  height: 512,\n  page_count: 5,\n  format: graphics.TEXTURE_FORMAT_RGB,\n});"
+    },
+    {
+      "sourceHash": "41e0481ae55c393d",
+      "ts": "// How to create an 128x128 RGBA texture resource and assign it to a model\nexport default defineScript({\n  init() {\n    const tparams = {\n      width: 128,\n      height: 128,\n      type: graphics.TEXTURE_TYPE_2D,\n      format: graphics.TEXTURE_FORMAT_RGBA,\n    };\n    const my_texture_id = resource.create_texture(\"/my_custom_texture.texturec\", tparams);\n    go.set(\"#model\", \"texture0\", my_texture_id);\n  },\n});\n\n// How to create an 128x128 floating point texture (RGBA32F) resource from a buffer object\nexport default defineScript({\n  init() {\n    // Create a new buffer with 4 components and FLOAT32 type\n    const tbuffer = buffer.create(128 * 128, [{ name: hash(\"rgba\"), type: buffer.VALUE_TYPE_FLOAT32, count: 4 }]);\n    const tstream = buffer.get_stream(tbuffer, hash(\"rgba\"));\n\n    // Fill the buffer stream with some float values\n    for (let y = 0; y < 128; y++) {\n      for (let x = 0; x < 128; x++) {\n        const index = y * 128 * 4 + x * 4;\n        tstream[index + 0] = 999.0;\n        tstream[index + 1] = -1.0;\n        tstream[index + 2] = 0.5;\n        tstream[index + 3] = 1.0;\n      }\n    }\n\n    // Create a 2D Texture with a RGBA23F format\n    const tparams = {\n      width: 128,\n      height: 128,\n      type: graphics.TEXTURE_TYPE_2D,\n      format: graphics.TEXTURE_FORMAT_RGBA32F,\n    };\n\n    // Note that we pass the buffer as the last argument here!\n    const my_texture_id = resource.create_texture(\"/my_custom_texture.texturec\", tparams, tbuffer);\n\n    // assign the texture to a model\n    go.set(\"#model\", \"texture0\", my_texture_id);\n  },\n});\n\n// How to create a 32x32x32 floating point 3D texture that can be used to generate volumetric data in a compute shader\nexport default defineScript({\n  init() {\n    const t_volume = resource.create_texture(\"/my_backing_texture.texturec\", {\n      type: graphics.TEXTURE_TYPE_IMAGE_3D,\n      width: 32,\n      height: 32,\n      depth: 32,\n      format: resource.TEXTURE_FORMAT_RGBA32F,\n      flags: resource.TEXTURE_USAGE_FLAG_STORAGE + resource.TEXTURE_USAGE_FLAG_SAMPLE,\n    });\n\n    // pass the backing texture to the render script\n    msg.post(\"@render:\", \"add_textures\", [t_volume]);\n  },\n});\n\n// How to create 512x512 texture array with 5 pages.\nconst new_tex = resource.create_texture(\"/runtime/example_array.texturec\", {\n  type: graphics.TEXTURE_TYPE_2D_ARRAY,\n  width: 512,\n  height: 512,\n  page_count: 5,\n  format: graphics.TEXTURE_FORMAT_RGB,\n});"
+    }
+  ],
+  "resource.create_texture_async": [
+    {
+      "sourceHash": "b90223f19d598eaa",
+      "ts": "// Create a texture resource asyncronously with a buffer and a callback\nfunction callback(self, request_id, resource) {\n  // The resource has been updated with a new texture,\n  // so we can update other systems with the new handle,\n  // or update components to use the resource if we want\n  const tinfo = resource.get_texture_info(resource);\n  msg.post(\"@render:\", \"set_backing_texture\", tinfo.handle);\n}\n\nexport default defineScript({\n  init() {\n    // Create a texture resource async\n    const tparams = {\n      width: 128,\n      height: 128,\n      type: graphics.TEXTURE_TYPE_2D,\n      format: graphics.TEXTURE_FORMAT_RGBA,\n    };\n\n    // Create a new buffer with 4 components\n    const tbuffer = buffer.create(tparams.width * tparams.height, [{ name: hash(\"rgba\"), type: buffer.VALUE_TYPE_UINT8, count: 4 }]);\n    const tstream = buffer.get_stream(tbuffer, hash(\"rgba\"));\n\n    // Fill the buffer stream with some float values\n    for (let y = 0; y < tparams.width; y++) {\n      for (let x = 0; x < tparams.height; x++) {\n        const index = y * 128 * 4 + x * 4;\n        tstream[index + 0] = 255;\n        tstream[index + 1] = 0;\n        tstream[index + 2] = 255;\n        tstream[index + 3] = 255;\n      }\n    }\n    // create the texture\n    const [tpath, request_id] = resource.create_texture_async(\"/my_texture.texturec\", tparams, tbuffer, callback);\n    // at this point you can use the resource as-is, but note that the texture will be a blank 1x1 texture\n    // that will be removed once the new texture has been updated\n    go.set(\"#model\", \"texture0\", tpath);\n  },\n});\n\n// Create a texture resource asyncronously without a callback\nexport default defineScript({\n  init() {\n    // Create a texture resource async\n    const tparams = {\n      width: 128,\n      height: 128,\n      type: graphics.TEXTURE_TYPE_2D,\n      format: graphics.TEXTURE_FORMAT_RGBA,\n    };\n\n    // Create a new buffer with 4 components\n    const tbuffer = buffer.create(tparams.width * tparams.height, [{ name: hash(\"rgba\"), type: buffer.VALUE_TYPE_UINT8, count: 4 }]);\n    const tstream = buffer.get_stream(tbuffer, hash(\"rgba\"));\n\n    // Fill the buffer stream with some float values\n    for (let y = 0; y < tparams.width; y++) {\n      for (let x = 0; x < tparams.height; x++) {\n        const index = y * 128 * 4 + x * 4;\n        tstream[index + 0] = 255;\n        tstream[index + 1] = 0;\n        tstream[index + 2] = 255;\n        tstream[index + 3] = 255;\n      }\n    }\n    // create the texture\n    const [tpath, request_id] = resource.create_texture_async(\"/my_texture.texturec\", tparams, tbuffer);\n    // at this point you can use the resource as-is, but note that the texture will be a blank 1x1 texture\n    // that will be removed once the new texture has been updated\n    go.set(\"#model\", \"texture0\", tpath);\n  },\n});"
+    }
+  ],
+  "resource.font": [
+    {
+      "sourceHash": "f6d4ca24e4f87bfe",
+      "ts": "// Load a font and set it to a label:\ngo.property(\"my_font\", resource.font(\"/font.font\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#label\", \"font\", self.my_font);\n  },\n});\n\n// Load a font and set it to a gui:\ngo.property(\"my_font\", resource.font(\"/font.font\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#gui\", \"fonts\", self.my_font, { key: \"my_font\" });\n  },\n});"
+    }
+  ],
+  "resource.get_buffer": [
+    {
+      "sourceHash": "ed7d361c7f5d2e35",
+      "ts": "// How to get the data from a buffer\nexport default defineScript({\n  init() {\n    const res_path = go.get(\"#mesh\", \"vertices\");\n    const buf = resource.get_buffer(res_path);\n    const stream_positions = buffer.get_stream(buf, \"position\");\n\n    for (let i = 0; i < stream_positions.length; i++) {\n      print(i, stream_positions[i]);\n    }\n  },\n});"
+    }
+  ],
+  "resource.get_render_target_info": [
+    {
+      "sourceHash": "5e526c539ed8ae25",
+      "ts": "// Get the metadata from a render target resource\nexport default defineScript({\n  init() {\n    const info = resource.get_render_target_info(\"/my_render_target.render_targetc\");\n    // the info table contains meta data about all the render target attachments\n    // so it's not necessary to use resource.get_texture here, but we do it here\n    // just to show that it's possible:\n    const info_attachment_1 = resource.get_texture_info(info.attachments[0].handle);\n  },\n});\n\n// Get a texture attachment from a render target and set it on a model component\nexport default defineScript({\n  init() {\n    const info = resource.get_render_target_info(\"/my_render_target.render_targetc\");\n    const attachment = info.attachments[0].texture;\n    // you can also get texture info from the 'texture' field, since it's a resource hash\n    const texture_info = resource.get_texture_info(attachment);\n    go.set(\"#model\", \"texture0\", attachment);\n  },\n});"
+    }
+  ],
+  "resource.get_text_metrics": [
+    {
+      "sourceHash": "d63156dd59513358",
+      "ts": "export default defineScript({\n  init() {\n    const font = go.get(\"#label\", \"font\");\n    const metrics = resource.get_text_metrics(font, \"The quick brown fox\\n jumps over the lazy dog\");\n    pprint(metrics);\n  },\n});"
+    }
+  ],
+  "resource.get_texture_info": [
+    {
+      "sourceHash": "4164f100ea5a8c15",
+      "ts": "// Create a new texture and get the metadata from it\nexport default defineScript({\n  init() {\n    // create an empty texture\n    const tparams = {\n      width: 128,\n      height: 128,\n      type: graphics.TEXTURE_TYPE_2D,\n      format: graphics.TEXTURE_FORMAT_RGBA,\n    };\n\n    const my_texture_path = resource.create_texture(\"/my_texture.texturec\", tparams);\n    const my_texture_info = resource.get_texture_info(my_texture_path);\n\n    // my_texture_info now contains\n    // {\n    //      handle = <the-numeric-handle>,\n    //      width = 128,\n    //      height = 128,\n    //      depth = 1\n    //      mipmaps = 1,\n    //      page_count = 1,\n    //      type = graphics.TEXTURE_TYPE_2D,\n    //      flags = graphics.TEXTURE_USAGE_FLAG_SAMPLE\n    // }\n  },\n});\n\n// Get the meta data from an atlas resource\nexport default defineScript({\n  init() {\n    const my_atlas_info = resource.get_atlas(\"/my_atlas.a.texturesetc\");\n    const my_texture_info = resource.get_texture_info(my_atlas_info.texture);\n\n    // my_texture_info now contains the information about the texture that is backing the atlas\n  },\n});"
+    }
+  ],
+  "resource.load": [
+    {
+      "sourceHash": "051230427173b08a",
+      "ts": "// read custom resource data into buffer\nconst buffer = resource.load(\"/resources/datafile\");\n\n// In order for the engine to include custom resources in the build process, you\n// need to specify them in the \"game.project\" settings file:\n// [project]\n// title = My project\n// version = 0.1\n// custom_resources = resources/,assets/level_data.json"
+    }
+  ],
+  "resource.material": [
+    {
+      "sourceHash": "5bc0271405b04027",
+      "ts": "// Load a material and set it to a sprite:\ngo.property(\"my_material\", resource.material(\"/material.material\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#sprite\", \"material\", self.my_material);\n  },\n});\n\n// Load a material resource and update a named material with the resource:\ngo.property(\"my_material\", resource.material(\"/material.material\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#gui\", \"materials\", self.my_material, { key: \"my_material\" });\n  },\n});"
+    }
+  ],
+  "resource.render_target": [
+    {
+      "sourceHash": "87231742204d2351",
+      "ts": "// Set a render target color attachment as a model texture:\ngo.property(\"my_render_target\", resource.render_target(\"/rt.render_target\"));\n\nexport default defineScript({\n  init(self) {\n    const rt_info = resource.get_render_target_info(self.my_render_target);\n    go.set(\"#model\", \"texture0\", rt_info.attachments[0].texture);\n  },\n});"
+    }
+  ],
+  "resource.set": [
+    {
+      "sourceHash": "fd3445f93ecdd85e",
+      "ts": "// Assuming the folder \"/res\" is added to the project custom resources:\n// load a texture resource and set it on a sprite\nconst buffer = resource.load(\"/res/new.texturec\");\nresource.set(go.get(\"#sprite\", \"texture0\"), buffer);"
+    }
+  ],
+  "resource.set_atlas": [
+    {
+      "sourceHash": "349576ce8a915179",
+      "ts": "// Add a new animation to an existing atlas\nexport default defineScript({\n  init() {\n    const data = resource.get_atlas(\"/main/my_atlas.a.texturesetc\");\n    const my_animation = {\n      id: \"my_new_animation\",\n      width: 128,\n      height: 128,\n      frame_start: 1,\n      frame_end: 6,\n      playback: go.PLAYBACK_LOOP_PINGPONG,\n      fps: 8,\n    };\n    data.animations.push(my_animation);\n    resource.set_atlas(\"/main/my_atlas.a.texturesetc\", data);\n  },\n});\n\n// Sets atlas data for a 256x256 texture with a single animation being rendered as a quad\nexport default defineScript({\n  init() {\n    const params = {\n      texture: \"/main/my_256x256_texture.texturec\",\n      animations: [\n        {\n          id: \"my_animation\",\n          width: 256,\n          height: 256,\n          frames: [1],\n        },\n      ],\n      geometries: [\n        {\n          vertices: [0, 0, 0, 256, 256, 256, 256, 0],\n          uvs: [0, 0, 0, 256, 256, 256, 256, 0],\n          indices: [0, 1, 2, 0, 2, 3],\n        },\n      ],\n    };\n    resource.set_atlas(\"/main/test.a.texturesetc\", params);\n  },\n});"
+    }
+  ],
+  "resource.set_buffer": [
+    {
+      "sourceHash": "a52fd8ac7453f601",
+      "ts": "// How to set the data from a buffer\nfunction fill_stream(stream, verts) {\n  verts.forEach((value, key) => {\n    stream[key] = verts[key];\n  });\n}\n\nexport default defineScript({\n  init() {\n    const res_path = go.get(\"#mesh\", \"vertices\");\n\n    const positions = [\n      1, -1, 0,\n      1, 1, 0,\n      -1, -1, 0,\n    ];\n\n    const num_verts = positions.length / 3;\n\n    // create a new buffer\n    let buf = buffer.create(num_verts, [{ name: hash(\"position\"), type: buffer.VALUE_TYPE_FLOAT32, count: 3 }]);\n\n    buf = resource.get_buffer(res_path);\n    const stream_positions = buffer.get_stream(buf, \"position\");\n\n    fill_stream(stream_positions, positions);\n\n    resource.set_buffer(res_path, buf);\n  },\n});"
+    }
+  ],
+  "resource.set_texture": [
+    {
+      "sourceHash": "1f7a5108992a12f0",
+      "ts": "// How to set all pixels of an atlas\nexport default defineScript({\n  init(self) {\n    self.height = 128;\n    self.width = 128;\n    self.buffer = buffer.create(self.width * self.height, [{ name: hash(\"rgb\"), type: buffer.VALUE_TYPE_UINT8, count: 3 }]);\n    self.stream = buffer.get_stream(self.buffer, hash(\"rgb\"));\n\n    for (let y = 0; y < self.height; y++) {\n      for (let x = 0; x < self.width; x++) {\n        const index = y * self.width * 3 + x * 3;\n        self.stream[index + 0] = 0xff;\n        self.stream[index + 1] = 0x80;\n        self.stream[index + 2] = 0x10;\n      }\n    }\n\n    const resource_path = go.get(\"#model\", \"texture0\");\n    const args = { width: self.width, height: self.height, type: graphics.TEXTURE_TYPE_2D, format: graphics.TEXTURE_FORMAT_RGB, num_mip_maps: 1 };\n    resource.set_texture(resource_path, args, self.buffer);\n  },\n});\n\n// How to update a specific region of an atlas by using the x,y values. Assumes the already set atlas is a 128x128 texture.\nexport default defineScript({\n  init(self) {\n    self.x = 16;\n    self.y = 16;\n    self.height = 128 - self.x * 2;\n    self.width = 128 - self.y * 2;\n    self.buffer = buffer.create(self.width * self.height, [{ name: hash(\"rgb\"), type: buffer.VALUE_TYPE_UINT8, count: 3 }]);\n    self.stream = buffer.get_stream(self.buffer, hash(\"rgb\"));\n\n    for (let y = 0; y < self.height; y++) {\n      for (let x = 0; x < self.width; x++) {\n        const index = y * self.width * 3 + x * 3;\n        self.stream[index + 0] = 0xff;\n        self.stream[index + 1] = 0x80;\n        self.stream[index + 2] = 0x10;\n      }\n    }\n\n    const resource_path = go.get(\"#model\", \"texture0\");\n    const args = { width: self.width, height: self.height, x: self.x, y: self.y, type: graphics.TEXTURE_TYPE_2D, format: graphics.TEXTURE_FORMAT_RGB, num_mip_maps: 1 };\n    resource.set_texture(resource_path, args, self.buffer);\n  },\n});\n\n// Update a texture from a buffer resource\ngo.property(\"my_buffer\", resource.buffer(\"/my_default_buffer.buffer\"));\n\nexport default defineScript({\n  init(self) {\n    const resource_path = go.get(\"#model\", \"texture0\");\n    // the \"my_buffer\" resource is expected to hold 128 * 128 * 3 bytes!\n    const args = {\n      width: 128,\n      height: 128,\n      type: graphics.TEXTURE_TYPE_2D,\n      format: graphics.TEXTURE_FORMAT_RGB,\n    };\n    // Note that the extra resource.get_buffer call is a requirement here\n    // since the \"self.my_buffer\" is just pointing to a buffer resource path\n    // and not an actual buffer object or buffer resource.\n    resource.set_texture(resource_path, args, resource.get_buffer(self.my_buffer));\n  },\n});\n\n// Update an existing 3D texture from a buffer\nexport default defineScript({\n  init() {\n    // create a buffer that can hold the data of a 8x8x8 texture\n    const tbuffer = buffer.create(8 * 8 * 8, [{ name: hash(\"rgba\"), type: buffer.VALUE_TYPE_FLOAT32, count: 4 }]);\n    const tstream = buffer.get_stream(tbuffer, hash(\"rgba\"));\n\n    // populate the buffer with some data\n    let index = 0;\n    for (let z = 0; z < 8; z++) {\n      for (let y = 0; y < 8; y++) {\n        for (let x = 0; x < 8; x++) {\n          tstream[index + 0] = x;\n          tstream[index + 1] = y;\n          tstream[index + 2] = z;\n          tstream[index + 3] = 1.0;\n          index = index + 4;\n        }\n      }\n    }\n\n    const t_args = {\n      type: graphics.TEXTURE_TYPE_IMAGE_3D,\n      width: 8,\n      height: 8,\n      depth: 8,\n      format: resource.TEXTURE_FORMAT_RGBA32F,\n    };\n\n    // This expects that the texture resource \"/my_3d_texture.texturec\" already exists\n    // and is a 3D texture resource. To create a dynamic 3D texture resource\n    // use the \"resource.create_texture\" function.\n    resource.set_texture(\"/my_3d_texture.texturec\", t_args, tbuffer);\n  },\n});\n\n// Update texture 2nd array page with loaded texture from png\n// new_tex is resource handle of texture which was created via resource.create_resource\nconst tex_path = \"/bundle_resources/page_02.png\";\nconst [data] = sys.load_resource(tex_path);\nconst buf = image.load_buffer(data);\nresource.set_texture(\n  new_tex,\n  {\n    type: graphics.TEXTURE_TYPE_2D_ARRAY,\n    width: buf.width,\n    height: buf.height,\n    page: 1,\n    format: graphics.TEXTURE_FORMAT_RGB,\n  },\n  buf.buffer,\n);\ngo.set(\"#mesh\", \"texture0\", new_tex);"
+    },
+    {
+      "sourceHash": "48a7f4c2c8433aed",
+      "ts": "// How to set all pixels of an atlas\nexport default defineScript({\n  init(self) {\n    self.height = 128;\n    self.width = 128;\n    self.buffer = buffer.create(self.width * self.height, [{ name: hash(\"rgb\"), type: buffer.VALUE_TYPE_UINT8, count: 3 }]);\n    self.stream = buffer.get_stream(self.buffer, hash(\"rgb\"));\n\n    for (let y = 0; y < self.height; y++) {\n      for (let x = 0; x < self.width; x++) {\n        const index = y * self.width * 3 + x * 3;\n        self.stream[index + 0] = 0xff;\n        self.stream[index + 1] = 0x80;\n        self.stream[index + 2] = 0x10;\n      }\n    }\n\n    const resource_path = go.get(\"#model\", \"texture0\");\n    const args = { width: self.width, height: self.height, type: graphics.TEXTURE_TYPE_2D, format: graphics.TEXTURE_FORMAT_RGB, num_mip_maps: 1 };\n    resource.set_texture(resource_path, args, self.buffer);\n  },\n});\n\n// How to update a specific region of an atlas by using the x,y values. Assumes the already set atlas is a 128x128 texture.\nexport default defineScript({\n  init(self) {\n    self.x = 16;\n    self.y = 16;\n    self.height = 128 - self.x * 2;\n    self.width = 128 - self.y * 2;\n    self.buffer = buffer.create(self.width * self.height, [{ name: hash(\"rgb\"), type: buffer.VALUE_TYPE_UINT8, count: 3 }]);\n    self.stream = buffer.get_stream(self.buffer, hash(\"rgb\"));\n\n    for (let y = 0; y < self.height; y++) {\n      for (let x = 0; x < self.width; x++) {\n        const index = y * self.width * 3 + x * 3;\n        self.stream[index + 0] = 0xff;\n        self.stream[index + 1] = 0x80;\n        self.stream[index + 2] = 0x10;\n      }\n    }\n\n    const resource_path = go.get(\"#model\", \"texture0\");\n    const args = { width: self.width, height: self.height, x: self.x, y: self.y, type: graphics.TEXTURE_TYPE_2D, format: graphics.TEXTURE_FORMAT_RGB, num_mip_maps: 1 };\n    resource.set_texture(resource_path, args, self.buffer);\n  },\n});\n\n// Update a texture from a buffer resource\ngo.property(\"my_buffer\", resource.buffer(\"/my_default_buffer.buffer\"));\n\nexport default defineScript({\n  init(self) {\n    const resource_path = go.get(\"#model\", \"texture0\");\n    // the \"my_buffer\" resource is expected to hold 128 * 128 * 3 bytes!\n    const args = {\n      width: 128,\n      height: 128,\n      type: graphics.TEXTURE_TYPE_2D,\n      format: graphics.TEXTURE_FORMAT_RGB,\n    };\n    // Note that the extra resource.get_buffer call is a requirement here\n    // since the \"self.my_buffer\" is just pointing to a buffer resource path\n    // and not an actual buffer object or buffer resource.\n    resource.set_texture(resource_path, args, resource.get_buffer(self.my_buffer));\n  },\n});\n\n// Update an existing 3D texture from a buffer\nexport default defineScript({\n  init() {\n    // create a buffer that can hold the data of a 8x8x8 texture\n    const tbuffer = buffer.create(8 * 8 * 8, [{ name: hash(\"rgba\"), type: buffer.VALUE_TYPE_FLOAT32, count: 4 }]);\n    const tstream = buffer.get_stream(tbuffer, hash(\"rgba\"));\n\n    // populate the buffer with some data\n    let index = 0;\n    for (let z = 0; z < 8; z++) {\n      for (let y = 0; y < 8; y++) {\n        for (let x = 0; x < 8; x++) {\n          tstream[index + 0] = x;\n          tstream[index + 1] = y;\n          tstream[index + 2] = z;\n          tstream[index + 3] = 1.0;\n          index = index + 4;\n        }\n      }\n    }\n\n    const t_args = {\n      type: graphics.TEXTURE_TYPE_IMAGE_3D,\n      width: 8,\n      height: 8,\n      depth: 8,\n      format: resource.TEXTURE_FORMAT_RGBA32F,\n    };\n\n    // This expects that the texture resource \"/my_3d_texture.texturec\" already exists\n    // and is a 3D texture resource. To create a dynamic 3D texture resource\n    // use the \"resource.create_texture\" function.\n    resource.set_texture(\"/my_3d_texture.texturec\", t_args, tbuffer);\n  },\n});\n\n// Update texture 2nd array page with loaded texture from png\n// new_tex is resource handle of texture which was created via resource.create_resource\nconst tex_path = \"/bundle_resources/page_02.png\";\nconst [data] = sys.load_resource(tex_path);\nconst buf = image.load_buffer(data);\nresource.set_texture(\n  new_tex,\n  {\n    type: graphics.TEXTURE_TYPE_2D_ARRAY,\n    width: buf.width,\n    height: buf.height,\n    page: 1,\n    format: graphics.TEXTURE_FORMAT_RGB,\n  },\n  buf.buffer,\n);\ngo.set(\"#mesh\", \"texture0\", new_tex);"
+    }
+  ],
+  "resource.texture": [
+    {
+      "sourceHash": "8cd63a7393c8a799",
+      "ts": "// Load a texture and set it to a model:\ngo.property(\"my_texture\", resource.texture(\"/texture.png\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#model\", \"texture0\", self.my_texture);\n  },\n});"
+    }
+  ],
+  "resource.tile_source": [
+    {
+      "sourceHash": "517b23c5ce0e56c6",
+      "ts": "// Load tile source and set it to a tile map:\ngo.property(\"my_tile_source\", resource.tile_source(\"/tilesource.tilesource\"));\n\nexport default defineScript({\n  init(self) {\n    go.set(\"#tilemap\", \"tile_source\", self.my_tile_source);\n  },\n});"
+    }
+  ],
+  "socket.gettime": [
+    {
+      "sourceHash": "184ed247033e9375",
+      "ts": "// How to use the gettime() function to measure running time:\nconst t = socket.gettime();\n// do stuff\nprint(`${socket.gettime() - t} seconds elapsed`);"
+    }
+  ],
+  "socket.newtry": [
+    {
+      "sourceHash": "38a669dbf612b327",
+      "ts": "// Perform operations on an open socket c:\n// create a try function that closes 'c' on error\nconst try_ = socket.newtry(() => c.close());\n// do everything reassured c will be closed\ntry_(c.send(\"hello there?\\r\\n\"));\nconst answer = try_(c.receive());\n// ...\ntry_(c.send(\"good bye\\r\\n\"));\nc.close();"
+    }
+  ],
+  "socket.protect": [
+    {
+      "sourceHash": "478d4974b491bda9",
+      "ts": "const dostuff = socket.protect(() => {\n  let try_ = socket.newtry();\n  const c = try_(socket.connect(\"myserver.com\", 80));\n  try_ = socket.newtry(() => c.close());\n  try_(c.send(\"hello?\\r\\n\"));\n  const answer = try_(c.receive());\n  c.close();\n});\n\nconst [n, error] = dostuff();"
+    }
+  ],
+  "socket.skip": [
+    {
+      "sourceHash": "3a75c35a80c48e9e",
+      "ts": "// Instead of doing the following with dummy variables:\n// get the status code and separator from SMTP server reply\nconst [dummy1, dummy2, code, sep] = string.find(line, \"^(%d%d%d)(.?)\");\n\n// You can skip a number of variables:\n// get the status code and separator from SMTP server reply\nconst [code, sep] = socket.skip(2, string.find(line, \"^(%d%d%d)(.?)\"));"
+    }
+  ],
+  "sound.get_group_gain": [
+    {
+      "sourceHash": "61179d97bacd989a",
+      "ts": "// Get the mixer group gain for the \"soundfx\" and convert to dB:\nconst gain = sound.get_group_gain(\"soundfx\");\nconst gain_db = 60 * gain;"
+    }
+  ],
+  "sound.get_group_name": [
+    {
+      "sourceHash": "854009634c4288fe",
+      "ts": "// Get the mixer group string names so we can show them as labels on a dev mixer overlay:\nconst groups = sound.get_groups();\nfor (const group of groups) {\n  const name = sound.get_group_name(group);\n  msg.post(\"/mixer_overlay#gui\", \"set_mixer_label\", { group: group, label: name });\n}"
+    }
+  ],
+  "sound.get_groups": [
+    {
+      "sourceHash": "70cee9ddf429f3b4",
+      "ts": "// Get the mixer groups, set all gains to 0 except for \"master\" and \"soundfx\"\n// where gain is set to 1:\nconst groups = sound.get_groups();\nfor (const group of groups) {\n  if (group === hash(\"master\") || group === hash(\"soundfx\")) {\n    sound.set_group_gain(group, 1);\n  } else {\n    sound.set_group_gain(group, 0);\n  }\n}"
+    }
+  ],
+  "sound.get_peak": [
+    {
+      "sourceHash": "d19e9bed622933bc",
+      "ts": "// Get the peak gain from the \"master\" group and convert to dB for displaying:\nconst [left_p, right_p] = sound.get_peak(\"master\", 0.1);\nconst left_p_db = 20 * Math.log(left_p);\nconst right_p_db = 20 * Math.log(right_p);"
+    }
+  ],
+  "sound.get_rms": [
+    {
+      "sourceHash": "44e1ca26aadd606d",
+      "ts": "// Get the RMS from the \"master\" group where a mono -1.94 dB sinewave is playing:\nconst [rms] = sound.get_rms(\"master\", 0.1); // throw away right channel.\nprint(rms); // => 0.56555819511414"
+    }
+  ],
+  "sound.is_music_playing": [
+    {
+      "sourceHash": "8ce948ed9fe23655",
+      "ts": "// If music is playing, mute \"master\":\nif (sound.is_music_playing()) {\n  // mute \"master\"\n  sound.set_group_gain(\"master\", 0);\n}"
+    }
+  ],
+  "sound.is_phone_call_active": [
+    {
+      "sourceHash": "a1ec8c4ea71731c3",
+      "ts": "// Test if a phone call is on-going:\nif (sound.is_phone_call_active()) {\n  // do something sensible.\n}"
+    }
+  ],
+  "sound.pause": [
+    {
+      "sourceHash": "4cc9e8603f4c97e1",
+      "ts": "// Assuming the script belongs to an instance with a sound-component with id\n// \"sound\", this will make the component pause all playing voices:\nsound.pause(\"#sound\", true);"
+    }
+  ],
+  "sound.play": [
+    {
+      "sourceHash": "fcfbfd341c41ec59",
+      "ts": "// Assuming the script belongs to an instance with a sound-component with id\n// \"sound\", this will make the component play its sound after 1 second:\nsound.play(\"#sound\", { delay: 1, gain: 0.9, pan: -1.0 });\n\n// Using the callback argument, you can chain several sounds together:\nfunction sound_done(self, message_id, message, sender) {\n  // play 'boom' sound fx when the countdown has completed\n  if (message_id === hash(\"sound_done\") && message.play_id === self.countdown_id) {\n    sound.play(\"#boom\", undefined, sound_done);\n  }\n}\n\nexport default defineScript({\n  init(self) {\n    self.countdown_id = sound.play(\"#countdown\", undefined, sound_done);\n  },\n});"
+    }
+  ],
+  "sound.set_gain": [
+    {
+      "sourceHash": "f798d01660f92d40",
+      "ts": "// Assuming the script belongs to an instance with a sound-component with id\n// \"sound\", this will set the gain to 0.9\nsound.set_gain(\"#sound\", 0.9);"
+    }
+  ],
+  "sound.set_group_gain": [
+    {
+      "sourceHash": "c359845768e67ff0",
+      "ts": "// Set mixer group gain on the \"soundfx\" group to 50% (-30dB):\nsound.set_group_gain(\"soundfx\", 0.5);"
+    }
+  ],
+  "sound.set_pan": [
+    {
+      "sourceHash": "a4ed2d3c8035f8c5",
+      "ts": "// Assuming the script belongs to an instance with a sound-component with id\n// \"sound\", this will set the gain to 0.5\nsound.set_pan(\"#sound\", 0.5); // pan to the right"
+    }
+  ],
+  "sound.stop": [
+    {
+      "sourceHash": "a0a2dde807a266aa",
+      "ts": "// Assuming the script belongs to an instance with a sound-component with id\n// \"sound\", this will make the component stop all playing voices:\nsound.stop(\"#sound\");\nconst id = sound.play(\"#sound\");\nsound.stop(\"#sound\", { play_id: id });"
+    }
+  ],
+  "sprite.play_flipbook": [
+    {
+      "sourceHash": "6bac8dc702dfffec",
+      "ts": "// Assuming the sprite has id \"sprite\": play the \"jump\" animation followed by the\n// \"run\" animation:\nexport default defineScript({\n  init() {\n    const url = msg.url(\"#sprite\");\n    sprite.play_flipbook(url, \"jump\", (self, message_id, message) => {\n      if (message_id === hash(\"animation_done\") && message.id === hash(\"jump\")) {\n        // jump animation done, chain with \"run\"\n        sprite.play_flipbook(url, \"run\");\n      }\n    });\n  },\n});"
+    }
+  ],
+  "sprite.reset_constant": [
+    {
+      "sourceHash": "6926e9e81858e982",
+      "ts": "sprite.reset_constant(\"#sprite\", \"tint\");"
+    }
+  ],
+  "sprite.set_hflip": [
+    {
+      "sourceHash": "2d067cdccd1fb269",
+      "ts": "// How to flip a sprite so it faces the horizontal movement (it is assumed that\n// the sprite component has id \"sprite\" and the original animation faces right):\nexport default defineScript({\n  update(self, dt) {\n    // calculate self.velocity somehow\n    sprite.set_hflip(\"#sprite\", self.velocity.x < 0);\n  },\n});"
+    }
+  ],
+  "sprite.set_vflip": [
+    {
+      "sourceHash": "89dcc94c14d785e2",
+      "ts": "// How to flip a sprite in a game which negates gravity as a game mechanic (it is\n// assumed that the sprite component has id \"sprite\" and the original animation\n// is up-right):\nexport default defineScript({\n  update(self, dt) {\n    // calculate self.up_side_down somehow, then:\n    sprite.set_vflip(\"#sprite\", self.up_side_down);\n  },\n});"
+    }
+  ],
+  "sys.deserialize": [
+    {
+      "sourceHash": "3129688709daf585",
+      "ts": "// Deserialize a table that was previously serialized:\nconst buffer = sys.serialize(my_table);\nconst table = sys.deserialize(buffer);"
+    }
+  ],
+  "sys.exists": [
+    {
+      "sourceHash": "7e98945102ff1ab7",
+      "ts": "// Load data but return nil if path didn't exist\nif (!sys.exists(path)) {\n  return undefined;\n}\nreturn sys.load(path); // returns {} if it failed"
+    }
+  ],
+  "sys.exit": [
+    {
+      "sourceHash": "c9d4d5d75509d158",
+      "ts": "// This example demonstrates how to exit the application when some kind of quit\n// message is received (maybe from gui or similar):\nexport default defineScript({\n  on_message(self, message_id, message, sender) {\n    if (message_id === hash(\"quit\")) {\n      sys.exit(0);\n    }\n  },\n});"
+    }
+  ],
+  "sys.get_application_info": [
+    {
+      "sourceHash": "e13c2cc712709832",
+      "ts": "// Check if twitter is installed:\nconst sysinfo = sys.get_sys_info();\nlet twitter = {};\n\nif (sysinfo.system_name === \"Android\") {\n  twitter = sys.get_application_info(\"com.twitter.android\");\n} else if (sysinfo.system_name === \"iPhone OS\") {\n  twitter = sys.get_application_info(\"twitter:\");\n}\n\nif (twitter.installed) {\n  // twitter is installed!\n}\n\n// Info.plist for the iOS app needs to list the schemes that are queried:\n// ...\n// <key>LSApplicationQueriesSchemes</key>\n//  <array>\n//    <string>twitter</string>\n//  </array>\n// ..."
+    }
+  ],
+  "sys.get_application_path": [
+    {
+      "sourceHash": "69dd3a4397827973",
+      "ts": "// Find a path where we can store data (the example path is on the macOS platform):\n// macOS: /Applications/my_game.app\nconst application_path = sys.get_application_path();\nprint(application_path); //> /Applications/my_game.app\n\n// Windows: C:\\Program Files\\my_game\\my_game.exe\nprint(application_path); //> C:\\Program Files\\my_game\n\n// Linux: /home/foobar/my_game/my_game\nprint(application_path); //> /home/foobar/my_game\n\n// Android package name: com.foobar.my_game\nprint(application_path); //> /data/user/0/com.foobar.my_game\n\n// iOS: my_game.app\nprint(application_path); //> /var/containers/Bundle/Applications/123456AB-78CD-90DE-12345678ABCD/my_game.app\n\n// HTML5: http://www.foobar.com/my_game/\nprint(application_path); //> http://www.foobar.com/my_game"
+    }
+  ],
+  "sys.get_config_boolean": [
+    {
+      "sourceHash": "dfccc454c2bdb792",
+      "ts": "// Get user config value\nconst vsync = sys.get_config_boolean(\"display.vsync\", false);"
+    }
+  ],
+  "sys.get_config_int": [
+    {
+      "sourceHash": "f384eab53a7c1bda",
+      "ts": "// Get user config value\nconst speed = sys.get_config_int(\"my_game.speed\", 20); // with default value\n\nconst testmode = sys.get_config_int(\"my_game.testmode\"); // without default value\nif (testmode !== undefined) {\n  // do stuff\n}"
+    }
+  ],
+  "sys.get_config_number": [
+    {
+      "sourceHash": "2649f9c4111009bd",
+      "ts": "// Get user config value\nconst speed = sys.get_config_number(\"my_game.speed\", 20.0);"
+    }
+  ],
+  "sys.get_config_string": [
+    {
+      "sourceHash": "4aeb12fca87c114c",
+      "ts": "// Get user config value\nconst text = sys.get_config_string(\"my_game.text\", \"default text\");\n\n// Start the engine with a bootstrap config override and add a custom config value\n// $ dmengine --config=bootstrap.main_collection=/mytest.collectionc --config=mygame.testmode=1\n\n// Read the custom config value from the command line\nconst testmode = sys.get_config_int(\"mygame.testmode\");"
+    }
+  ],
+  "sys.get_connectivity": [
+    {
+      "sourceHash": "fbc6587958ab4c81",
+      "ts": "// Check if we are connected through a cellular connection\nif (sys.NETWORK_CONNECTED_CELLULAR === sys.get_connectivity()) {\n  print(\"Connected via cellular, avoid downloading big files!\");\n}"
+    }
+  ],
+  "sys.get_engine_info": [
+    {
+      "sourceHash": "d115807db2962da4",
+      "ts": "// How to retrieve engine information:\n// Update version text label so our testers know what version we're running\nconst engine_info = sys.get_engine_info();\nconst version_str = `Defold ${engine_info.version}\\n${engine_info.version_sha1}`;\ngui.set_text(gui.get_node(\"version\"), version_str);"
+    }
+  ],
+  "sys.get_host_path": [
+    {
+      "sourceHash": "a059ecb3d55d5c22",
+      "ts": "// Save data on the host\nconst host_path = sys.get_host_path(\"logs/test.txt\");\nsys.save(host_path, mytable);\n\n// Load data from the host\nconst host_path = sys.get_host_path(\"logs/test.txt\");\nconst table = sys.load(host_path);"
+    }
+  ],
+  "sys.get_ifaddrs": [
+    {
+      "sourceHash": "3a90b39ee24bf77b",
+      "ts": "// How to get the IP address of interface \"en0\":\nconst ifaddrs = sys.get_ifaddrs();\nfor (const iface of ifaddrs) {\n  if (iface.name === \"en0\") {\n    const ip = iface.address;\n  }\n}"
+    }
+  ],
+  "sys.get_save_file": [
+    {
+      "sourceHash": "d936178efa7a38ee",
+      "ts": "// Find a path where we can store data:\nconst my_file_path = sys.get_save_file(\"my_game\", \"my_file\");\n// macOS: /Users/foobar/Library/Application Support/my_game/my_file\nprint(my_file_path); //> /Users/foobar/Library/Application Support/my_game/my_file\n\n// Windows: C:\\Users\\foobar\\AppData\\Roaming\\my_game\\my_file\nprint(my_file_path); //> C:\\Users\\foobar\\AppData\\Roaming\\my_game\\my_file\n\n// Linux: $XDG_DATA_HOME/my_game/my_file or /home/foobar/.my_game/my_file\n// Linux: Defaults to /home/foobar/.local/share/my_game/my_file if neither exist.\nprint(my_file_path); //> /home/foobar/.local/share/my_game/my_file\n\n// Android package name: com.foobar.packagename\nprint(my_file_path); //> /data/data/0/com.foobar.packagename/files/my_file\n\n// iOS: my_game.app\nprint(my_file_path); //> /var/mobile/Containers/Data/Application/123456AB-78CD-90DE-12345678ABCD/my_game/my_file\n\n// HTML5 path inside the IndexedDB: /data/.my_game/my_file or /.my_game/my_file\nprint(my_file_path); //> /data/.my_game/my_file"
+    }
+  ],
+  "sys.get_sys_info": [
+    {
+      "sourceHash": "637e648646538721",
+      "ts": "// How to get system information:\nconst info = sys.get_sys_info();\nif (info.system_name === \"HTML5\") {\n  // We are running in a browser.\n}"
+    }
+  ],
+  "sys.load": [
+    {
+      "sourceHash": "d3163ffbf2b24c09",
+      "ts": "// Load data that was previously saved, e.g. an earlier game session:\nconst my_file_path = sys.get_save_file(\"my_game\", \"my_file\");\nconst my_table = sys.load(my_file_path);\nif (!next(my_table)) {\n  // empty table\n}"
+    }
+  ],
+  "sys.load_buffer": [
+    {
+      "sourceHash": "106462121a6dfc78",
+      "ts": "// Load binary data from a custom project resource:\nconst my_buffer = sys.load_buffer(\"/assets/my_level_data.bin\");\nconst data_str = buffer.get_bytes(my_buffer, \"data\");\nconst has_my_header = data_str.slice(0, 6) === \"D3F0LD\";\n\n// Load binary data from non-custom resource files on disk:\nconst asset_1 = sys.load_buffer(\"folder_next_to_binary/my_level_asset.txt\");\nconst asset_2 = sys.load_buffer(\"/my/absolute/path\");"
+    }
+  ],
+  "sys.load_buffer_async": [
+    {
+      "sourceHash": "6a383bca91cf11eb",
+      "ts": "// Load binary data from a custom project resource and update a texture resource:\nfunction my_callback(self, request_id, result) {\n  if (result.status === resource.REQUEST_STATUS_FINISHED) {\n    resource.set_texture(\"/my_texture\", {}, result.buf); // texture args\n  }\n}\n\nconst my_request = sys.load_buffer_async(\"/assets/my_level_data.bin\", my_callback);\n\n// Load binary data from non-custom resource files on disk:\nfunction my_callback(self, request_id, result) {\n  if (result.status !== sys.REQUEST_STATUS_FINISHED) {\n    // uh oh! File could not be found, do something graceful\n  } else if (request_id === self.first_asset) {\n    // result.buffer contains data from my_level_asset.bin\n  } else if (request_id === self.second_asset) {\n    // result.buffer contains data from 'my_level.bin'\n  }\n}\n\nexport default defineScript({\n  init(self) {\n    self.first_asset = hash(\"folder_next_to_binary/my_level_asset.bin\");\n    self.second_asset = hash(\"/some_absolute_path/my_level.bin\");\n    self.first_request = sys.load_buffer_async(self.first_asset, my_callback);\n    self.second_request = sys.load_buffer_async(self.second_asset, my_callback);\n  },\n});"
+    }
+  ],
+  "sys.load_resource": [
+    {
+      "sourceHash": "6e77c0929b579d3c",
+      "ts": "// Load level data into a string\nconst [data, error] = sys.load_resource(\"/assets/level_data.json\");\n// Decode json string to a table\nif (data) {\n  const data_table = json.decode(data);\n  pprint(data_table);\n} else {\n  print(error);\n}"
+    }
+  ],
+  "sys.open_url": [
+    {
+      "sourceHash": "ca86f356d47ffba0",
+      "ts": "// Open an URL:\nconst success = sys.open_url(\"http://www.defold.com\", { target: \"_blank\" });\nif (!success) {\n  // could not open the url...\n}"
+    }
+  ],
+  "sys.reboot": [
+    {
+      "sourceHash": "37fa088e5c449462",
+      "ts": "// How to reboot engine with a specific bootstrap collection.\nconst arg1 = \"--config=bootstrap.main_collection=/my.collectionc\";\nconst arg2 = \"build/game.projectc\";\nsys.reboot(arg1, arg2);"
+    }
+  ],
+  "sys.save": [
+    {
+      "sourceHash": "20939b04814e98af",
+      "ts": "// Save data:\nconst my_table = [];\nmy_table.push(\"my_value\");\nconst my_file_path = sys.get_save_file(\"my_game\", \"my_file\");\nsys.save(my_file_path, my_table);"
+    }
+  ],
+  "sys.serialize": [
+    {
+      "sourceHash": "74b6fd38d9f6ea16",
+      "ts": "// Serialize table:\nconst my_table = [];\nmy_table.push(\"my_value\");\nconst buffer = sys.serialize(my_table);"
+    }
+  ],
+  "sys.set_connectivity_host": [
+    {
+      "sourceHash": "b520f6352a5c8db1",
+      "ts": "sys.set_connectivity_host(\"www.google.com\");"
+    }
+  ],
+  "sys.set_engine_throttle": [
+    {
+      "sourceHash": "66eae5cfa23de217",
+      "ts": "// Disable throttling\nsys.set_engine_throttle(false);\n\n// Enable throttling\nsys.set_engine_throttle(true, 1.5);"
+    }
+  ],
+  "sys.set_error_handler": [
+    {
+      "sourceHash": "7346508f30f50bc9",
+      "ts": "// Install error handler that just prints the errors\nfunction my_error_handler(source, message, traceback) {\n  print(source); //> lua\n  print(message); //> main/my.script:10: attempt to perform arithmetic on a string value\n  print(traceback); //> stack traceback:\n  //>         main/test.script:10: in function 'boom'\n  //>         main/test.script:15: in function <main/my.script:13>\n}\n\nfunction boom() {\n  return 10 + \"string\";\n}\n\nexport default defineScript({\n  init() {\n    sys.set_error_handler(my_error_handler);\n    boom();\n  },\n});"
+    }
+  ],
+  "sys.set_render_enable": [
+    {
+      "sourceHash": "aa4a8e62d5eddb0b",
+      "ts": "// Disable rendering\nsys.set_render_enable(false);"
+    }
+  ],
+  "sys.set_update_frequency": [
+    {
+      "sourceHash": "5bb1f7705e3f0bb8",
+      "ts": "// Setting the update frequency to 60 frames per second\nsys.set_update_frequency(60);"
+    }
+  ],
+  "sys.set_vsync_swap_interval": [
+    {
+      "sourceHash": "95117be25e11bf9f",
+      "ts": "// Setting the swap intervall to swap every v-blank\nsys.set_vsync_swap_interval(1);"
+    }
+  ],
+  "tilemap.get_bounds": [
+    {
+      "sourceHash": "67dabf47ed103b24",
+      "ts": "// get the level bounds.\nconst [x, y, w, h] = tilemap.get_bounds(\"/level#tilemap\");"
+    }
+  ],
+  "tilemap.get_tile": [
+    {
+      "sourceHash": "a4284f541bd0cf03",
+      "ts": "// get the tile under the player.\nconst tileno = tilemap.get_tile(\"/level#tilemap\", \"foreground\", self.player_x, self.player_y);"
+    }
+  ],
+  "tilemap.get_tile_info": [
+    {
+      "sourceHash": "a05cf9c118a0d36c",
+      "ts": "// get the tile under the player.\nconst tile_info = tilemap.get_tile_info(\"/level#tilemap\", \"foreground\", self.player_x, self.player_y);\npprint(tile_info);\n// {\n//    index = 0,\n//    h_flip = false,\n//    v_flip = true,\n//    rotate_90 = false\n// }"
+    }
+  ],
+  "tilemap.get_tiles": [
+    {
+      "sourceHash": "61b14de4991f966b",
+      "ts": "const [left, bottom, columns_count, rows_count] = tilemap.get_bounds(\"#tilemap\");\nconst tiles = tilemap.get_tiles(\"#tilemap\", \"layer\");\nlet tile = 0;\nlet count = 0;\nfor (let row_index = bottom; row_index <= bottom + rows_count - 1; row_index++) {\n  for (let column_index = left; column_index <= left + columns_count - 1; column_index++) {\n    tile = tiles[row_index][column_index];\n    count = count + 1;\n  }\n}"
+    }
+  ],
+  "tilemap.reset_constant": [
+    {
+      "sourceHash": "c58f2e21e615eaba",
+      "ts": "tilemap.reset_constant(\"#tilemap\", \"tint\");"
+    }
+  ],
+  "tilemap.set_tile": [
+    {
+      "sourceHash": "bc75d2a572ada34d",
+      "ts": "// Clear the tile under the player.\ntilemap.set_tile(\"/level#tilemap\", \"foreground\", self.player_x, self.player_y, 0);\n\n// Set tile with different combination of flip and rotation\ntilemap.set_tile(\"#tilemap\", \"layer1\", x, y, 0, tilemap.H_FLIP + tilemap.V_FLIP + tilemap.ROTATE_90);\ntilemap.set_tile(\"#tilemap\", \"layer1\", x, y, 0, tilemap.H_FLIP + tilemap.ROTATE_270);\ntilemap.set_tile(\"#tilemap\", \"layer1\", x, y, 0, tilemap.V_FLIP + tilemap.H_FLIP);\ntilemap.set_tile(\"#tilemap\", \"layer1\", x, y, 0, tilemap.ROTATE_180);"
+    }
+  ],
+  "tilemap.set_visible": [
+    {
+      "sourceHash": "9089660809ece706",
+      "ts": "// Disable rendering of the layer\ntilemap.set_visible(\"/level#tilemap\", \"foreground\", false);"
+    }
+  ],
+  "timer.cancel": [
+    {
+      "sourceHash": "00f46bbbb35028b3",
+      "ts": "self.handle = timer.delay(1, true, () => print(\"print every second\"));\n// ...\nconst result = timer.cancel(self.handle);\nif (!result) {\n  print(\"the timer is already cancelled\");\n}"
+    }
+  ],
+  "timer.delay": [
+    {
+      "sourceHash": "d50acfc0a9d925a8",
+      "ts": "// A simple one-shot timer\ntimer.delay(1, false, () => print(\"print in one second\"));\n\n// Repetitive timer which canceled after 10 calls\nfunction call_every_second(self, handle, time_elapsed) {\n  self.counter = self.counter + 1;\n  print(\"Call #\", self.counter);\n  if (self.counter === 10) {\n    timer.cancel(handle); // cancel timer after 10 calls\n  }\n}\n\nself.counter = 0;\ntimer.delay(1, true, call_every_second);"
+    }
+  ],
+  "timer.get_info": [
+    {
+      "sourceHash": "f2fcacbd1849146e",
+      "ts": "self.handle = timer.delay(1, true, () => print(\"print every second\"));\n// ...\nconst result = timer.get_info(self.handle);\nif (!result) {\n  print(\"the timer is already cancelled or complete\");\n} else {\n  pprint(result); // delay, time_remaining, repeating\n}"
+    }
+  ],
+  "timer.trigger": [
+    {
+      "sourceHash": "3d4814c0a3380acf",
+      "ts": "self.handle = timer.delay(1, true, () => print(\"print every second or manually by timer.trigger\"));\n// ...\nconst result = timer.trigger(self.handle);\nif (!result) {\n  print(\"the timer is already cancelled or complete\");\n}"
+    }
+  ],
+  "update": [
+    {
+      "sourceHash": "1019c7620d797753",
+      "ts": "// This example demonstrates how to move a game object instance through the script component:\nexport default defineScript({\n  init() {\n    // set initial velocity to be 1 along world x-axis\n    return { my_velocity: vmath.vector3(1, 0, 0) };\n  },\n\n  update(self, dt) {\n    // move the game object instance\n    go.set_position(go.get_position().add(self.my_velocity.mul(dt)));\n  },\n});"
+    },
+    {
+      "sourceHash": "f4f87939dbdd5fc3",
+      "ts": "// This example demonstrates how to update a text node that displays game score\n// in a counting fashion. It is assumed that the gui component receives messages\n// from the game when a new score is to be shown.\nexport default defineGuiScript({\n  init(self) {\n    // fetch the score text node for later use (assumes it is called \"score\")\n    self.score_node = gui.get_node(\"score\");\n    // keep track of the current score counted up so far\n    self.current_score = 0;\n    // keep track of the target score we should count up to\n    self.target_score = 0;\n    // how fast we will update the score, in score/second\n    self.score_update_speed = 1;\n  },\n\n  update(self, dt) {\n    // check if target score is more than current score\n    if (self.current_score < self.target_score) {\n      // increment current score according to the speed\n      self.current_score = self.current_score + dt * self.score_update_speed;\n      // check if we went past the target score, clamp current score in that case\n      if (self.current_score > self.target_score) {\n        self.current_score = self.target_score;\n      }\n      // update the score text node\n      gui.set_text(self.score_node, \"\" + math.floor(self.current_score));\n    }\n  },\n\n  on_message(self, message_id, message) {\n    // check the message\n    if (message_id === hash(\"set_score\")) {\n      self.target_score = message.score;\n    }\n  },\n});"
+    }
+  ],
+  "vmath.clamp": [
+    {
+      "sourceHash": "ce47102e76e3186d",
+      "ts": "const value1 = 56;\nprint(vmath.clamp(value1, 89, 134)); // => 89\nconst v2 = vmath.vector3(190, 190, -10);\nprint(vmath.clamp(v2, -50, 150)); // => vmath.vector3(150, 150, -10)\nconst v3 = vmath.vector4(30, -30, 45, 1);\nprint(vmath.clamp(v3, 0, 20)); // => vmath.vector4(20, 0, 20, 1)\n\nconst min_v = vmath.vector4(0, -10, -10, 1);\nprint(vmath.clamp(v3, min_v, 20)); // => vmath.vector4(20, -10, 20, 1)"
+    }
+  ],
+  "vmath.conj": [
+    {
+      "sourceHash": "d9d7d7193243f1a7",
+      "ts": "const quat = vmath.quat(1, 2, 3, 4);\nprint(vmath.conj(quat)); // => vmath.quat(-1, -2, -3, 4)"
+    }
+  ],
+  "vmath.cross": [
+    {
+      "sourceHash": "49cf4657cc17973f",
+      "ts": "const vec1 = vmath.vector3(1, 0, 0);\nconst vec2 = vmath.vector3(0, 1, 0);\nprint(vmath.cross(vec1, vec2)); // => vmath.vector3(0, 0, 1)\nconst vec3 = vmath.vector3(-1, 0, 0);\nprint(vmath.cross(vec1, vec3)); // => vmath.vector3(0, -0, 0)"
+    }
+  ],
+  "vmath.dot": [
+    {
+      "sourceHash": "4f4a1c2d340af81b",
+      "ts": "if (vmath.dot(vector1, vector2) === 0) {\n  // The two vectors are perpendicular (at right-angles to each other)\n  // ...\n}"
+    }
+  ],
+  "vmath.euler_to_quat": [
+    {
+      "sourceHash": "e856805279355e1d",
+      "ts": "const q = vmath.euler_to_quat(0, 45, 90);\nprint(q); // => vmath.quat(0.27059805393219, 0.27059805393219, 0.65328145027161, 0.65328145027161)\n\nconst v = vmath.vector3(0, 0, 90);\nprint(vmath.euler_to_quat(v)); // => vmath.quat(0, 0, 0.70710676908493, 0.70710676908493)"
+    }
+  ],
+  "vmath.inv": [
+    {
+      "sourceHash": "abd36cc3e2b23aaf",
+      "ts": "const mat1 = vmath.matrix4_rotation_z(3.141592653);\nconst mat2 = vmath.inv(mat1);\n// M * inv(M) = identity matrix\nprint(mat1.mul(mat2)); // => vmath.matrix4(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"
+    }
+  ],
+  "vmath.length": [
+    {
+      "sourceHash": "740d91676dd23d10",
+      "ts": "if (vmath.length(self.velocity) < max_velocity) {\n  // The speed (velocity vector) is below max.\n\n  // TODO: max_velocity can be expressed as squared\n  // so we can compare with length_sqr() instead.\n  // ...\n}"
+    }
+  ],
+  "vmath.length_sqr": [
+    {
+      "sourceHash": "221e411fbcc2c4f8",
+      "ts": "if (vmath.length_sqr(vector1) < vmath.length_sqr(vector2)) {\n  // Vector 1 has less magnitude than vector 2\n  // ...\n}"
+    }
+  ],
+  "vmath.lerp": [
+    {
+      "sourceHash": "8e7a50a5fc602639",
+      "ts": "export default defineScript({\n  init() {\n    return { t: 0 };\n  },\n\n  update(self, dt) {\n    self.t = self.t + dt;\n    if (self.t <= 1) {\n      const startpos = vmath.vector3(0, 600, 0);\n      const endpos = vmath.vector3(600, 0, 0);\n      const pos = vmath.lerp(self.t, startpos, endpos);\n      go.set_position(pos, \"go\");\n    }\n  },\n});"
+    },
+    {
+      "sourceHash": "7cf8c0c1679ab05b",
+      "ts": "export default defineScript({\n  init(self) {\n    self.t = 0;\n  },\n\n  update(self, dt) {\n    self.t = self.t + dt;\n    if (self.t <= 1) {\n      const startrot = vmath.quat_rotation_z(0);\n      const endrot = vmath.quat_rotation_z(3.141592653);\n      const rot = vmath.lerp(self.t, startrot, endrot);\n      go.set_rotation(rot, \"go\");\n    }\n  },\n});"
+    },
+    {
+      "sourceHash": "0f4fdfe7a9a39df7",
+      "ts": "export default defineScript({\n  init(self) {\n    self.t = 0;\n  },\n\n  update(self, dt) {\n    self.t = self.t + dt;\n    if (self.t <= 1) {\n      const startx = 0;\n      const endx = 600;\n      const x = vmath.lerp(self.t, startx, endx);\n      go.set_position(vmath.vector3(x, 100, 0), \"go\");\n    }\n  },\n});"
+    }
+  ],
+  "vmath.matrix4": [
+    {
+      "sourceHash": "bb0da32d40dfd5fa",
+      "ts": "const mat = vmath.matrix4();\nprint(mat); // => vmath.matrix4(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)\n// get column 0:\nprint(mat.c0); // => vmath.vector4(1, 0, 0, 0)\n// get the value in row 3 and column 2:\nprint(mat.m32); // => 0"
+    },
+    {
+      "sourceHash": "cb17c3e4b6cdc68e",
+      "ts": "const mat1 = vmath.matrix4_rotation_x(3.141592653);\nconst mat2 = vmath.matrix4(mat1);\nif (mat1 === mat2) {\n  // yes, they are equal\n  print(mat2); // => vmath.matrix4(1, 0, 0, 0, 0, -1, 8.7422776573476e-08, 0, 0, -8.7422776573476e-08, -1, 0, 0, 0, 0, 1)\n}"
+    }
+  ],
+  "vmath.matrix4_axis_angle": [
+    {
+      "sourceHash": "92382085d95e2a17",
+      "ts": "const vec = vmath.vector4(1, 1, 0, 0);\nconst axis = vmath.vector3(0, 0, 1); // z-axis\nconst mat = vmath.matrix4_axis_angle(axis, 3.141592653);\nprint(mat.mul(vec)); // => vmath.vector4(-0.99999994039536, -1.0000001192093, 0, 0)"
+    }
+  ],
+  "vmath.matrix4_compose": [
+    {
+      "sourceHash": "13fb0a04d5414e2e",
+      "ts": "const translation = vmath.vector3(103, -95, 14);\nconst quat = vmath.quat(1, 2, 3, 4);\nconst scale = vmath.vector3(1, 0.5, 0.5);\nconst result = vmath.matrix4_compose(translation, quat, scale);\nprint(result); // => vmath.matrix4(-25, -10, 11, 103, 28, -9.5, 2, -95, -10, 10, -4.5, 14, 0, 0, 0, 1)"
+    }
+  ],
+  "vmath.matrix4_frustum": [
+    {
+      "sourceHash": "f7ad37e0c5cb348a",
+      "ts": "// Construct a projection frustum with a vertical and horizontal FOV of\n// 45 degrees. Useful for rendering a square view.\nconst proj = vmath.matrix4_frustum(-1, 1, -1, 1, 1, 1000);\nrender.set_projection(proj);"
+    }
+  ],
+  "vmath.matrix4_look_at": [
+    {
+      "sourceHash": "90bdec3f296cdb34",
+      "ts": "// Set up a perspective camera at z 100 with 45 degrees (pi/2) FOV, aspect ratio 4:3.\nconst eye = vmath.vector3(0, 0, 100);\nconst look_at = vmath.vector3(0, 0, 0);\nconst up = vmath.vector3(0, 1, 0);\nconst view = vmath.matrix4_look_at(eye, look_at, up);\nrender.set_view(view);\nconst proj = vmath.matrix4_perspective(3.141592 / 2, 4 / 3, 1, 1000);\nrender.set_projection(proj);"
+    }
+  ],
+  "vmath.matrix4_orthographic": [
+    {
+      "sourceHash": "5e4ccc690aa0a732",
+      "ts": "// Set up an orthographic projection based on the width and height of the\n// game window.\nconst w = render.get_width();\nconst h = render.get_height();\nconst proj = vmath.matrix4_orthographic(-w / 2, w / 2, -h / 2, h / 2, -1000, 1000);\nrender.set_projection(proj);"
+    }
+  ],
+  "vmath.matrix4_perspective": [
+    {
+      "sourceHash": "90bdec3f296cdb34",
+      "ts": "// Set up a perspective camera at z 100 with 45 degrees (pi/2) FOV, aspect ratio 4:3.\nconst eye = vmath.vector3(0, 0, 100);\nconst look_at = vmath.vector3(0, 0, 0);\nconst up = vmath.vector3(0, 1, 0);\nconst view = vmath.matrix4_look_at(eye, look_at, up);\nrender.set_view(view);\nconst proj = vmath.matrix4_perspective(3.141592 / 2, 4 / 3, 1, 1000);\nrender.set_projection(proj);"
+    }
+  ],
+  "vmath.matrix4_quat": [
+    {
+      "sourceHash": "c9a567a902c8a77d",
+      "ts": "const vec = vmath.vector4(1, 1, 0, 0);\nconst quat = vmath.quat_rotation_z(3.141592653);\nconst mat = vmath.matrix4_quat(quat);\nprint(mat.mul(vec)); // => vmath.matrix4_frustum(-1, 1, -1, 1, 1, 1000)"
+    }
+  ],
+  "vmath.matrix4_rotation_x": [
+    {
+      "sourceHash": "36050c10eab8eadb",
+      "ts": "const vec = vmath.vector4(1, 1, 0, 0);\nconst mat = vmath.matrix4_rotation_x(3.141592653);\nprint(mat.mul(vec)); // => vmath.vector4(1, -1, -8.7422776573476e-08, 0)"
+    }
+  ],
+  "vmath.matrix4_rotation_y": [
+    {
+      "sourceHash": "044fdf9b69dcb597",
+      "ts": "const vec = vmath.vector4(1, 1, 0, 0);\nconst mat = vmath.matrix4_rotation_y(3.141592653);\nprint(mat.mul(vec)); // => vmath.vector4(-1, 1, 8.7422776573476e-08, 0)"
+    }
+  ],
+  "vmath.matrix4_rotation_z": [
+    {
+      "sourceHash": "2c2de878e481f0e9",
+      "ts": "const vec = vmath.vector4(1, 1, 0, 0);\nconst mat = vmath.matrix4_rotation_z(3.141592653);\nprint(mat.mul(vec)); // => vmath.vector4(-0.99999994039536, -1.0000001192093, 0, 0)"
+    }
+  ],
+  "vmath.matrix4_scale": [
+    {
+      "sourceHash": "e1ef381cf831b464",
+      "ts": "const scale = vmath.vector3(1, 0.5, 0.5);\nconst result = vmath.matrix4_scale(scale);\nprint(result); // => vmath.matrix4(1, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1)"
+    },
+    {
+      "sourceHash": "84ceaef2fedf510b",
+      "ts": "const result = vmath.matrix4_scale(0.5);\nprint(result); // => vmath.matrix4(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1)"
+    },
+    {
+      "sourceHash": "1e5af1821561f929",
+      "ts": "const result = vmath.matrix4_scale(1, 0.5, 0.5);\nprint(result); // => vmath.matrix4(1, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1)"
+    }
+  ],
+  "vmath.matrix4_translation": [
+    {
+      "sourceHash": "3b57dbafcbacb5e1",
+      "ts": "// Set camera view from custom view and translation matrices.\nconst mat_trans = vmath.matrix4_translation(vmath.vector3(0, 10, 100));\nconst mat_view = vmath.matrix4_rotation_y(-3.141592 / 4);\nrender.set_view(mat_view.mul(mat_trans));"
+    }
+  ],
+  "vmath.mul_per_elem": [
+    {
+      "sourceHash": "49995280c8b8dc5a",
+      "ts": "const blend_color = vmath.mul_per_elem(color1, color2);"
+    }
+  ],
+  "vmath.normalize": [
+    {
+      "sourceHash": "86752f1a5eb02e85",
+      "ts": "const vec = vmath.vector3(1, 2, 3);\nconst norm_vec = vmath.normalize(vec);\nprint(norm_vec); // => vmath.vector3(0.26726123690605, 0.5345224738121, 0.80178368091583)\nprint(vmath.length(norm_vec)); // => 0.99999994039536"
+    }
+  ],
+  "vmath.ortho_inv": [
+    {
+      "sourceHash": "4fc2428e2d7152d4",
+      "ts": "const mat1 = vmath.matrix4_rotation_z(3.141592653);\nconst mat2 = vmath.ortho_inv(mat1);\n// M * inv(M) = identity matrix\nprint(mat1.mul(mat2)); // => vmath.matrix4(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"
+    }
+  ],
+  "vmath.project": [
+    {
+      "sourceHash": "01772c731fb899ae",
+      "ts": "const v1 = vmath.vector3(1, 1, 0);\nconst v2 = vmath.vector3(2, 0, 0);\nprint(vmath.project(v1, v2)); // => 0.5"
+    }
+  ],
+  "vmath.quat": [
+    {
+      "sourceHash": "0c75719779526345",
+      "ts": "const quat = vmath.quat(1, 2, 3, 4);\nprint(quat); // => vmath.quat(1, 2, 3, 4)"
+    },
+    {
+      "sourceHash": "15093ea7870639b5",
+      "ts": "const quat = vmath.quat();\nprint(quat); // => vmath.quat(0, 0, 0, 1)\nprint(quat.w); // => 1"
+    },
+    {
+      "sourceHash": "0c6183dc8c7af746",
+      "ts": "const quat1 = vmath.quat(1, 2, 3, 4);\nconst quat2 = vmath.quat(quat1);\nif (quat1 === quat2) {\n  // yes, they are equal\n  print(quat2); // => vmath.quat(1, 2, 3, 4)\n}"
+    }
+  ],
+  "vmath.quat_axis_angle": [
+    {
+      "sourceHash": "40a0376b8995b7e9",
+      "ts": "const axis = vmath.vector3(1, 0, 0);\nconst rot = vmath.quat_axis_angle(axis, 3.141592653);\nconst vec = vmath.vector3(1, 1, 0);\nprint(vmath.rotate(rot, vec)); // => vmath.vector3(1, -1, -8.7422776573476e-08)"
+    }
+  ],
+  "vmath.quat_basis": [
+    {
+      "sourceHash": "fd27ab961cbc4d89",
+      "ts": "// Axis rotated 90 degrees around z.\nconst rot_x = vmath.vector3(0, -1, 0);\nconst rot_y = vmath.vector3(1, 0, 0);\nconst z = vmath.vector3(0, 0, 1);\nconst rot1 = vmath.quat_basis(rot_x, rot_y, z);\nconst rot2 = vmath.quat_from_to(vmath.vector3(0, 1, 0), vmath.vector3(1, 0, 0));\nif (rot1 === rot2) {\n  // These quaternions are equal!\n  print(rot2); // => vmath.quat(0, 0, -0.70710676908493, 0.70710676908493)\n}"
+    }
+  ],
+  "vmath.quat_from_to": [
+    {
+      "sourceHash": "68f8b7315dcf840f",
+      "ts": "const v1 = vmath.vector3(1, 0, 0);\nconst v2 = vmath.vector3(0, 1, 0);\nconst rot = vmath.quat_from_to(v1, v2);\nprint(vmath.rotate(rot, v1)); // => vmath.vector3(0, 0.99999994039536, 0)"
+    }
+  ],
+  "vmath.quat_rotation_x": [
+    {
+      "sourceHash": "6fe4e9000a17ebe1",
+      "ts": "const rot = vmath.quat_rotation_x(3.141592653);\nconst vec = vmath.vector3(1, 1, 0);\nprint(vmath.rotate(rot, vec)); // => vmath.vector3(1, -1, -8.7422776573476e-08)"
+    }
+  ],
+  "vmath.quat_rotation_y": [
+    {
+      "sourceHash": "e831483753250149",
+      "ts": "const rot = vmath.quat_rotation_y(3.141592653);\nconst vec = vmath.vector3(1, 1, 0);\nprint(vmath.rotate(rot, vec)); // => vmath.vector3(-1, 1, 8.7422776573476e-08)"
+    }
+  ],
+  "vmath.quat_rotation_z": [
+    {
+      "sourceHash": "012e00b47b87f991",
+      "ts": "const rot = vmath.quat_rotation_z(3.141592653);\nconst vec = vmath.vector3(1, 1, 0);\nprint(vmath.rotate(rot, vec)); // => vmath.vector3(-0.99999988079071, -1, 0)"
+    }
+  ],
+  "vmath.quat_to_euler": [
+    {
+      "sourceHash": "99474004e95ed10c",
+      "ts": "const q = vmath.quat_rotation_z(math.rad(90));\nprint(vmath.quat_to_euler(q)); // => 0 0 90\n\nconst q2 = vmath.quat_rotation_y(math.rad(45)).mul(vmath.quat_rotation_z(math.rad(90)));\nconst [ex, ey, ez] = vmath.quat_to_euler(q2);\nconst v = vmath.vector3(ex, ey, ez);\nprint(v); // => vmath.vector3(0, 45, 90)"
+    }
+  ],
+  "vmath.rotate": [
+    {
+      "sourceHash": "537daa1275b53d87",
+      "ts": "const vec = vmath.vector3(1, 1, 0);\nconst rot = vmath.quat_rotation_z(3.141592563);\nprint(vmath.rotate(rot, vec)); // => vmath.vector3(-1.0000002384186, -0.99999988079071, 0)"
+    }
+  ],
+  "vmath.slerp": [
+    {
+      "sourceHash": "48b2a7e8910d8948",
+      "ts": "export default defineScript({\n  init() {\n    return { t: 0 };\n  },\n\n  update(self, dt) {\n    self.t = self.t + dt;\n    if (self.t <= 1) {\n      const startpos = vmath.vector3(0, 600, 0);\n      const endpos = vmath.vector3(600, 0, 0);\n      const pos = vmath.slerp(self.t, startpos, endpos);\n      go.set_position(pos, \"go\");\n    }\n  },\n});"
+    },
+    {
+      "sourceHash": "858acbd524dfe896",
+      "ts": "export default defineScript({\n  init(self) {\n    self.t = 0;\n  },\n\n  update(self, dt) {\n    self.t = self.t + dt;\n    if (self.t <= 1) {\n      const startrot = vmath.quat_rotation_z(0);\n      const endrot = vmath.quat_rotation_z(3.141592653);\n      const rot = vmath.slerp(self.t, startrot, endrot);\n      go.set_rotation(rot, \"go\");\n    }\n  },\n});"
+    }
+  ],
+  "vmath.vector": [
+    {
+      "sourceHash": "63ffad32dfb87144",
+      "ts": "// How to create a vector with custom data to be used for animation easing:\nconst values = [0, 0.5, 0];\nconst vec = vmath.vector(values);\nprint(vec); // => vmath.vector (size: 3)\nprint(vec[2]); // => 0.5"
+    }
+  ],
+  "vmath.vector3": [
+    {
+      "sourceHash": "ddcab8eda46d059c",
+      "ts": "const vec = vmath.vector3(1.0, 2.0, 3.0);\nprint(vec); // => vmath.vector3(1, 2, 3)\nprint(vec.unm()); // => vmath.vector3(-1, -2, -3)\nprint(vec.mul(2)); // => vmath.vector3(2, 4, 6)\nprint(vec.add(vmath.vector3(2.0))); // => vmath.vector3(3, 4, 5)\nprint(vec.sub(vmath.vector3(2.0))); // => vmath.vector3(-1, 0, 1)"
+    },
+    {
+      "sourceHash": "458c38e860a884b5",
+      "ts": "const vec = vmath.vector3();\npprint(vec); // => vmath.vector3(0, 0, 0)\nprint(vec.x); // => 0"
+    },
+    {
+      "sourceHash": "9afe6c6c89935d58",
+      "ts": "const vec = vmath.vector3(1.0);\nprint(vec); // => vmath.vector3(1, 1, 1)\nprint(vec.x); // => 1"
+    },
+    {
+      "sourceHash": "0b3d72f4a0a9719b",
+      "ts": "const vec1 = vmath.vector3(1.0);\nconst vec2 = vmath.vector3(vec1);\nif (vec1 === vec2) {\n  // yes, they are equal\n  print(vec2); // => vmath.vector3(1, 1, 1)\n}"
+    }
+  ],
+  "vmath.vector4": [
+    {
+      "sourceHash": "c98ee6ded6048d17",
+      "ts": "const vec = vmath.vector4(1.0, 2.0, 3.0, 4.0);\nprint(vec); // => vmath.vector4(1, 2, 3, 4)\nprint(vec.unm()); // => vmath.vector4(-1, -2, -3, -4)\nprint(vec.mul(2)); // => vmath.vector4(2, 4, 6, 8)\nprint(vec.add(vmath.vector4(2.0))); // => vmath.vector4(3, 4, 5, 6)\nprint(vec.sub(vmath.vector4(2.0))); // => vmath.vector4(-1, 0, 1, 2)"
+    },
+    {
+      "sourceHash": "9bfbd9336d3b8df4",
+      "ts": "const vec = vmath.vector4();\nprint(vec); // => vmath.vector4(0, 0, 0, 0)\nprint(vec.w); // => 0"
+    },
+    {
+      "sourceHash": "67b29b185a464b2c",
+      "ts": "const vec = vmath.vector4(1.0);\nprint(vec); // => vmath.vector4(1, 1, 1, 1)\nprint(vec.w); // => 1"
+    },
+    {
+      "sourceHash": "4af4b3cb046df045",
+      "ts": "const vec1 = vmath.vector4(1.0);\nconst vec2 = vmath.vector4(vec1);\nif (vec1 === vec2) {\n  // yes, they are equal\n  print(vec2); // => vmath.vector4(1, 1, 1, 1)\n}"
+    }
+  ],
+  "window.set_listener": [
+    {
+      "sourceHash": "5075cb14faa9510b",
+      "ts": "function window_callback(self, event, data) {\n  if (event === window.WINDOW_EVENT_FOCUS_LOST) {\n    print(\"window.WINDOW_EVENT_FOCUS_LOST\");\n  } else if (event === window.WINDOW_EVENT_FOCUS_GAINED) {\n    print(\"window.WINDOW_EVENT_FOCUS_GAINED\");\n  } else if (event === window.WINDOW_EVENT_ICONFIED) {\n    print(\"window.WINDOW_EVENT_ICONFIED\");\n  } else if (event === window.WINDOW_EVENT_DEICONIFIED) {\n    print(\"window.WINDOW_EVENT_DEICONIFIED\");\n  } else if (event === window.WINDOW_EVENT_RESIZED) {\n    print(\"Window resized: \", data.width, data.height);\n  }\n}\n\nexport default defineScript({\n  init() {\n    window.set_listener(window_callback);\n  },\n});"
+    }
+  ],
+  "zlib.deflate": [
+    {
+      "sourceHash": "dbfb4f8f6e58ec2c",
+      "ts": "const data = \"This is a string with uncompressed data.\";\nconst compressed_data = zlib.deflate(data);\nlet s = \"\";\nfor (const c of compressed_data) {\n  s = s + \"\\\\\" + c.charCodeAt(0);\n}\nprint(s); //> \\120\\94\\11\\201\\200\\44\\86\\0\\162\\68\\133\\226\\146\\162 ..."
+    }
+  ],
+  "zlib.inflate": [
+    {
+      "sourceHash": "6b8b8cc6d9afe679",
+      "ts": "const data = \"\\120\\94\\11\\201\\200\\44\\86\\0\\162\\68\\133\\226\\146\\162\\204\\188\\116\\133\\242\\204\\146\\12\\133\\210\\188\\228\\252\\220\\130\\162\\212\\226\\226\\212\\20\\133\\148\\196\\146\\68\\61\\0\\44\\67\\14\\201\";\nconst uncompressed_data = zlib.inflate(data);\nprint(uncompressed_data); //> This is a string with uncompressed data."
+    }
+  ]
+}