Skip to content

Conversation

@sorskoot
Copy link
Contributor

Add example of UI in orthographic rendering mode

Main difference is the way the pipelines are set up to make sure the UI is rendered on top.

Note: Due to a bug in the Cursor Component (issue 77) the target is not selected correctly.

Copilot AI review requested due to automatic review settings September 24, 2025 12:47
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

Adds a new example demonstrating React UI integration with orthographic rendering mode. The example shows how to properly configure pipelines to ensure UI elements render correctly on top of other scene objects when using orthographic projection.

  • Adds orthographic rendering example with modified depth pipeline configurations
  • Includes both screen-space and world-space UI demonstrations
  • Adds build script support for development with source maps and watch mode

Reviewed Changes

Copilot reviewed 7 out of 12 changed files in this pull request and generated no comments.

Show a summary per file
File Description
packages/react-ui/package.json Adds development build script with watch and source map support
examples/example_orthographic/tsconfig.json TypeScript configuration for the new orthographic example
examples/example_orthographic/package.json Package configuration and dependencies for orthographic example
examples/example_orthographic/js/react-ui.tsx React UI component implementation demonstrating UI elements in orthographic mode
examples/example_orthographic/js/index.js Auto-generated Wonderland Engine entry point for the example
examples/example_orthographic/cache/packagejson.hash Package dependency hash file for caching
examples/example_orthographic/ReactUi_example_orthographic.wlp Wonderland Engine project configuration with orthographic camera and UI pipeline settings
Files not reviewed (1)
  • examples/example_orthographic/package-lock.json: Language not supported

@Squareys
Copy link
Collaborator

Might it make sense to just add the new project file to the other example? Then we wouldn't need to duplicate the static assets / images, nor the react-ui.tsx

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