Storybook- JSON in Godot

JSON (JavaScript Object Notation) is a lightweight data-interchangeable format. It is straightforward to read and write. It is easy for a machine to parse and generate. It is based on the subset of the JavaScript Programming Language, Standard ECMA-262 3rd Edition-December 1999. JSON is a text format that is fully language independent, but it uses conventions that are familiar to programmers of C-family of languages, and also including C, C++, C#, Java, JavaScript, Perl, Python, and many others. The properties make JSON an ideal data-interchange language.

JSON is built on two structures:

In various languages, it is realized as an object, record, struct, dictionary, hash table, keyed list, or associative array. A collection of name/value pairs.
An ordered list of values. In maximum languages, this is realized as an array, vector list, and sequences.

These are universal data structures. Virtually all the modern programming languages support them in one form and another. It makes sense that a data format that is interchanged with programming languages also based on the structures.

In JSON, they take on these forms:

An object is an unordered set of value/name pair. An object begins with {(left brace) and ends with } (right brace). Each name is following by: (colon) and the name/values pairs are selected by, (comma).

The array is an ordered collection of values. An array begins with [(left braces) and ](right braces). Values are separated by (comma).

The basics of JSON

[value 1, value 2,?]
{“key 1”: value, “key 2”: value?}

Steps

Create a JSON file
Open the file (also read, parse and close the file)

We have an open Godot engine now.

Firstly, go to res:// and then click on Open in the file manager.

Then, the file will open.

Then here we are using ATOM IDE.

First, install Atom IDE and then working on it.

Atom is a free and open-source text and source code editor for macOS, Linux, and Microsoft Windows with support for plug-ins written in Node.js, and embedded Git Control, which is developed by GitHub. Atom is a desktop application built using web technologies.

ATOM IDE has improved language integration. ATOM is used for getting smarter context-aware auto-completion, code navigation features like an outline view, go to definition, and find all the references, As well as hover-to, reveal information, diagnosis (errors and warnings_) and document formatting.

Firstly, go into the official site of ATOM (atom.io) to download it.

We can download to click on the Download button.

It is a free and open-source idea which we could use Visual Studio Code. Open atom and save that folder from reopening this folder.

After saving, we have to go back to our script tab into the Godot game engine. The story which we created in the script which we are commented in our previous tutorial, here we have to uncomment it. And then paste it into the ATOM IDE.

Then again, please remove it from the script tab in Godot.

After that, we have to add something from JSON here.

Example:

  extends Control  var player_words=[]  var current_story = {}    onready var PlayerText= $VBoxContainer/HBoxContainer/PlayerText  onready var DisplayText= $VBoxContainer/DisplayText    func _ready():  set_current_story()  DisplayText.text=”Welcome all of u in the world of game and have a wondeful time!”  check_player_words_length()  PlayerText.grab_focus()    func set_current_story():  var stories = get_from_json(“StoryBook.json”)  randomize()  current_story= stories[randi()%stories.size()]    #var stories = $StoryBook.get_child_count() # is used for how many children u have as here are 4 chilren 0, 1, 2, 3.  #var selected_story=randi()%stories  #current_story.prompts= $StoryBook.get_child(selected_story).prompts  #current_story.story= $StoryBook.get_child(selected_story).story  #current_story=template[randi()% template.size()]    func get_from_json(filename):  var file = File.new()  file.open(filename, File.Read)  var text= file.get_as_text()  var data= parse_json(text)  file.close()  return data     func _on_PlayerText_text_entered(new_text):  add_to_player_words()    func _on_TextureButton_pressed():  if is_story_done():  get_tree().reload_current_scene()  else:  add_to_player_words()     func add_to_player_words():  player_words.append(PlayerText.text)  DisplayText.text=””  PlayerText.clear()  check_player_words_length()    func is_story_done():  return player_words.size() == current_story.prompts.size()    func check_player_words_length():  if is_story_done():  end_game()  else:  prompt_player()    func tell_story():  DisplayText.text= current_story.story % player_words    func prompt_player():  DisplayText.text += “May I have” +current_story.prompts[player_words.size()]+”please?”    func end_game():  PlayerText.queue_free()  $VBoxContainer/HBoxContainer/Label.text=”Again!”  tell_story()  

Output:

In the next tutorial, we learn that how to export project in Godot.

Next TopicStorybook- Story Object (JSON)

Storybook JSON in Godot

Storybook- JSON in Godot

The basics of JSON

Example:

Git Tutorial

Bucketing in Hive

You may also like