Learn How To Parse And Query JSON Data in Rete Visual Programming Editor On BITBYBIT.DEV 3D Platform

Welcome to this tutorial on working with JSON in the Rete visual programming editor! JSON, or JavaScript Object Notation, is a widely-used data format that's both easy to read and understand, making it a popular choice for web applications and beyond. In this session, Matas Ubarevičius will guide you through the process of integrating JSON data into Rete, showing you how to parse and query information effectively.

We'll start with the basics, exploring how to structure JSON data and which components are essential for manipulating it within the editor. You'll learn how to use JSONPATH for both simple and advanced queries, enabling you to extract the data you need with precision.

To make these concepts more tangible, we'll work through two data sets: one representing a person and another featuring a collection of cylinders. Using this data, we'll code a small JSON interpreter to recreate a 3D scene, providing you with hands-on experience in visualizing JSON data.

This tutorial is designed with beginners in mind, offering clear explanations and 3D visual examples to help you grasp the most important concepts. By the end, you'll have the skills to bring JSON data to life in Rete and create your own 3D models. Let's get started!

#json #cad #3D #query #parse #jsonpath #queryjson #parsejson #tutorial #lecture #introduction #rete #retejs #reteeditor #example #bitbybitdev #opencascade #occt #babylonjs #geometry #programming #scripting #onlinecourse #visualprogramming #parametricdesign #parametric #conceptual #datastructures #javascriptobjects #javascriptobjectnotation #javascript #typescript #computationaldesign #gamedev #indiedev #coding #learntocode #script #scripting #code #stem #steam #education #mathematics #data #datascience #visualgraph #dataflow #objects #datastructure #gameengine

00:00 Introduction to JSON and some examples
00:30 Example of a JSON representing a person
01:05 Import JSON into Rete visual programming editor by copy paste
01:40 Learn how to query and preview JSON data
02:10 Query JSON data with get value on property component
02:50 Create 3D text from queried JSON data
03:40 Learn how to query properties of nested objects
04:20 Use JSONPATH to query data and save up some canvas space
05:50 Overview of other type of JSON that represents a list of cylinders in VSCode
06:35 Get JSON of cylinders into Rete editor
07:00 Parse and preview JSON data
07:20 Learn how to get all the heights of all the cylinders via JSONPATH query
08:30 To recreate 3D scene we need to extract more data from JSON
08:45 Look at OCCT cylinder component to know what properties it needs
09:50 Activate 1 on 1 mapping on cylinder component
10:00 Connect radius list, height list and center points to cylinder component
10:10 Inspect 3D scene with cylinders
10:35 Import additional data to 3D scene with cylinder labels and their coordinates
11:25 Create 3D texts on label coordinates
11:55 Get the labels of cylinders from JSON
12:15 Enable one on one mapping for 3D text component
12:30 Use JSON labels in 3D texts for cylinders
12:40 Inspect 3D BabylonJS scene
13:05 Summary and conclusion