Skip to content

Phase 2: UX Polish & Onboarding (#257) #279

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
fernandotonon merged 28 commits into from
Apr 11, 2026
Merged

Phase 2: UX Polish & Onboarding (#257) #279

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
28 commits
Select commit Hold shift + click to select a range
d3b4a69
Add Welcome Screen — Phase 2, item 1
fernandotonon Apr 11, 2026
6fb8fce
Add Keyboard Shortcut Reference (Ctrl+/) — Phase 2, item 3
fernandotonon Apr 11, 2026
992ba88
Add Preferences Dialog (Ctrl+,) and context-sensitive tooltips — Phase 2
fernandotonon Apr 11, 2026
d509449
Add Asset Browser Panel — Phase 2, item 4
fernandotonon Apr 11, 2026
f7fd192
Fix welcome screen: cover full window, hide ViewCube during overlay
fernandotonon Apr 11, 2026
996ec36
Fix welcome screen: cap card height, add scrollable content
fernandotonon Apr 11, 2026
4306d5a
Fix Asset Browser: double-click to load, more extensions, image thumb…
fernandotonon Apr 11, 2026
5eacebf
Add material sphere preview via Ogre render-to-texture
fernandotonon Apr 11, 2026
f3938c7
Fix material preview: use ScriptCompilerManager to parse .material files
fernandotonon Apr 11, 2026
d7762e5
Replace material preset Canvas spheres with RTT grid cards
fernandotonon Apr 11, 2026
c5b8198
Revert "Replace material preset Canvas spheres with RTT grid cards"
fernandotonon Apr 11, 2026
050907d
Replace Material List with grid of RTT sphere cards
fernandotonon Apr 11, 2026
0594555
Brighten material preview ambient light (0.3 → 0.55)
fernandotonon Apr 11, 2026
db10439
Show welcome screen as standalone dialog before MainWindow
fernandotonon Apr 11, 2026
8fa74e3
Bump version to 2.24.0, add WelcomeDialog tests, update test CMake
fernandotonon Apr 11, 2026
c3479f8
Address PR reviews: don't-show-again on all paths, keyboard nav, cleanup
fernandotonon Apr 11, 2026
05cfdfe
Wire preferences to app, themed checkboxes, welcome toggle, remove AI…
fernandotonon Apr 11, 2026
b462f59
Fix preferences: theme applies in real-time, camera speed via EditorV…
fernandotonon Apr 11, 2026
d8d8aa7
Fix theme buttons: snap-settings style, immediate apply, remove Custom
fernandotonon Apr 11, 2026
2e9f063
Fix camera speed, recent files count, remove save dir option
fernandotonon Apr 11, 2026
b660cfd
Fix camera speed: apply via active widget + findChildren<OgreWidget*>
fernandotonon Apr 11, 2026
4b13328
Apply camera speed to scroll wheel zoom and trackpad pan
fernandotonon Apr 11, 2026
01e3e9c
Apply camera speed to trackpad pinch-to-zoom
fernandotonon Apr 11, 2026
59d0488
Add 122 tests for Phase 2 features, address code reviews
fernandotonon Apr 11, 2026
3cead84
Fix SpaceCamera tests for new Ctrl speed behavior
fernandotonon Apr 11, 2026
b968808
Fix remaining SpaceCamera Ctrl speed tests for different base speeds
fernandotonon Apr 11, 2026
db805d5
Fix telemetry toggle: use Sentry/enabled key (was Telemetry/enabled)
fernandotonon Apr 11, 2026
c450405
Merge branch 'master' into feat/phase2-ux-polish
fernandotonon Apr 11, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion CMakeLists.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ cmake_minimum_required(VERSION 3.24.0)
cmake_policy(SET CMP0005 NEW)
cmake_policy(SET CMP0048 NEW) # manages project version

project(QtMeshEditor VERSION 2.23.0 LANGUAGES C CXX)
project(QtMeshEditor VERSION 2.24.0 LANGUAGES C CXX)
message(STATUS "Building QtMeshEditor version ${PROJECT_VERSION}")

set(QTMESHEDITOR_VERSION_STRING "\"${PROJECT_VERSION}\"")
Expand Down
361 changes: 361 additions & 0 deletions qml/AssetBrowser.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,361 @@
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import AssetBrowser 1.0
import PropertiesPanel 1.0

Rectangle {
id: root
color: PropertiesPanelController.panelColor

ColumnLayout {
anchors.fill: parent
spacing: 0

// ---- Path bar ----
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 36
color: PropertiesPanelController.headerColor

RowLayout {
anchors.fill: parent
anchors.leftMargin: 6
anchors.rightMargin: 6
spacing: 4

// Up button
Rectangle {
width: 28
height: 24
radius: 3
color: upMouse.containsMouse ? Qt.lighter(PropertiesPanelController.inputColor, 1.3)
: PropertiesPanelController.inputColor
border.color: PropertiesPanelController.borderColor
border.width: 1

Text {
anchors.centerIn: parent
text: "\u2191"
color: PropertiesPanelController.textColor
font.pixelSize: 14
}

MouseArea {
id: upMouse
anchors.fill: parent
hoverEnabled: true
onClicked: AssetBrowserController.navigateUp()
}
}

// Path display
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 24
radius: 3
color: PropertiesPanelController.inputColor
border.color: PropertiesPanelController.borderColor
border.width: 1
clip: true

Text {
anchors.fill: parent
anchors.leftMargin: 6
anchors.rightMargin: 6
verticalAlignment: Text.AlignVCenter
text: AssetBrowserController.rootPath
color: PropertiesPanelController.textColor
font.pixelSize: 11
elide: Text.ElideLeft
}
}

// Browse button
Rectangle {
width: 60
height: 24
radius: 3
color: browseMouse.containsMouse ? Qt.lighter(PropertiesPanelController.inputColor, 1.3)
: PropertiesPanelController.inputColor
border.color: PropertiesPanelController.borderColor
border.width: 1

Text {
anchors.centerIn: parent
text: "Browse..."
color: PropertiesPanelController.textColor
font.pixelSize: 11
}

MouseArea {
id: browseMouse
anchors.fill: parent
hoverEnabled: true
onClicked: AssetBrowserController.browseForDirectory()
}
}
}
}

// ---- Filter bar ----
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 32
color: Qt.darker(PropertiesPanelController.headerColor, 1.05)

RowLayout {
anchors.fill: parent
anchors.leftMargin: 6
anchors.rightMargin: 6
spacing: 4

Repeater {
model: [
{ label: "All", value: "all" },
{ label: "Meshes", value: "meshes" },
{ label: "Textures", value: "textures" },
{ label: "Materials", value: "materials" }
]

Rectangle {
required property var modelData
width: filterText.implicitWidth + 16
height: 22
radius: 11
color: AssetBrowserController.filter === modelData.value
? PropertiesPanelController.highlightColor
: (filterMouse.containsMouse ? Qt.lighter(PropertiesPanelController.inputColor, 1.2)
: "transparent")
border.color: AssetBrowserController.filter === modelData.value
? "transparent"
: PropertiesPanelController.borderColor
border.width: 1

Text {
id: filterText
anchors.centerIn: parent
text: modelData.label
color: AssetBrowserController.filter === modelData.value
? "#ffffff"
: PropertiesPanelController.textColor
font.pixelSize: 11
font.bold: AssetBrowserController.filter === modelData.value
}

MouseArea {
id: filterMouse
anchors.fill: parent
hoverEnabled: true
onClicked: AssetBrowserController.filter = modelData.value
}
}
}

Item { Layout.fillWidth: true }

// Search field
Rectangle {
Layout.preferredWidth: 140
Layout.preferredHeight: 22
radius: 3
color: PropertiesPanelController.inputColor
border.color: searchInput.activeFocus
? PropertiesPanelController.highlightColor
: PropertiesPanelController.borderColor
border.width: 1

RowLayout {
anchors.fill: parent
anchors.leftMargin: 4
anchors.rightMargin: 4
spacing: 2

Text {
text: "\uD83D\uDD0D"
font.pixelSize: 10
color: PropertiesPanelController.textColor
opacity: 0.5
}

TextInput {
id: searchInput
Layout.fillWidth: true
Layout.fillHeight: true
verticalAlignment: TextInput.AlignVCenter
color: PropertiesPanelController.textColor
font.pixelSize: 11
clip: true
selectByMouse: true
onTextChanged: AssetBrowserController.searchQuery = text

Text {
anchors.fill: parent
verticalAlignment: Text.AlignVCenter
text: "Search..."
color: PropertiesPanelController.textColor
opacity: 0.4
font.pixelSize: 11
visible: !searchInput.text && !searchInput.activeFocus
}
}
}
}
}
}

// ---- File list ----
ListView {
id: fileList
Layout.fillWidth: true
Layout.fillHeight: true
clip: true
model: AssetBrowserController.files

ScrollBar.vertical: ScrollBar {
policy: ScrollBar.AsNeeded
}

delegate: Rectangle {
required property var modelData
required property int index
width: fileList.width
height: 30
color: delegateMouse.containsMouse
? Qt.lighter(PropertiesPanelController.panelColor, 1.15)
: (index % 2 === 0 ? PropertiesPanelController.panelColor
: Qt.darker(PropertiesPanelController.panelColor, 1.03))

RowLayout {
anchors.fill: parent
anchors.leftMargin: 8
anchors.rightMargin: 8
spacing: 8

// Type icon / thumbnail
Item {
Layout.preferredWidth: 28
Layout.preferredHeight: 28

// Image thumbnail for textures
Image {
anchors.fill: parent
visible: modelData.type === "texture"
source: modelData.type === "texture" ? "file:///" + modelData.path : ""
fillMode: Image.PreserveAspectFit
asynchronous: true
sourceSize.width: 28
sourceSize.height: 28
}

// Material preview sphere (RTT)
Image {
anchors.fill: parent
visible: modelData.type === "material" && !!modelData.previewUrl
source: (modelData.type === "material" && modelData.previewUrl) ? modelData.previewUrl : ""
fillMode: Image.PreserveAspectFit
asynchronous: true
sourceSize.width: 28
sourceSize.height: 28
}

// Emoji icon for non-texture files (fallback for materials without preview)
Text {
anchors.centerIn: parent
visible: modelData.type !== "texture"
&& !(modelData.type === "material" && !!modelData.previewUrl)
text: {
if (modelData.isDir) return "\uD83D\uDCC1"
if (modelData.type === "mesh") return "\uD83D\uDFE6"
if (modelData.type === "material") return "\uD83D\uDD35"
return "\uD83D\uDCC4"
}
font.pixelSize: 14
}
}

// File name
Text {
Layout.fillWidth: true
text: modelData.name
color: PropertiesPanelController.textColor
font.pixelSize: 12
font.bold: modelData.isDir
elide: Text.ElideRight
}

// File size (skip for directories)
Text {
visible: !modelData.isDir
text: {
var size = modelData.size
if (size < 1024) return size + " B"
if (size < 1048576) return (size / 1024).toFixed(1) + " KB"
return (size / 1048576).toFixed(1) + " MB"
}
color: PropertiesPanelController.textColor
opacity: 0.6
font.pixelSize: 10
}
}

MouseArea {
id: delegateMouse
anchors.fill: parent
hoverEnabled: true
onClicked: {
// Single click navigates into directories
if (modelData.isDir)
AssetBrowserController.navigateToDirectory(modelData.path)
}
onDoubleClicked: {
// Double click opens/loads files
if (!modelData.isDir)
AssetBrowserController.openFile(modelData.path)
}
}
}

// Empty state
Text {
anchors.centerIn: parent
visible: fileList.count === 0
text: AssetBrowserController.filter !== "all"
? "No " + AssetBrowserController.filter + " files found"
: "No files found"
color: PropertiesPanelController.textColor
opacity: 0.5
font.pixelSize: 13
}
}

// ---- Status bar ----
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 22
color: PropertiesPanelController.headerColor

Text {
anchors.fill: parent
anchors.leftMargin: 8
verticalAlignment: Text.AlignVCenter
text: {
var count = AssetBrowserController.files.length
var dirs = 0
var filesCount = 0
for (var i = 0; i < count; i++) {
if (AssetBrowserController.files[i].isDir) dirs++
else filesCount++
}
var parts = []
if (dirs > 0) parts.push(dirs + (dirs === 1 ? " folder" : " folders"))
if (filesCount > 0) parts.push(filesCount + (filesCount === 1 ? " file" : " files"))
return parts.join(", ") || "Empty"
}
color: PropertiesPanelController.textColor
opacity: 0.7
font.pixelSize: 10
}
}
}
}
Loading
Loading