![](\"resources/example_1.png\")
\nTo install it into your project, you need to have Node.js pre-installed to use it!
\n\nYou also need to create a project and use the following command to start using JsonUI Scripting:
\n\n```batch\nnpm install jsonui-scripting\n```\n\nThat command will add the JsonUI Scripting library to your project, and you can start using it.
\n\n# How to use\n\nThe syntax is very simple. If you just want to add a button to hide start screen, here is the code for that:
\n\n```javascript\nimport { Anchor, BindingName, UI, Vanilla } from \"jsonui-scripting\";\n\n// Game start screen content\nconst vanillaStartScreenContent = Vanilla.start.startScreenContent();\n\n// A custom start screen\nconst ourStartScreenContent = UI.panel({ size: \"100%\" }).addChild(vanillaStartScreenContent);\n\n// Toggle for hide start screen\nconst ourToggle = UI.extend(Vanilla.commonToggles.lightTextToggle(), {\n w: 84,\n h: 28,\n $button_text: \"Hide Screen\",\n $toggle_name: \"hide_start_screen\",\n $toggle_view_binding_name: \"hide_start_screen_state\",\n});\n\n// Add toggle to start screen content\nourStartScreenContent.addChild(ourToggle, {\n anchor: Anchor.TopLeft,\n x: 5,\n y: 5,\n});\n\nvanillaStartScreenContent.override.addBindings([\n {\n binding_name: BindingName.ScreenNeedsRebuild,\n binding_name_override: \"#bind_0\",\n },\n {\n source_control_name: \"hide_start_screen_state\",\n source_property_name: \"#toggle_state\",\n target_property_name: \"#bind_1\",\n },\n {\n source_property_name: \"[!#bind_0 && !#bind_1]\",\n target_property_name: \"#visible\",\n },\n]);\n\n// Modify start screen content\nVanilla.start.startScreen({\n $screen_content: ourStartScreenContent.getPath(),\n});\n```\n\nAnd you just need to run the code you wrote, and here is the result:
\n\n\n \n