GUI introduction - Revision history

Impaktor: /* PiGUI */

2024-09-27T11:07:19Z

‎PiGUI

2024-08-16T08:14:10Z

Add link to ImRAD GUI builder

2023-09-15T12:07:22Z

‎OldUI

2022-12-31T15:53:25Z

fix link

2021-06-01T12:10:30Z

‎NewUI: Adding a new line, so the image is positioned better

2021-05-31T11:57:36Z

‎Getting started with UI

2021-05-31T08:49:48Z

Add pigui image

2021-05-31T08:48:07Z

‎PiGUI

2021-05-31T08:39:18Z

‎NewUI

2021-05-31T08:38:58Z

Fix image sizes

← Older revision		Revision as of 11:07, 27 September 2024
Line 29:		Line 29:

	At the time of writing (2021-05) OldUI still lingers (F6,F7,F8 screens), but PiGui has replaced most of OldUI, and all of NewUI.		At the time of writing (2021-05) OldUI still lingers (F6,F7,F8 screens), but PiGui has replaced most of OldUI, and all of NewUI.
		+
		+	Update 2024-09-27: Pioneer is pure PiGUI now and as of August 2021, with a re-written "improved PiGUI" code in [https://github.com/pioneerspacesim/pioneer/pull/5156 #5156]

	[[File:Bbs_pigui.png\|500px]]		[[File:Bbs_pigui.png\|500px]]

@@ Line 46: / Line 46: @@
 [[File:imgui_cpp_demo.png]]
-Many of the features of Imgui are ported to lua in pioneer, but not all. Let's look at how this code makes its meandering path to our in-game pioneer screen.
+Many of the features of Imgui are ported to lua in pioneer, but not all. Let's look at how this code makes its meandering path to our in-game pioneer screen. (Note: it might be worth investigating [https://github.com/tpecholt/imrad ImRAD], to prototype GUI, then translate C++ to pigui)
 First, look at the file above, we see the tab-bar is looking very sexy. By what magic is it made? Let's see if we can find it in imgui's C++ source (don't worry, you don't need to know C/C++, other than maybe recognizing if/for-loops and arrays). So we search the C++ source code for some string/sentence visible the demo ap, e.g. "Beetroot".
@@ Line 69: / Line 69: @@
 This is where we re-name it to something more akin to our lua defined "pigui". So when we use it in our code, we should preferably use "ui.beginTabBar". See example of this further down.
 == PiGUI ==

@@ Line 5: / Line 5: @@
 == OldUI ==
-What is now called "OldUI" by the dev team, is the original UI, from when Pioneer started as a 1:1 clone of Frontier, in 2008, implemented in pure C++. Any change to the UI elements required C++ knowledge, a full copy of the soucr code, with compiler, and re-compilation.
+What is now called "OldUI" by the dev team, is the original UI, from when Pioneer started as a 1:1 clone of Frontier, in 2008, implemented in pure C++. Any change to the UI elements required C++ knowledge, a full copy of the source code, with compiler, and re-compilation.
 [[File:Interact.bbsad.1.png|400px]]

← Older revision		Revision as of 15:53, 31 December 2022
Line 1:		Line 1:
−	This page aims to give pointers as to how to get started making UI using pioneer's Lua scripts. For deeper discussion on pioneer's "under the hood" rendering, see forum post: [https://pioneerspacesim.net~~/forum~~/viewtopic.php?f=3&t=489 A simple (sort of) description of Pioneers rendering]	+	This page aims to give pointers as to how to get started making UI using pioneer's Lua scripts. For deeper discussion on pioneer's "under the hood" rendering, see forum post: [https://forum.pioneerspacesim.net/viewtopic.php?f=3&t=489 A simple (sort of) description of Pioneers rendering]

	= Background history =		= Background history =

← Older revision		Revision as of 12:10, 1 June 2021
Line 17:		Line 17:

	NewUI is recognized by the Deep blue screens, with thin cyan borders on buttons. The bottom Frontier "coockpit"/radar dashbord is still OldUI.		NewUI is recognized by the Deep blue screens, with thin cyan borders on buttons. The bottom Frontier "coockpit"/radar dashbord is still OldUI.
		+
	[[File:Manual_infoview_06_crew.gif\|600px]]		[[File:Manual_infoview_06_crew.gif\|600px]]

@@ Line 31: / Line 31: @@
 [[File:Bbs_pigui.png|500px]]
-= Getting started with UI =
+= Getting started with UI (PiGUI) =
 Some pointers on how to get started with PiGUI. The perhaps easiest is to look at the example code script provided below, and modify it. Then search the code for other UI elements you're interested in duplicating. However, let us look at an in-depth way to go from imgui to pioneer's UI.

@@ Line 29: / Line 29: @@
 At the time of writing (2021-05) OldUI still lingers (F6,F7,F8 screens), but PiGui has replaced most of OldUI, and all of NewUI.
-[[File:Bbs_pigui.jpg|500px]]
+[[File:Bbs_pigui.png|500px]]
 = Getting started with UI =

← Older revision		Revision as of 08:48, 31 May 2021
Line 28:		Line 28:

	At the time of writing (2021-05) OldUI still lingers (F6,F7,F8 screens), but PiGui has replaced most of OldUI, and all of NewUI.		At the time of writing (2021-05) OldUI still lingers (F6,F7,F8 screens), but PiGui has replaced most of OldUI, and all of NewUI.
		+
		+	[[File:Bbs_pigui.jpg\|500px]]

	= Getting started with UI =		= Getting started with UI =

@@ Line 17: / Line 17: @@
 NewUI is recognized by the Deep blue screens, with thin cyan borders on buttons. The bottom Frontier "coockpit"/radar dashbord is still OldUI.
-[[File:Manual_infoview_06_crew.gif]]
+[[File:Manual_infoview_06_crew.gif|600px]]
 == PiGUI ==

@@ Line 7: / Line 7: @@
 What is now called "OldUI" by the dev team, is the original UI, from when Pioneer started as a 1:1 clone of Frontier, in 2008, implemented in pure C++. Any change to the UI elements required C++ knowledge, a full copy of the soucr code, with compiler, and re-compilation.
-[[File:Interact.bbsad.1.png]]
+[[File:Interact.bbsad.1.png|400px]]
-[[File:Manual_map_info.gif]]
+[[File:Manual_map_info.gif|500px]]
 == NewUI ==