Skip to content

Hide Gizmo, Grid, and Pivot Controls in Screenshots + HDRI and Controls Update#10

Open
notharshprajapati wants to merge 12 commits intomainfrom
feature-ui-upgrades
Open

Hide Gizmo, Grid, and Pivot Controls in Screenshots + HDRI and Controls Update#10
notharshprajapati wants to merge 12 commits intomainfrom
feature-ui-upgrades

Conversation

@notharshprajapati
Copy link
Collaborator

• Screenshot Update: Gizmo, Grid, and Pivot controls are now hidden during screenshots.
• HDRI Update: Switched to a shared HDRI.
• Controls Update: Replaced TransformControls with PivotControls for easier object manipulation.

hidden gizmo, Grid and piviot controls for Screenshot,
updated HDRI to one shared,
changed TransformControls to PivotControls
@vercel
Copy link

vercel bot commented Nov 14, 2024

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
web-render-engine Ready Ready Preview Comment Aug 30, 2025 1:46pm

Copy link
Owner

@mikejernil mikejernil left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

have added a few comments!

src/App.tsx Outdated
const [sampleFileView, setSampleFileView] = useState(false);

const [models, setModels] = useState<
{
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

you can make this as a 'Model' type and declare it before using, as a type or interface

src/App.tsx Outdated
placeholder="Place Url..."
value={url}
onChange={(e) => setUrl(e.target.value)}
<div className="relative w-screen h-screen">
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

See if this left panel code can be seperated into another file, like LoadUI, or UIPanel, so the App.jsx is not too cluttered

src/App.tsx Outdated
}

export default App;
// Add this function component at the top or in a separate file
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

shift this fn while seperating the panel code into a new file

@@ -94,32 +98,31 @@ function Box() {
// FBX Model component
function FbxModel({ url }: { url: string }) {
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

See if FbxModel,ObjModel & GlbModel could be converted into a JSX fn

Co-authored-by: Michael Jernil <43872457+mikejernil@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants