Devices, methods, and graphical user interfaces for tab browsing in three-dimensional environment

Abstract

A computer system concurrently displays a browser toolbar of a browser and a window via a display generation component, the browser toolbar including a plurality of tabs, the window including first content associated with a first tab of the plurality of tabs. The browser toolbar and the window are overlying a view of the three-dimensional environment. When displaying the browser toolbar and the window including the first content as overlying the view of the three-dimensional environment, the computer system detects a first air gesture that meets a first gesture criterion, the air gesture includes a hand movement and a gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar. In response to detecting the first air gesture satisfying the first gesture criteria, the computer system displays second content in the window, the second content associated with a second tab of the plurality of tabs.

Description

[0001] Related applications

[0002] This application is a continuation of U.S. patent application No. 18 / 369,635 filed on September 18, 2023, and also claims priority to U.S. provisional application No. 63 / 469,794 filed on May 30, 2023 and U.S. provisional application No. 63 / 409,747 filed on September 24, 2022. Technical Field

[0003] The present disclosure generally relates to computer systems that provide computer-generated experiences in communication with display generation components and, optionally, one or more input devices, including but not limited to electronic devices that provide virtual reality and mixed reality experiences via displays. Background Art

[0004] In recent years, the development of computer systems for augmented reality has increased significantly. Example augmented reality environments include at least some virtual elements that replace or enhance the physical world. Input devices for computer systems and other electronic computing devices (such as cameras, controllers, joysticks, touch-sensitive surfaces, and touchscreen displays) are used to interact with virtual / augmented reality environments. Example virtual elements include virtual objects such as digital images, videos, text, icons, and control elements (such as buttons and other graphics). Summary of the Invention

[0005] Methods and interfaces for browsing web pages or other content in a three-dimensional environment (e.g., an application, an augmented reality environment, a mixed reality environment, and a virtual reality environment) that includes at least some virtual elements are cumbersome, inefficient, and limited. For example, a browser application in a three-dimensional environment requires a series of inputs using physical equipment such as a remote controller to navigate complex menu options. Such systems provide insufficient feedback and are complex, tedious, and error-prone, causing a significant cognitive burden on the user and diminishing the experience in the context of a virtual / augmented reality environment. In addition, these methods take longer than necessary, thereby wasting the energy of the computer system. This latter consideration is particularly important in battery-powered devices.

[0006] Therefore, there is a need for computer systems with improved methods and interfaces for tabbed browsing that make interacting with a browser application in a three-dimensional environment more efficient and intuitive for users. Such methods and interfaces optionally supplement or replace conventional methods for tabbed browsing. Such methods and interfaces reduce the amount, scope, and / or nature of input from a user by helping the user understand the connection between the input provided and the device's response to those inputs, thereby creating a more efficient human-computer interface.

[0007] The above-mentioned defects and other problems associated with the user interface of the computer system are reduced or eliminated by the disclosed system. In some embodiments, the computer system is a desktop computer with an associated display. In some embodiments, the computer system is a portable device (e.g., a notebook computer, a tablet computer, or a handheld device). In some embodiments, the computer system is a personal electronic device (e.g., a wearable electronic device, such as a watch or a head-mounted device). In some embodiments, the computer system has a touch pad. In some embodiments, the computer system has one or more cameras. In some embodiments, the computer system has a touch-sensitive display (also referred to as a "touch screen" or "touch screen display"). In some embodiments, the computer system has one or more eye tracking components. In some embodiments, the computer system has one or more hand tracking components. In some embodiments, in addition to the display generation component, the computer system also has one or more output devices, which include one or more tactile output generators and / or one or more audio output devices. In some embodiments, the computer system has a graphical user interface (GUI), one or more processors, a memory, and one or more modules, a program or instruction set stored in the memory for performing multiple functions. In some embodiments, the user interacts with the GUI through contacts and gestures of a stylus and / or finger on a touch-sensitive surface, movement of the user's eyes and hands in space relative to the GUI (and / or computer system) or the user's body (as captured by a camera and other motion sensors), and / or voice input (as captured by one or more audio input devices). In some embodiments, the functions performed by interaction optionally include image editing, drawing, presentations, word processing, spreadsheet creation, playing games, making and receiving calls, video conferencing, sending and receiving emails, instant messaging, test support, digital photography, digital video recording, web browsing, digital music playback, note-taking, and / or digital video playback. Executable instructions for performing these functions are optionally included in a transient and / or non-transient computer-readable storage medium or other computer program product configured for execution by one or more processors.

[0008] According to some embodiments, a method is performed at a computer system in communication with a display generation component and one or more input devices. The method includes: concurrently displaying, via the display generation component, a browser toolbar of a browser and a window, the browser toolbar including a plurality of tabs, the window including first content associated with a first tab of the plurality of tabs. The browser toolbar and the window are overlaying a view of a three-dimensional environment. The method includes: while displaying the browser toolbar and the window including the first content as overlaying the view of the three-dimensional environment, detecting a first mid-air gesture that meets a first gesture criterion, the first mid-air gesture comprising a hand movement and a gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar. The method includes: in response to detecting the first mid-air gesture that meets the first gesture criterion, displaying second content in the window, the second content associated with a second tab of the plurality of tabs.

[0009] According to some embodiments, a method is performed at a computer system in communication with a display generation component and one or more input devices. The method includes concurrently displaying a browser toolbar at a first distance from a user's viewpoint and a window including first content at a second distance from the user's viewpoint. The first distance and the second distance have a corresponding depth difference; the corresponding depth difference is greater than zero; the browser toolbar and the window are overlaying a view of a three-dimensional environment; and the browser toolbar and the window are associated with a browser application. The method includes receiving input corresponding to a request to change content in the window via the one or more input devices; and in response to receiving the input corresponding to the request to change content in the window, changing content displayed in the window from the first content to second content different from the first content, while continuing to display the browser toolbar and the window overlaying the view of the three-dimensional environment. The corresponding depth difference between the browser toolbar and the window is the same before and after the change in content in the window from the first content to the second content.

[0010] According to some embodiments, a method is performed at a computer system in communication with a display generation component and one or more input devices. The method includes: displaying a first content item from a plurality of content items via the display generation component. The first content item is overlaying a view of a three-dimensional environment. The method includes: when the first content item is an active content item of an application, detecting a first air gesture, the first air gesture comprising movement of a hand in a corresponding direction along a first movement axis, the first movement axis being perpendicular to a second axis moving away from a user's viewpoint. The method includes: in response to detecting the first air gesture, switching from the first content item being the active content item of the application to the second content item being the active content item of the application based on determining that the first air gesture comprised movement of the hand in a direction along the second movement axis that met corresponding criteria before detecting the movement of the hand in the corresponding direction along the first movement axis.

[0011] According to some embodiments, a method is performed at a computer system in communication with a display generation component and one or more input devices. The method includes: when a view of a three-dimensional environment is visible via the display generation component, displaying a first content item from a plurality of content items in a first area in the view of the three-dimensional environment at a first size. The method includes: when the first content item is displayed in the first area at the first size, detecting a first gesture. The method includes: in response to detecting the first gesture: concurrently displaying the first content item and a first set of one or more content items from the plurality of content items, wherein the first content item and the first set of one or more content items are displayed as reduced-scale representations; and visually de-emphasize one or more portions of the view of the three-dimensional environment, wherein the one or more portions of the view of the three-dimensional environment that are visually de-emphasized are concurrently visible with the first content item and the first set of one or more content items.

[0012] It should be noted that the various embodiments described above can be combined with any other embodiment described herein. The features and advantages described in this specification are not comprehensive. In particular, many additional features and advantages will be apparent to those skilled in the art from the drawings, the description, and the claims. In addition, it should be noted that the language used in this specification has been selected in principle for readability and instructional purposes, and may not be selected to describe or define the subject matter of the present invention. BRIEF DESCRIPTION OF THE DRAWINGS

[0013] For a better understanding of the various described embodiments, reference should be made to the following detailed description taken in conjunction with the following drawings, wherein like reference numerals designate corresponding parts throughout the several views.

[0014] Figure 1Ais a block diagram illustrating an operating environment for a computer system for providing an extended reality (XR) experience according to some embodiments.

[0015] Figure 1B to Figure 1P is used in Figure 1A An example of a computer system that provides an XR experience in an operating environment.

[0016] Figure 2 is a block diagram illustrating a controller of a computer system configured to manage and coordinate a user's XR experience according to some embodiments.

[0017] Figure 3 is a block diagram illustrating display generation components of a computer system configured to provide the visual component of an XR experience to a user according to some embodiments.

[0018] Figure 4 is a block diagram illustrating a hand tracking unit of a computer system configured to capture gesture input from a user according to some embodiments.

[0019] Figure 5 is a block diagram illustrating an eye tracking unit of a computer system configured to capture gaze input from a user according to some embodiments.

[0020] Figure 6 is a flow chart illustrating a flash-assisted gaze tracking pipeline according to some embodiments.

[0021] Figures 7A to 7M3 Example techniques for switching between tabbed windows in a three-dimensional environment are illustrated, according to some embodiments.

[0022] Figures 7A to 7M3 Illustrated are example techniques for spatially positioning a browser toolbar when interacting with a browser application in a three-dimensional environment, according to some embodiments.

[0023] Figures 7F to 7H Example techniques for viewing an overview of multiple content items of the same category in a three-dimensional environment are illustrated in accordance with some embodiments.

[0024] Figure 7N to Figure 7Y3 Example techniques for quickly switching between tabbed windows in a three-dimensional environment are illustrated according to some embodiments.

[0025] Figure 7N to Figure 7Y3 Example techniques are illustrated for viewing an overview of multiple content items of the same category in a three-dimensional environment while reducing the visual prominence of the remainder of the view of the three-dimensional environment, according to some embodiments.

[0026] Figure 8is a flow chart of a method of switching between tabbed windows in a three-dimensional environment according to various embodiments.

[0027] Figure 9 is a flow chart of a method of spatially positioning a browser toolbar relative to a browser application in a three-dimensional environment, according to various embodiments.

[0028] Figure 10 is a flow chart of a method for quickly switching between tabbed windows in a three-dimensional environment, according to various embodiments.

[0029] Figure 11 is a flow chart of a method of viewing an overview of multiple content items of the same category in a three-dimensional environment while reducing the visual prominence of the remainder of the view of the three-dimensional environment, according to various embodiments. DETAILED DESCRIPTION

[0030] According to some embodiments, the present disclosure relates to a user interface for providing an extended reality (XR) experience to a user.

[0031] The systems, methods, and GUIs described herein improve user interface interactions with virtual / augmented reality environments in several ways.

[0032] In some embodiments, a computer system allows a user to switch between tabbed windows in a three-dimensional environment (e.g., a virtual or mixed reality environment) in response to detecting an air gesture. For example, a tab of interest is selected in response to a direct or indirect air gesture detected using a camera (as opposed to a touch-sensitive surface or other physical controller). For example, the tab of interest is selected in response to gaze input directed to a tab of interest in a browser toolbar of a browser application in combination with an air pinch gesture (e.g., bringing an index finger and thumb into contact), wherein the gaze input places the tab of interest in focus and the air pinch gesture performs the selection. The browser toolbar includes tabs corresponding to tabbed windows (e.g., tabbed web pages or tabbed documents). Switching between tabs in response to user input also switches between corresponding tabbed windows of the browser application. Switching between different tabs in response to an air gesture in a three-dimensional environment provides ergonomic and efficient control over navigating tabbed windows in a three-dimensional environment without cluttering the three-dimensional environment with additional controls and without hindering the user with physical input equipment.

[0033] In some embodiments, the browser toolbar and web page window of the browser application are overlaid on a view of a three-dimensional environment (e.g., a virtual or mixed reality environment), wherein the browser toolbar and the web page window have a corresponding depth difference, wherein the browser toolbar is suspended on the web page window, separated in the "z" dimension. The browser toolbar is displayed as being closer to the user's viewpoint than the web page window. When switching between tabbed windows or otherwise changing the content displayed in the web page window, the depth difference between the browser toolbar and the web page window is optionally maintained. When switching between a tab and a tabbed window, the depth difference between the browser toolbar and the web page window helps the user focus on the browser toolbar, and optionally on the tab displayed therein.

[0034] In some embodiments, an improved gesture mechanism for quickly switching tabbed windows in a three-dimensional environment (e.g., a virtual or mixed reality environment) is provided. When a content item window (e.g., a web page or document) currently active for a browser application is visible in the three-dimensional environment, a fast tab switching mode is activated in response to detecting movement of a user's hand along the "z" axis (e.g., pushing forward or moving away from the user, optionally while maintaining an air pinch gesture) that meets corresponding gesture criteria (e.g., distance, velocity, hand configuration when performing the gesture, gaze direction, and / or other movement criteria). In the fast tab switching mode, in response to subsequent movement of the hand along the "x" axis (e.g., lateral or horizontal), the content item windows are quickly scrolled through, with the scrolling speed optionally determined by the magnitude of the hand movement and optionally modified based on the user's gaze direction or position. Using mid-air hand movements along two perpendicular axes to quickly scroll through tabbed windows provides an ergonomically improved input mechanism for efficiently navigating through a large number of tabbed windows in a three-dimensional environment without having to directly interact with user interface elements, navigate complex menu options, or use physical equipment.

[0035] In some embodiments, when a currently active or focused content item (e.g., a web page or document) is visible in a three-dimensional environment (e.g., a virtual or mixed reality environment), an air gesture is detected requesting display of multiple content items of the same type, e.g., a request to activate an overview mode or a request to activate a fast tab switching mode. In response to the air gesture, the size of the content item is reduced, and multiple other content items of the same type are displayed concurrently in the three-dimensional environment, while reducing the visual prominence of other parts of the three-dimensional environment (e.g., blurring, dimming, or completely hiding the space in the three-dimensional environment not occupied by these content items 1), thereby reducing irrelevant interference in the three-dimensional environment. The air gesture mechanism allows a user to switch to different browsing or viewing modes without having to navigate menus, use a handheld controller, or interact directly with user interface elements.

[0036] Figures 1A to 6 A description of an example computer system for providing an XR experience to a user is provided. Figures 7A to 7M3 Illustrate an example of switching between tabbed windows in a three-dimensional environment. Figure 8 is a flow chart of an example method 800 for switching between tabbed windows in a three-dimensional environment. Figures 7A to 7M3 The user interface in the is used to illustrate the procedures described below, which include Figure 8 In addition, Figures 7A to 7M3 An example of spatially positioning and dynamically changing a browser toolbar when interacting with a browser application in a three-dimensional environment is illustrated. Figure 9 is a flow chart of an example method 900 for spatially positioning and dynamically changing a browser toolbar when interacting with a browser application in a three-dimensional environment. Figures 7A to 7M3 The user interface in the is used to illustrate the procedures described below, which include Figure 9 in the process. Figure 7N to Figure 7Y3 Demonstrates an example of quickly switching between tabbed windows in a 3D environment. Figure 10 is a flow chart of an example method 1000 for quickly switching between tabbed windows in a three-dimensional environment. Figure 7N to Figure 7Y3 The user interface in the is used to illustrate the procedures described below, which include Figure 10 In addition, Figure 7N to Figure 7Y3 Example techniques are illustrated for viewing an overview of multiple content items of the same category in a three-dimensional environment while reducing the visual prominence of the remainder of the view of the three-dimensional environment. Figure 11 is a flow chart of an example method 1100 for spatially positioning and dynamically changing a browser toolbar when interacting with a browser application in a three-dimensional environment. Figure 7N to Figure 7Y3 The user interface in the is used to illustrate the procedures described below, which include Figure 11 in the process.

[0037] The processes described below enhance the operability of the device and make the user-device interface more efficient (e.g., by helping the user provide appropriate input and reducing user errors when operating / interacting with the device) through various techniques, including by providing improved visual feedback to the user, reducing the number of inputs required to perform an operation, providing additional control options without cluttering the user interface with additional display controls, performing an operation without further user input when a set of conditions have been met, improving privacy and / or security, providing a richer, more detailed, and / or more realistic user experience while saving storage space, and / or additional techniques. These techniques also reduce power usage and extend the battery life of the device by enabling the user to use the device faster and more efficiently. This saves battery power and, therefore, weight, improving the ergonomics of the device. These techniques also enable real-time communication, allow the use of fewer and / or less precise sensors, resulting in a more compact, lighter, and less expensive device, and enable the device to be used in a variety of lighting conditions. These techniques reduce energy usage and thereby reduce the heat emitted by the device, which is particularly important for wearable devices where if the device generates too much heat well within the operating parameters of the device components, it may become uncomfortable for the user to wear the device.

[0038] In addition, in the method described herein where one or more steps depend on having met one or more conditions, it should be understood that the method can be repeated in multiple repetitions so that in the process of repetition, all conditions of the steps in the method of determining the method have been met in different repetitions of the method. For example, if the method needs to perform the first step (if the condition is met), and perform the second step (if the condition is not met), then those of ordinary skill will know that the steps stated are repeated until both the condition is met and the condition is not met (in no particular order). Therefore, the method described as having one or more steps depending on having met one or more conditions can be rewritten as a method of repeating until each condition described in the method is met. However, this does not require a system or computer-readable medium to declare that the system or computer-readable medium includes instructions for performing a contingent operation based on the satisfaction of the corresponding one or more conditions, and is therefore able to determine whether a possible situation has been met without explicitly repeating the steps of the method until all conditions of the steps in the method of determining the method have been met. Those of ordinary skill in the art will also understand that, similar to the method with a contingent step, a system or computer-readable storage medium can repeat the steps of the method as needed multiple times to ensure that all contingent steps have been performed.

[0039] In some embodiments, as Figure 1AAs shown, an XR experience is provided to a user via an operating environment 100 including a computer system 101. The computer system 101 includes a controller 110 (e.g., a processor of a portable electronic device or a remote server), a display generation component 120 (e.g., a head-mounted device (HMD), a display, a projector, a touch screen, etc.), one or more input devices 125 (e.g., an eye tracking device 130, a hand tracking device 140, other input devices 150), one or more output devices 155 (e.g., a speaker 160, a tactile output generator 170, and other output devices 180), one or more sensors 190 (e.g., an image sensor, a light sensor, a depth sensor, a tactile sensor, an orientation sensor, a proximity sensor, a temperature sensor, a position sensor, a motion sensor, a velocity sensor, etc.), and optionally one or more peripheral devices 195 (e.g., a household appliance, a wearable device, etc.). In some embodiments, one or more of the input device 125, the output device 155, the sensor 190, and the peripheral device 195 are integrated with the display generation component 120 (e.g., in a head-mounted device or a handheld device).

[0040] When describing an XR experience, various terms are used to distinctly refer to several related but distinct environments that a user can sense and / or with which the user can interact (e.g., using inputs detected by the computer system 101 generating the XR experience, which inputs cause the computer system generating the XR experience to generate audio, visual, and / or haptic feedback corresponding to the various inputs provided to the computer system 101). The following is a subset of these terms:

[0041] Physical Environment: The physical environment refers to the physical world that people can sense and / or interact with without the aid of electronic systems. A physical environment, such as a physical park, includes physical objects, such as physical trees, physical buildings, and physical people. People can directly sense and / or interact with the physical environment, such as through sight, touch, hearing, taste, and smell.

[0042] Extended Reality: In contrast, an extended reality (XR) environment refers to a fully or partially simulated environment that people sense and / or interact with via electronic systems. In XR, a subset of a person's physical movements, or representations thereof, is tracked, and in response, one or more properties of one or more virtual objects simulated in the XR environment are adjusted in a manner consistent with at least one law of physics. For example, an XR system can detect a person's head rotation and, in response, adjust the graphical content and sound field presented to the person in a manner similar to how such views and sounds change in a physical environment. In some cases (e.g., for accessibility reasons), adjustments to the properties of virtual objects in the XR environment can be made in response to representations of physical movement (e.g., voice commands). People can sense and / or interact with XR objects using any of their senses, including vision, hearing, touch, taste, and smell. For example, people can sense and / or interact with audio objects, which create a 3D or spatial audio environment that provides the perception of a point audio source in 3D space. As another example, audio objects can enable audio transparency, which selectively introduces ambient sounds from the physical environment with or without computer-generated audio. In some XR environments, people can sense and / or interact only with audio objects.

[0043] Examples of XR include virtual reality and mixed reality.

[0044] Virtual Reality: A virtual reality (VR) environment is a simulated environment designed to be based entirely on computer-generated sensory input to one or more senses. A VR environment includes multiple virtual objects that a person can sense and / or interact with. For example, trees, buildings, and computer-generated images representing human avatars are examples of virtual objects. A person can sense and / or interact with virtual objects in a VR environment through the simulation of the person's presence within the computer-generated environment and / or through the simulation of a subset of the person's physical movement within the computer-generated environment.

[0045] Mixed Reality: In contrast to VR environments, which are designed to be based entirely on computer-generated sensory input, a mixed reality (MR) environment refers to a simulated environment that is designed to include sensory input from the physical environment, or representations thereof, in addition to computer-generated sensory input (e.g., virtual objects). On the virtuality continuum, a mixed reality environment is anything between, but not including, a fully physical environment at one end and a virtual reality environment at the other. In some MR environments, computer-generated sensory input can respond to changes in sensory input from the physical environment. In addition, some electronic systems used to render MR environments can track position and / or orientation relative to the physical environment to enable virtual objects to interact with real objects (i.e., physical items from the physical environment, or representations thereof). For example, the system can cause movement so that virtual trees appear stationary relative to the physical ground.

[0046] Examples of mixed reality include augmented reality and augmented virtuality.

[0047] Augmented Reality: An augmented reality (AR) environment refers to a simulated environment in which one or more virtual objects are superimposed on a physical environment or a representation of a physical environment. For example, an electronic system for presenting an AR environment may have a transparent or translucent display through which a person can directly view the physical environment. The system can be configured to present virtual objects on a transparent or translucent display so that a person uses the system to perceive the virtual objects superimposed on the physical environment. Alternatively, the system may have an opaque display and one or more imaging sensors that capture images or videos of the physical environment, which are representations of the physical environment. The system combines the images or videos with the virtual objects and presents the combination on the opaque display. A person uses the system to indirectly view the physical environment via the images or videos of the physical environment and perceives the virtual objects superimposed on the physical environment. As used herein, a video of the physical environment displayed on an opaque display is referred to as "transparent video," meaning that the system uses one or more image sensors to capture images of the physical environment and uses those images when presenting the AR environment on the opaque display. Further alternatively, the system may have a projection system that projects virtual objects into a physical environment, such as as holograms or on a physical surface, so that a person using the system perceives virtual objects superimposed on the physical environment. An augmented reality environment also refers to a simulated environment in which a representation of a physical environment is transformed by computer-generated sensory information. For example, in providing a pass-through video, the system may transform one or more sensor images to apply a selected perspective (e.g., a viewpoint) that is different from the perspective captured by the imaging sensor. For another example, the representation of the physical environment may be transformed by graphically modifying (e.g., enlarging) a portion thereof so that the modified portion may be a representative but not real version of the original captured image. For another example, the representation of the physical environment may be transformed by graphically eliminating a portion thereof or blurring a portion thereof.

[0048] Augmented Virtual: An augmented virtual (AV) environment is a simulated environment in which a virtual or computer-generated environment incorporates one or more sensory inputs from the physical environment. The sensory input can be a representation of one or more characteristics of the physical environment. For example, an AV park can have virtual trees and virtual buildings, but people's faces are realistically reproduced from images taken of physical people. In another example, a virtual object can adopt the shape or color of a physical object imaged by one or more imaging sensors. In another example, a virtual object can adopt a shadow that conforms to the position of the sun in the physical environment.

[0049] In an augmented reality, mixed reality, or virtual reality environment, a view of a three-dimensional environment is visible to a user. The view of the three-dimensional environment is typically visible to the user through a virtual viewport via one or more display generation components (e.g., a display or a pair of display modules that provide stereoscopic content to different eyes of the same user), and the virtual viewport has a viewport boundary that defines the range of the three-dimensional environment visible to the user via the one or more display generation components. In some embodiments, the area defined by the viewport boundary is smaller than the user's visual range in one or more dimensions (e.g., based on the user's visual range, the size, optical properties, or other physical properties of the one or more display generation components, and / or the position and / or orientation of the one or more display generation components relative to the user's eyes). In some embodiments, the area defined by the viewport boundary is larger than the user's visual range in one or more dimensions (e.g., based on the user's visual range, the size, optical properties, or other physical properties of the one or more display generation components, and / or the position and / or orientation of the one or more display generation components relative to the user's eyes). The viewport and viewport boundary typically move with the movement of one or more display generation components (e.g., with the user's head for a head-mounted device, or with the user's hand for a handheld device such as a tablet or smart phone). The user's viewpoint determines what is visible in the viewport. The viewpoint typically specifies a position and orientation relative to the three-dimensional environment, and as the viewpoint shifts, the view of the three-dimensional environment will also shift in the viewport. For head-mounted devices, the viewpoint is typically based on the position and orientation of the user's head, face, and / or eyes to provide a view of the three-dimensional environment that is perceptually accurate and provides an immersive experience when the user is using the head-mounted device. For handheld or fixed devices, the viewpoint shifts as the handheld or fixed device moves and / or as the user's positioning relative to the handheld or fixed device changes (e.g., the user moves toward, away from, up, down, right, and / or left). For devices that include display generation components with virtual pass-through, portions of the physical environment that are visible (e.g., displayed and / or projected) via the one or more display generation components are based on the field of view of one or more cameras in communication with the display generation components, which typically move with movement of the display generation components (e.g., with movement of the user's head for a head-mounted device, or with movement of the user's hand for a handheld device such as a tablet or smartphone) as the user's viewpoint moves with movement of the field of view of the one or more cameras (and the appearance of one or more virtual objects displayed via the one or more display generation components is updated based on the user's viewpoint (e.g., the display positioning and pose of the virtual objects are updated based on movement of the user's viewpoint)).For display generation components with optical transmittance, portions of the physical environment visible via one or more display generation components (e.g., optically visible through one or more partially or fully transparent portions of the display generation components) are based on the user's field of view through the partially or fully transparent portions of the display generation components (e.g., moves as the user's head moves for a head-mounted device, or moves as the user's hand moves for a handheld device such as a tablet or smartphone) because the user's viewpoint moves as the user moves through the field of view of the partially or fully transparent portions of the display generation components (and the appearance of one or more virtual objects is updated based on the user's viewpoint).

[0050] In some embodiments, the representation of the physical environment (e.g., displayed via virtual transmit-through or optical transmit-through) may be partially or completely obscured by the virtual environment. In some embodiments, the amount of the virtual environment displayed (e.g., the amount of the physical environment that is not displayed) is based on the immersion level of the virtual environment (e.g., relative to the representation of the physical environment). For example, increasing the immersion level optionally causes more of the virtual environment to be displayed, replacing and / or obscuring more of the physical environment, and decreasing the immersion level optionally causes less of the virtual environment to be displayed, thereby revealing portions of the physical environment that were previously not displayed and / or obscured. In some embodiments, at a particular immersion level, one or more first background objects (e.g., in the representation of the physical environment) are more visually deemphasized (e.g., dimmed, blurred, displayed with increased transparency) than one or more second background objects, and one or more third background objects cease to be displayed. In some embodiments, the immersion level includes an associated degree to which virtual content displayed by the computer system (e.g., a virtual environment and / or virtual content) obscures background content (e.g., content other than the virtual environment and / or virtual content) surrounding / behind the virtual environment, optionally including the number of items of background content displayed and / or the displayed visual characteristics of the background content (e.g., color, contrast, and / or opacity), the angular range of the virtual content displayed via the display generation component (e.g., 60 degrees for content displayed at low immersion, 120 degrees for content displayed at medium immersion, or 180 degrees for content displayed at high immersion), and / or the proportion of the field of view displayed via the display generation component that is occupied by the virtual content (e.g., 33% of the field of view occupied by the virtual content at low immersion, 66% of the field of view occupied by the virtual content at medium immersion, or 100% of the field of view occupied by the virtual content at high immersion). In some embodiments, the background content is included in the background on which the virtual content is displayed (e.g., background content in a representation of the physical environment). In some embodiments, the background content includes a user interface (e.g., a user interface corresponding to an application generated by a computer system), virtual objects that are not associated with or included in the virtual environment and / or virtual content (e.g., files generated by a computer system or representations of other users, etc.), and / or real objects (e.g., transparent objects representing real objects in the physical environment surrounding the user, which are visible so that they are displayed via the display generation component and / or visible via transparent or translucent components of the display generation component because the computer system does not block / impede their visibility through the display generation component). In some embodiments, at a low immersion level (e.g., a first immersion level), the background, virtual and / or real objects are displayed in an unobstructed manner. For example, a virtual environment with a low immersion level is optionally displayed concurrently with the background content, which is optionally displayed at full brightness, color and / or translucency.In some embodiments, at a higher immersion level (e.g., a second immersion level that is higher than the first immersion level), background, virtual, and / or real objects are displayed in an obscured manner (e.g., dimmed, blurred, or removed from display). For example, a corresponding virtual environment with a high immersion level is displayed without concurrently displaying background content (e.g., in full screen or fully immersive mode). As another example, a virtual environment displayed at a medium immersion level is concurrently displayed with background content that is dimmed, blurred, or otherwise de-emphasized. In some embodiments, the visual characteristics of background objects vary between background objects. For example, at a particular immersion level, one or more first background objects are more visually de-emphasized (e.g., dimmed, blurred, and / or displayed with increased transparency) than one or more second background objects, and one or more third background objects cease to be displayed. In some embodiments, zero immersion or zero immersion level corresponds to a virtual environment that ceases to be displayed, and instead displays a representation of the physical environment (optionally with one or more virtual objects, such as applications, windows, or virtual three-dimensional objects), without the representation of the physical environment being obscured by the virtual environment. Adjusting the immersion level using physical input elements provides a fast and efficient method of adjusting immersion, which enhances the operability of the computer system and makes the user-device interface more efficient.

[0051] Viewpoint-locked virtual objects: When a computer system displays a virtual object at the same position and / or location in a user's viewpoint, even if the user's viewpoint shifts (e.g., changes), the virtual object is viewpoint-locked. In embodiments where the computer system is a head-mounted device, the user's viewpoint is locked to the forward direction of the user's head (e.g., when the user is looking straight ahead, the user's viewpoint is at least a portion of the user's field of view); thus, without moving the user's head, the user's viewpoint remains fixed even when the user's gaze shifts. In embodiments where the computer system has a display generation component (e.g., a display screen) that is repositionable relative to the user's head, the user's viewpoint is the augmented reality view presented to the user on the display generation component of the computer system. For example, a viewpoint-locked virtual object that is displayed in the upper left corner of the user's viewpoint when the user's viewpoint is in a first orientation (e.g., the user's head is facing north) continues to be displayed in the upper left corner of the user's viewpoint even when the user's viewpoint changes to a second orientation (e.g., the user's head is facing west). In other words, the position and / or location of the viewpoint-locked virtual object displayed in the user's viewpoint is independent of the user's position and / or orientation in the physical environment. In embodiments where the computer system is a head-mounted device, the user's viewpoint is locked to the orientation of the user's head, such that the virtual object is also referred to as a "head-locked virtual object."

[0052] Environment-locked visual objects: A virtual object is environment-locked (alternatively, "world-locked") when a computer system displays it at a location and / or position in a user's viewpoint that is based on (e.g., selected with reference to and / or anchored to) a location and / or object in a three-dimensional environment (e.g., a physical environment or a virtual environment). As the user's viewpoint shifts, the location and / or objects in the environment change relative to the user's viewpoint, which causes the environment-locked virtual object to be displayed at a different location and / or position in the user's viewpoint. For example, an environment-locked virtual object locked to a tree immediately in front of the user is displayed at the center of the user's viewpoint. When the user's viewpoint shifts to the right (e.g., the user's head turns to the right) such that the tree is now to the left of center in the user's viewpoint (e.g., the tree's position in the user's viewpoint shifts), the environment-locked virtual object locked to the tree is displayed to the left of center in the user's viewpoint. In other words, the position and / or location at which an environment-locked virtual object is displayed in the user's viewpoint depends on the position and / or orientation of the object in the environment to which the virtual object is locked. In some embodiments, the computer system uses a stationary reference frame (e.g., a coordinate system anchored to fixed locations and / or objects in the physical environment) to determine the location at which an environment-locked virtual object is displayed in the user's viewpoint. An environment-locked virtual object can be locked to a stationary portion of the environment (e.g., a floor, wall, table, or other stationary object), or can be locked to a movable portion of the environment (e.g., a vehicle, an animal, a person, or even a representation of a part of the user's body that moves independently of the user's viewpoint, such as a hand, wrist, arm, or foot of the user) so that the virtual object moves as the viewpoint or that portion of the environment moves to maintain a fixed relationship between the virtual object and that portion of the environment.

[0053] In some embodiments, an environment-locked or viewpoint-locked virtual object exhibits an inertial following behavior that reduces or delays the movement of the environment-locked or viewpoint-locked virtual object relative to the movement of a reference point that the virtual object follows. In some embodiments, when exhibiting inertial following behavior, the computer system intentionally delays the movement of the virtual object when movement of a reference point that the virtual object is following (e.g., a portion of the environment, a viewpoint, or a point fixed relative to the viewpoint, such as a point between 5 cm and 300 cm from the viewpoint) is detected. For example, when the reference point (e.g., the portion of the environment or the viewpoint) moves at a first speed, the virtual object is moved by the device to remain locked to the reference point, but at a second speed that is slower than the first speed (e.g., until the reference point stops moving or slows down, at which point the virtual object begins to catch up with the reference point). In some embodiments, when the virtual object exhibits inertial following behavior, the device ignores small amounts of movement of the reference point (e.g., ignoring movements of the reference point below a threshold movement amount, such as movement from 0 degrees to 5 degrees or movement from 0 cm to 50 cm). For example, when a reference point (e.g., a portion or viewpoint of an environment to which a virtual object is locked) moves a first amount, the distance between the reference point and the virtual object increases (e.g., because the virtual object is being displayed so as to maintain a fixed or substantially fixed position relative to a viewpoint or portion of the environment different from the reference point to which the virtual object is locked), and when the reference point (e.g., the portion or viewpoint of the environment to which the virtual object is locked) moves a second amount greater than the first amount, the distance between the reference point and the virtual object first increases (e.g., because the virtual object is being displayed so as to maintain a fixed or substantially fixed position relative to a viewpoint or portion of the environment different from the reference point to which the virtual object is locked), and then decreases when the amount of movement of the reference point increases above a threshold (e.g., a “lazy follow” threshold) because the virtual object is moved by the computer system to maintain a fixed or substantially fixed position relative to the reference point. In some embodiments, maintaining a substantially fixed position of the virtual object relative to the reference point includes displaying the virtual object within a threshold distance (e.g., 1 cm, 2 cm, 3 cm, 5 cm, 15 cm, 20 cm, 50 cm) of the reference point in one or more dimensions (e.g., up / down, left / right, and / or forward / backward relative to the position of the reference point).

[0054] Hardware: There are many different types of electronic systems that enable people to sense and / or interact with various XR environments. Examples include head-mounted systems, projection-based systems, heads-up displays (HUDs), vehicle windshields with integrated display capabilities, windows with integrated display capabilities, displays formed as lenses designed to be placed on a person's eyes (e.g., similar to contact lenses), headphones / earpieces, speaker arrays, input systems (e.g., wearable or handheld controllers with or without haptic feedback), smartphones, tablets, and desktop / laptop computers. A head-mounted system can have one or more speakers and an integrated opaque display. Alternatively, a head-mounted system can be configured to accept an external opaque display (e.g., a smartphone). A head-mounted system can incorporate one or more imaging sensors for capturing images or video of the physical environment and / or one or more microphones for capturing audio of the physical environment. Instead of an opaque display, a head-mounted system can have a transparent or translucent display. A transparent or translucent display can have a medium through which light representing the image is directed to the person's eyes. The display may utilize digital light projection, OLED, LED, uLED, liquid crystal on silicon, laser scanning light sources, or any combination of these technologies. The medium may be an optical waveguide, a holographic medium, an optical combiner, an optical reflector, or any combination thereof. In one embodiment, a transparent or translucent display may be configured to selectively become opaque. Projection-based systems may employ retinal projection technology that projects graphic images onto a person's retina. The projection system may also be configured to project virtual objects into a physical environment, such as as holograms or on a physical surface. In some embodiments, the controller 110 is configured to manage and coordinate the user's XR experience. In some embodiments, the controller 110 includes a suitable combination of software, firmware, and / or hardware. Figure 2Controller 110 is described in more detail. In some embodiments, controller 110 is a computing device that is located locally or remotely relative to scene 105 (e.g., physical environment). For example, controller 110 is a local server located within scene 105. As another example, controller 110 is a remote server (e.g., a cloud server, a central server, etc.) located outside of scene 105. In some embodiments, controller 110 is communicatively coupled to display generation component 120 (e.g., HMD, display, projector, touch screen, etc.) via one or more wired or wireless communication channels 144 (e.g., Bluetooth, IEEE 802.11x, IEEE 802.16x, IEEE 802.3x, etc.). In another example, the controller 110 is included within a housing (e.g., a physical housing) of the display generating component 120 (e.g., an HMD or a portable electronic device including a display and one or more processors, etc.), one or more input devices of the input devices 125, one or more output devices of the output devices 155, one or more sensors of the sensors 190, and / or one or more peripheral devices 195, or shares the same physical housing or support structure with one or more of the above devices.

[0055] In some embodiments, the display generation component 120 is configured to provide an XR experience (e.g., at least the visual component of the XR experience) to the user. In some embodiments, the display generation component 120 includes a suitable combination of software, firmware, and / or hardware. Figure 3 Display generation component 120 is described in further detail. In some embodiments, the functionality of controller 110 is provided by and / or combined with display generation component 120.

[0056] According to some embodiments, display generation component 120 provides an XR experience to the user when the user is virtually and / or physically present within scene 105.

[0057] In some embodiments, the display generation component is worn on a part of the user's body (e.g., on his / her head, on his / her hand, etc.). In this way, the display generation component 120 includes one or more XR displays provided for displaying XR content. For example, in various embodiments, the display generation component 120 surrounds the user's field of view. In some embodiments, the display generation component 120 is a handheld device (such as a smartphone or tablet) configured to present XR content, and the user holds a device with a display facing the user's field of view and a camera facing the scene 105. In some embodiments, the handheld device is optionally placed in a housing worn on the user's head. In some embodiments, the handheld device is optionally placed on a support (e.g., a tripod) in front of the user. In some embodiments, the display generation component 120 is an XR room, housing, or room configured to present XR content, wherein the user does not wear or hold the display generation component 120. Many user interfaces described with reference to one type of hardware for displaying XR content (e.g., a handheld device or a device on a tripod) can be implemented on another type of hardware for displaying XR content (e.g., an HMD or other wearable computing device). For example, a user interface showing interactions with XR content that are triggered based on interactions occurring in the space in front of a handheld device or a tripod-mounted device can similarly be implemented with an HMD, where the interactions occur in the space in front of the HMD and the responses to the XR content are displayed via the HMD. Similarly, a user interface showing interactions with XR content that are triggered based on movement of a handheld device or a tripod-mounted device relative to a physical environment (e.g., scene 105 or a part of a user's body (e.g., the user's eyes, head, or hands)) can similarly be implemented with an HMD, where the movement is caused by movement of the HMD relative to the physical environment (e.g., scene 105 or a part of a user's body (e.g., the user's eyes, head, or hands)).

[0058] Despite Figure 1A Relevant features of the operating environment 100 are shown in FIG, but those skilled in the art will recognize from this disclosure that various other features are not illustrated for the sake of brevity and so as not to obscure more relevant aspects of the example embodiments disclosed herein.

[0059] Figures 1A to 1PVarious examples of computer systems for performing the methods and providing audio, visual, and / or tactile feedback as part of the user interfaces described herein are illustrated. In some embodiments, the computer system includes one or more display generation components (e.g., a first display assembly 1-120a and a second display assembly 1-120b and / or a first optical module 11.1.1-104a and a second optical module 11.1.1-104b) for displaying to a user of the computer system a representation of a virtual element and / or a physical environment, optionally generated based on detected events and / or user input detected by the computer system. The user interface generated by the computer system is optionally corrected by one or more corrective lenses 11.3.2-216, which are optionally removably attached to one or more of the optical modules to make the user interface easier to view by users who would otherwise use glasses or contact lenses to correct their vision. Although many of the user interfaces illustrated herein show a single view of the user interface, a user interface in an HMD is optionally displayed using two optical modules (e.g., a first display component 1-120a and a second display component 1-120b and / or a first optical module 11.1.1-104a and a second optical module 11.1.1-104b), one optical module for the user's right eye and a different optical module for the user's left eye, and presenting slightly different images to the two different eyes to create the illusion of stereoscopic depth, the single view of the user interface being typically a right eye view or a left eye view, with the depth effect being explained in text or using other diagrams or views. In some embodiments, a computer system includes one or more external displays (e.g., display component 1-108) for displaying status information of the computer system to a user of the computer system (when the computer system is not being worn) and / or to other people near the computer system, the status information being optionally generated based on detected events and / or user input detected by the computer system. In some embodiments, the computer system includes one or more audio output components (e.g., electronic components 1-112) for generating audio feedback, which is optionally generated based on detected events and / or user input detected by the computer system. In some embodiments, the computer system includes one or more input devices for detecting input, such as one or more sensors (e.g., sensor components 1-356 and / or Figure 1I One or more sensors in the , which information can be used (optionally in conjunction with one or more illuminators, such as Figure 1IIn some embodiments, the computer system includes one or more input devices for detecting input, such as one or more sensors for detecting hand positioning and / or movement (e.g., sensor assembly 1-356 and / or sensor assembly 1-357). Figure 1I One or more sensors in ), which can be used (optionally in combination with one or more illuminators, such as Figure 1I In some embodiments, the computer system includes one or more input devices for detecting input, such as one or more sensors for detecting eye movement (e.g., Figure 1I eye tracking and gaze tracking sensors in the , which can be used (optionally in conjunction with one or more lights, such as Figure 1O11.3.2-110) determine attention or gaze location and / or gaze movement, which can optionally be used to detect gaze-only input based on gaze movement and / or dwell. Combinations of the various sensors described above can be used to determine user facial expressions and / or hand movements for use in generating an avatar or representation of the user, such as an anthropomorphic avatar or representation for a real-time communication session, wherein the avatar has facial expressions, hand movements, and / or body movements that are based on or similar to the detected facial expressions, hand movements, and / or body movements of the user of the device. Gaze and / or attention information is optionally combined with hand tracking information to determine interaction between a user and one or more user interfaces based on direct and / or indirect input, such as air gestures or input using one or more hardware input devices, such as one or more buttons (e.g., first button 1-128, button 11.1.1-114, second button 1-132, and / or dial or button 1-328), knobs (e.g., first button 1-128, button 11.1.1-114, and / or dial or button 1-328), a digital crown (e.g., a pressable and twistable or rotatable first button 1-128, button 11.1.1-114, and / or dial or button 1-328), a touchpad, a touch screen, a keyboard, a mouse, and / or other input devices. One or more buttons (e.g., a first button 1-128, a button 11.1.1-114, a second button 1-132, and / or a dial or button 1-328) are optionally used to perform system operations, such as re-centering content in a three-dimensional environment visible to a user of the device, displaying a primary user interface for launching an application, starting a real-time communication session, or initiating display of a virtual three-dimensional background. A knob or digital crown (e.g., a pressable and twistable or rotatable first button 1-128, a button 11.1.1-114, and / or a dial or button 1-328) is optionally rotatable to adjust parameters of visual content, such as the immersion level of the virtual three-dimensional environment (e.g., the extent to which virtual content occupies the user's viewport in the three-dimensional environment) or other parameters associated with the three-dimensional environment and virtual content displayed via the optical modules (e.g., the first and second display components 1-120a, 1-120b, and / or the first and second optical modules 11.1.1-104a, 11.1.1-104b).

[0060] Figure 1BIllustrated are front, top, and perspective views of an example head-mounted display (HMD) device 1-100 configured to be worn by a user and to provide a virtual and altered / mixed reality (VR / AR) experience. The HMD 1-100 may include a display unit 1-102 or assembly, an electronic strap assembly 1-104 connected to and extending from the display unit 1-102, and a strap assembly 1-106 secured at either end to the electronic strap assembly 1-104. The electronic strap assembly 1-104 and the strap 1-106 may be part of a retaining assembly configured to wrap around a user's head to hold the display unit 1-102 against the user's face.

[0061] In at least one example, the strap assembly 1-106 can include a first strap 1-116 configured to wrap around the back of a user's head and a second strap 1-117 configured to extend over the top of the user's head. As shown, the second strap can extend between the first electronic strip 1-105a and the second electronic strip 1-105b of the electronic strip assembly 1-104. The strap assembly 1-104 and the strap assembly 1-106 can be part of a securing mechanism that extends rearward from the display unit 1-102 and is configured to hold the display unit 1-102 against the user's face.

[0062] In at least one example, the securing mechanism includes a first electronic strip 1-105a including a first proximal end 1-134 coupled to the display unit 1-102 (e.g., the housing 1-150 of the display unit 1-102) and a first distal end 1-136 opposite the first proximal end 1-134. The securing mechanism may also include a second electronic strip 1-105b including a second proximal end 1-138 coupled to the housing 1-150 of the display unit 1-102 and a second distal end 1-140 opposite the second proximal end 1-138. The securing mechanism may also include a first band 1-116 and a second band 1-117, the first band including a first end 1-142 coupled to the first distal end 1-136 and a second end 1-144 coupled to the second distal end 1-140, and the second band extending between the first electronic strip 1-105a and the second electronic strip 1-105b. The strips 1-105a to 1-105b and the strip 1-116 may be coupled via a connecting mechanism or assembly 1-114. In at least one example, the second strip 1-117 includes a first end 1-146 coupled to the first electronic strip 1-105a between the first proximal end 1-134 and the first distal end 1-136 and a second end 1-148 coupled to the second electronic strip 1-105b between the second proximal end 1-138 and the second distal end 1-140.

[0063] In at least one example, the first and second electronic strips 1-105a, 1-105b include plastic, metal, or other structural materials formed into the shape of substantially rigid strips 1-105a, 1-105b. In at least one example, the first and second bands 1-116, 1-117 are formed of a resilient, flexible material including a woven textile, rubber, or the like. The first and second bands 1-116, 1-117 may be flexible to conform to the shape of the user's head when the HMD 1-100 is worn.

[0064] In at least one example, one or more of the first electronic strip 1-105a and the second electronic strip 1-105b can define an interior strip volume and include one or more electronic components disposed within the interior strip volume. Figure 1B As shown, the first electronic strip 1-105a may include an electronic component 1-112. In one example, the electronic component 1-112 may include a speaker. In one example, the electronic component 1-112 may include a computing component, such as a processor.

[0065] In at least one example, the housing 1-150 defines a first front opening 1-152. Figure 1B 1-152 because the display assembly 1-108 is configured to obscure the first opening 1-152 from the field of view when the HMD 1-100 is assembled. The housing 1-150 may also define a rear-mounted second opening 1-154. The housing 1-150 further defines an interior volume between the first opening 1-152 and the second opening 1-154. In at least one example, the HMD 1-100 includes a display assembly 1-108, which may include a front cover disposed in or across the front opening to obscure the front opening 1-152 and a display screen (shown in other figures). In at least one example, the display screen of the display assembly 1-108, and the display assembly 1-108 generally, has a curvature configured to follow the curvature of the user's face. The display screen of the display assembly 1-108 may be curved as shown to complement the user's facial features and the overall curvature from one side of the face to the other, such as from left to right and / or from top to bottom, with the display unit 1-102 being pressed.

[0066] In at least one example, the housing 1-150 may define a first aperture 1-126 between the first opening 1-152 and the second opening 1-154, and a second aperture 1-130 between the first opening 1-152 and the second opening 1-154. The HMD 1-100 may also include a first button 1-126 disposed in the first aperture 1-128, and a second button 1-132 disposed in the second aperture 1-130. The first button 1-128 and the second button 1-132 are capable of being pressed through the respective apertures 1-126, 1-130. In at least one example, the first button 1-126 and / or the second button 1-132 may be a twistable dial and a pressable button. In at least one example, the first button 1-128 is a pressable and twistable dial button, and the second button 1-132 is a pressable button.

[0067] Figure 1C A rear perspective view of an HMD 1-100 is illustrated. The HMD 1-100 may include a light seal 1-110 extending rearwardly from a housing 1-150 of a display assembly 1-108 around the perimeter of the housing 1-150, as shown. The light seal 1-110 may be configured to extend from the housing 1-150 to the user's face, surrounding the user's eyes, to block external light from being visible. In one example, the HMD 1-100 may include a first display assembly 1-120a and a second display assembly 1-120b disposed at or within a rearward-facing second opening 1-154 defined by the housing 1-150 and / or disposed within the interior volume of the housing 1-150 and configured to project light through the second opening 1-154. In at least one example, each display assembly 1-120a to 1-120b may include a respective display screen 1-122a, 1-122b configured to project light in a rearward direction through the second opening 1-154 toward the user's eyes.

[0068] In at least one example, reference Figure 1B and Figure 1C In both cases, the display assembly 1-108 may be a front-facing, forward-facing display assembly including a display screen configured to project light in a first, forward direction, and the rear-facing display screens 1-122a-1-122b may be configured to project light in a second, rearward direction opposite the first direction. As noted above, the light seal 1-110 may be configured to block light external to the HMD 1-100 from reaching the user's eyes, including by Figure 1B1-120b.

[0069] Figure 1B and Figure 1C Any of the features, components and / or parts shown (including their arrangement and configuration) may be included in the Figures 1D to 1F any other examples of the devices, features, components, and parts shown and described herein. Figures 1D to 1F Any of the features, components and / or parts shown and described (including their arrangement and configuration) may be included alone or in any combination in the Figure 1B and Figure 1C Examples of devices, features, components, and parts are shown.

[0070] Figure 1D An exploded view of an example of an HMD 1-200 is illustrated, the HMD including various parts or components that are separated according to the modularization and selective coupling of these components. For example, the HMD 1-200 may include a strap 1-216 that is selectively coupled to a first electronic strip 1-205a and a second electronic strip 1-205b. The first fixed strap 1-205a may include a first electronic component 1-212a, and the second fixed strap 1-205b may include a second electronic component 1-212b. In at least one example, the first strap 1-205a and the second strap 1-205b can be removably coupled to the display unit 1-202.

[0071] Additionally, the HMD 1-200 may include an optical seal 1-210 configured to be removably coupled to the display unit 1-202. The HMD 1-200 may also include a lens 1-218 that may be removably coupled to the display unit 1-202, for example, on a first assembly including a display screen and a second display assembly. The lens 1-218 may include a custom prescription lens configured to correct vision. As noted, in Figure 1DEach of the parts shown in the exploded view of the HMD 1-200 and described above can be removably coupled, attached, reattached, and replaced to upgrade parts or swap out parts for different users. For example, bands such as the band 1-216, optical seals such as the optical seal 1-210, lenses such as the lens 1-218, and electronic strips such as the electronic strips 1-205a-1-205b can be swapped out depending on the user so that these parts are customized to fit and correspond to an individual user of the HMD 1-200.

[0072] Figure 1D Any of the features, components and / or parts shown (including their arrangement and configuration) may be included in the Figure 1B 、 Figure 1C and Figures 1E to 1F any other examples of the devices, features, components, and parts shown and described herein. Figure 1B 、 Figure 1C and Figures 1E to 1F Any of the features, components and / or parts shown and described (including their arrangement and configuration) may be included alone or in any combination in the Figure 1D Examples of devices, features, components, and parts are shown.

[0073] Figure 1E An exploded view of an example of a display unit 1-306 of an HMD is illustrated. The display unit 1-306 may include a front display assembly 1-308, a frame / housing assembly 1-350, and a curtain assembly 1-324. The display unit 1-306 may also include a sensor assembly 1-350, a logic board assembly 1-358, and a cooling assembly 1-360 disposed between the frame assembly 1-356 and the front display assembly 1-308. In at least one example, the display unit 1-306 may also include a rear display assembly 1-320 including a first rear display screen 1-322a and a second rear display screen 1-322b disposed between the frame 1-350 and the curtain assembly 1-324.

[0074] In at least one example, the display unit 1-306 may further include a motor assembly 1-362 configured as an adjustment mechanism for adjusting the positioning of the display screens 1-322a-1-322b of the display assembly 1-320 relative to the frame 1-350. In at least one example, the display assembly 1-320 is mechanically coupled to the motor assembly 1-362, with each display screen 1-322a-1-322b having at least one motor such that the motors can translate the display screens 1-322a-1-322b to match the interpupillary distance of the user's eyes.

[0075] In at least one example, the display unit 1-306 may include a dial or button 1-328 that is depressible relative to the frame 1-350 and accessible by a user external to the frame 1-350. The button 1-328 may be electrically connected to the motor assembly 1-362 via a controller such that the button 1-328 may be manipulated by a user to cause a motor of the motor assembly 1-362 to adjust the positioning of the display screens 1-322a-1-322b.

[0076] Figure 1E Any of the features, components and / or parts shown (including their arrangement and configuration) may be included in the Figures 1B to 1D and Figure 1F any other examples of the devices, features, components, and parts shown and described herein. Figures 1B to 1D and Figure 1F Any of the features, components and / or parts shown and described (including their arrangement and configuration) may be included alone or in any combination in the Figure 1E Examples of devices, features, components, and parts are shown.

[0077] Figure 1F An exploded view of another example of a display unit 1-406 of an HMD device similar to other HMD devices described herein is illustrated. The display unit 1-406 may include a front display assembly 1-402, a sensor assembly 1-456, a logic board assembly 1-458, a cooling assembly 1-460, a frame assembly 1-450, a rear display assembly 1-421, and a curtain assembly 1-424. The display unit 1-406 may also include a motor assembly 1-462 for adjusting the positioning of the first display subassembly 1-420a and the second display subassembly 1-420b of the rear display assembly 1-421, including the first and second corresponding display screens for interpupillary adjustment, as described above.

[0078] Figure 1F The various parts, systems and assemblies shown in exploded views herein are referenced Figures 1B to 1E and subsequent figures referenced in this disclosure are described in more detail. Figure 1F The display unit 1-406 shown can be used with Figures 1B to 1E The shown fixing mechanism is assembled and integrated, and includes the electronic strips, ribbons, and other components including optical seals, connection components, etc.

[0079] Figure 1F Any of the features, components and / or parts shown (including their arrangement and configuration) may be included in the Figures 1B to 1Eany other examples of the devices, features, components, and parts shown and described herein. Figures 1B to 1E Any of the features, components and / or parts shown and described (including their arrangement and configuration) may be included alone or in any combination in the Figure 1F Examples of devices, features, components, and parts are shown.

[0080] Figure 1G 1 illustrates a perspective exploded view of a front cover assembly 3-100 of an HMD device described herein, for example, Figure 1G The front cover assembly 3-1 of the illustrated HMD 3-100 or any other HMD device shown and described herein. Figure 1G The illustrated front cover assembly 3-100 may include a transparent or translucent cover 3-102, a shield 3-104 (or "canopy"), an adhesive layer 3-106, a display assembly 3-108 including a lenticular lens panel or array 3-110, and a structural trim 3-112. The adhesive layer 3-106 may secure the shield 3-104 and / or the transparent cover 3-102 to the display assembly 3-108 and / or the trim 3-112. The trim 3-112 may secure the various components of the front cover assembly 3-100 to the frame or base of the HMD device.

[0081] In at least one example, Figure 1G As shown, the transparent cover 3-102, the shield 3-104, and the display assembly 3-108 including the lenticular lens array 3-110 can be bent to accommodate the curvature of the user's face. The transparent cover 3-102 and the shield 3-104 can be bent in two or three dimensions, for example, vertically in the Z direction within and outside the ZX plane and horizontally in the X direction within and outside the ZX plane. In at least one example, the display assembly 3-108 may include the lenticular lens array 3-110 and a display panel having pixels that are configured to project light through the shield 3-104 and the transparent cover 3-102. The display assembly 3-108 can be bent in at least one direction (e.g., horizontally) to accommodate the curvature of the user's face from one side of the face (e.g., the left side) to the other side (e.g., the right side). In at least one example, each layer or component of the display assembly 3-108 (which will be shown in subsequent figures and described in more detail, but which may include a lenticular lens array 3-110 and a display layer) may be curved similarly or concentrically in the horizontal direction to accommodate the curvature of the user's face.

[0082] In at least one example, the shield 3-104 may include a transparent or translucent material through which the display assembly 3-108 projects light. In one example, the shield 3-104 may include one or more opaque portions, such as an opaque ink-printed portion or other opaque film portion on the back of the shield 3-104. When the HMD device is worn, the back surface may be the surface of the shield 3-104 that faces the user's eyes. In at least one example, the opaque portion may be on the front surface of the shield 3-104, opposite the back surface. In at least one example, the one or more opaque portions of the shield 3-104 may include a peripheral portion that visually conceals any components surrounding the outer perimeter of the display screen of the display assembly 3-108. In this manner, the opaque portion of the shield conceals any other components of the HMD device that would otherwise be visible through the transparent or translucent cover 3-102 and / or the shield 3-104, including electronic components, structural components, etc.

[0083] In at least one example, the shield 3-104 may define one or more apertured transparent portions 3-120 through which sensors may transmit and receive signals. In one example, the portion 3-120 is an aperture through which a sensor may extend or transmit and receive signals. In one example, the portion 3-120 is a transparent portion, or a portion that is more transparent than surrounding translucent or opaque portions of the shield, through which sensors may transmit and receive signals through the shield and through the transparent cover 3-102. In one example, the sensor may include a camera, an IR sensor, a LUX sensor, or any other visual or non-visual environmental sensor of the HMD device.

[0084] Figure 1G Any of the features, components and / or parts shown (including arrangements and configurations thereof) may be included, alone or in any combination, in any other example of the apparatus, features, components and parts described herein. Likewise, any of the features, components and / or parts shown and described herein (including arrangements and configurations thereof) may be included, alone or in any combination, in any other example of the apparatus, features, components and parts described herein. Figure 1G Examples of devices, features, components, and parts are shown.

[0085] Figure 1H An exploded view of an example of an HMD device 6-100 is illustrated. The HMD device 6-100 may include a sensor array or system 6-102 including one or more sensors, cameras, projectors, etc. mounted to one or more components of the HMD 6-100. In at least one example, the sensor system 6-102 may include a bracket 1-338 to which one or more sensors of the sensor system 6-102 may be secured / fastened.

[0086] Figure 1I A portion of an HMD device 6-100 is illustrated that includes a front transparent cover 6-104 and a sensor system 6-102. The sensor system 6-102 may include a plurality of different sensors, emitters, receivers, including cameras, IR sensors, projectors, etc. The transparent cover 6-104 is illustrated in front of the sensor system 6-102 to illustrate the relative positioning of the various sensors and emitters and the orientation of each sensor / emitter of the system 6-102. As referred to herein, "lateral," "sideways," "horizontal," and other similar terms refer to the orientation of the sensor system 6-102. Figure 1J The orientation or direction indicated by the X-axis shown. Terms such as "vertical", "upward", "downward" and similar terms refer to Figure 1J The orientation or direction indicated by the Z-axis shown. Terms such as "forward," "backward," "forward," "backward" and similar terms refer to the orientation or direction indicated by the Z-axis shown. Figure 1J The Y-axis shown indicates the orientation or direction.

[0087] In at least one example, a transparent cover 6-104 may define a front exterior surface of the HMD device 6-100, and a sensor system 6-102, including various sensors and components thereof, may be disposed in the Y axis / direction behind the cover 6-104. The cover 6-104 may be transparent or translucent to allow light to pass through the cover 6-104, including both light detected by the sensor system 6-102 and light emitted thereby.

[0088] As noted elsewhere herein, the HMD device 6-100 may include one or more controllers including processors for electrically coupling the various sensors and transmitters of the sensor system 6-102 to one or more motherboards, processing units, and other electronic devices such as display screens. Furthermore, as will be described in greater detail below with reference to other figures, the various sensors, transmitters, and other components of the sensor system 6-102 may be coupled to Figure 1I Various structural frame members, brackets, etc. of the HMD device 6-100 are not shown in the figure. For the sake of clarity of illustration, Figure 1I Components of the sensor system 6-102 are shown unattached and unelectrically coupled to other components.

[0089] In at least one example, the device may include one or more controllers having processors configured to execute instructions stored on a memory component electrically coupled to the processors. The instructions may include or cause the processors to execute one or more algorithms for self-correcting the angles and positions of the various cameras described herein over time as the initial position, angle, or orientation of the camera is bumped or deformed due to an unexpected drop event or other event.

[0090] In at least one example, the sensor system 6-102 may include one or more scene cameras 6-106. The system 6-102 may include two scene cameras 6-102, one positioned on either side of the nose bridge or arch of the HMD device 6-100, such that each of the two cameras 6-106 roughly corresponds to the positioning of the user's left and right eyes behind the cover 6-103. In at least one example, the scene cameras 6-106 are generally oriented forward in the Y direction to capture images in front of the user during use of the HMD 6-100. In at least one example, the scene cameras are color cameras and provide images and content for MR video pass-through to a display screen facing the user's eyes when the HMD device 6-100 is in use. The scene cameras 6-106 may also be used for environment and object reconstruction.

[0091] In at least one example, the sensor system 6-102 may include a first depth sensor 6-108 pointing generally forward in the Y direction. In at least one example, the first depth sensor 6-108 may be used for environment and object reconstruction and hand and body tracking of the user. In at least one example, the sensor system 6-102 may include a second depth sensor 6-110 centrally located along the width of the HMD device 6-100 (e.g., along the X axis). For example, the second depth sensor 6-110 may be located above a central nose bridge or on an adaptable structure above the nose of the user when wearing the HMD 6-100. In at least one example, the second depth sensor 6-110 may be used for environment and object reconstruction and hand and body tracking. In at least one example, the second depth sensor may include a LIDAR sensor.

[0092] In at least one example, the sensor system 6-102 may include a depth projector 6-112 that faces generally forward to project electromagnetic waves (e.g., in a predetermined pattern of light dots) into or within the field of view of the user and / or scene camera 6-106, or into or within a field of view that includes and extends beyond the field of view of the user and / or scene camera 6-106. In at least one example, the depth projector may be capable of projecting electromagnetic waves of light in a pattern of light dots that reflect from an object and return to the depth sensors described above, including the depth sensors 6-108, 6-110. In at least one example, the depth projector 6-112 may be used for environment and object reconstruction and hand and body tracking.

[0093] In at least one example, the sensor system 6-102 may include downward-facing cameras 6-114 whose fields of view are generally directed downward on the Z-axis relative to the HMD device 6-100. In at least one example, the downward-facing cameras 6-114 may be disposed on the left and right sides of the HMD device 6-100 as shown and used for hand and body tracking, headset tracking, and facial avatar detection and creation for displaying a user avatar on a forward-facing display screen of the HMD device 6-100 as described elsewhere herein. For example, the downward-facing cameras 6-114 may be used to capture facial expressions and movements of a user's face (including cheeks, mouth, and chin) beneath the HMD device 6-100.

[0094] In at least one example, the sensor system 6-102 may include a jaw camera 6-116. In at least one example, the jaw cameras 6-116 may be provided on the left and right sides of the HMD device 6-100 as shown and used for hand and body tracking, headset tracking, and facial avatar detection and creation for displaying a user avatar on a front-facing display screen of the HMD device 6-100 as described elsewhere herein. For example, the jaw camera 6-116 may be used to capture facial expressions and movements of a user's face (including the user's jaw, cheeks, mouth, and chin) beneath the HMD device 6-100. For hand and body tracking, headset tracking, and facial avatar detection and creation, the user may also be provided with a jaw camera 6-116.

[0095] In at least one example, the sensor system 6-102 may include a side camera 6-118. The side camera 6-118 may be oriented to capture left and right side views in an X-axis or direction relative to the HMD device 6-100. In at least one example, the side camera 6-118 may be used for hand and body tracking, headset tracking, and facial avatar detection and reconstruction.

[0096] In at least one example, the sensor system 6-102 may include a plurality of eye tracking and gaze tracking sensors for determining the identity, status, and gaze direction of a user's eyes during and / or prior to use. In at least one example, the eye / gaze tracking sensors may include nose-eye cameras 6-120 disposed on either side of the user's nose and adjacent to the user's nose when the HMD device 6-100 is worn. The eye / gaze sensors may also include bottom eye cameras 6-122 disposed below the respective user's eyes for capturing images of the eyes for use in facial avatar detection and creation, gaze tracking, and iris identification functionality.

[0097] In at least one example, the sensor system 6-102 may include an infrared illuminator 6-124 that points outward from the HMD device 6-100 to illuminate the external environment and any objects therein with IR light for IR detection using one or more IR sensors of the sensor system 6-102. In at least one example, the sensor system 6-102 may include a flicker sensor 6-126 and an ambient light sensor 6-128. In at least one example, the flicker sensor 6-126 may detect the refresh rate of overhead light to avoid display flicker. In one example, the infrared illuminator 6-124 may include a light emitting diode and may be particularly useful in low-light environments for illuminating a user's hands and other objects in low light for detection by the infrared sensors of the sensor system 6-102.

[0098] In at least one example, a plurality of sensors (including a scene camera 6-106, a downward camera 6-114, a jaw camera 6-116, a side camera 6-118, a depth projector 6-112, and depth sensors 6-108, 6-110) may be used in combination with an electrically coupled controller to combine depth data with camera data for hand tracking and for size determination to better perform hand tracking and object recognition and tracking functions of the HMD device 6-100. In at least one example, as described above and in Figure 1I The downward camera 6-114, the jaw camera 6-116, and the side camera 6-118 shown in the figure can be wide-angle cameras capable of operating in the visible and infrared spectrum. In at least one example, these cameras 6-114, 6-116, 6-118 can operate only in black and white light detection to simplify image processing and gain sensitivity.

[0099] Figure 1I Any of the features, components and / or parts shown (including their arrangement and configuration) may be included in the Figures 1J to 1L any other examples of the devices, features, components, and parts shown and described herein. Figures 1J to 1L Any of the features, components and / or parts shown and described (including their arrangement and configuration) may be included alone or in any combination in the Figure 1I Examples of devices, features, components, and parts are shown.

[0100] Figure 1JA lower perspective view of an example of an HMD 6-200 including a cover or shroud 6-204 secured to a frame 6-230 is illustrated. In at least one example, the sensors 6-202 of the sensor system 6-203 may be disposed around the perimeter of the HMD 6-200 such that the sensors 6-203 are disposed outwardly around the perimeter of the display area or area 6-232 so as not to obstruct viewing of displayed light. In at least one example, the sensors may be disposed behind the shroud 6-204 and aligned with a transparent portion of the shroud, thereby allowing the sensors and projector to pass light back and forth through the shroud 6-204. In at least one example, opaque ink or other opaque material or film / layer may be disposed on the shroud 6-204 around the display area 6-232 to conceal components of the HMD 6-200 outside of the display area 6-232 rather than the transparent portion defined by the opaque portion through which the sensors and projector transmit and receive light and electromagnetic signals during operation. In at least one example, the shield 6-204 allows light to pass from the display (eg, within the display area 6-232), but does not allow light to pass radially outward from the display area around the display and the perimeter of the shield 6-204.

[0101] In some examples, the shield 6-204 includes a transparent portion 6-205 and an opaque portion 6-207, as described above and elsewhere herein. In at least one example, the opaque portion 6-204 of the shield 6-207 may define one or more transparent areas 6-209 through which the sensor 6-203 of the sensor system 6-202 may transmit and receive signals. In the illustrated example, the sensor 6-203 of the sensor system 6-202 transmits and receives signals through the shield 6-204, or more specifically, through (or defined by) the transparent areas 6-209 of the opaque portion 6-207 of the shield 6-204, which may include a plurality of transparent regions 6-209. Figure 1I The same or similar sensors as those shown in the example of FIG, for example, the depth sensors 6-108 and 6-110, the depth projector 6-112, the first and second scene cameras 6-106, the first and second downward cameras 6-114, the first and second side cameras 6-118, and the first and second infrared illuminators 6-124. These sensors are also Figure 1K and Figure 1L Other sensors, sensor types, number of sensors, and their relative positioning may be included in one or more other examples of an HMD.

[0102] Figure 1J Any of the features, components and / or parts shown (including their arrangement and configuration) may be included in the Figure 1I and Figures 1K to 1L any other examples of the devices, features, components, and parts shown and described herein. Figure 1I and Figures 1K to 1L Any of the features, components and / or parts shown and described (including their arrangement and configuration) may be included alone or in any combination in the Figure 1J Examples of devices, features, components, and parts are shown.

[0103] Figure 1K Illustrated is a front view of a portion of an example of an HMD device 6-300, including a display 6-334, brackets 6-336, 6-338, and a frame or housing 6-330. Figure 1K The example shown does not include a front cover or shield in order to illustrate the brackets 6-336, 6-338. For example, Figure 1J The illustrated shield 6-204 includes an opaque portion 6-207 that would visually cover / block the view of anything outside (e.g., radially / peripherally outside) the display / display area 6-334, including the sensor 6-303 and bracket 6-338.

[0104] In at least one example, the various sensors of the sensor system 6-302 are coupled to brackets 6-336, 6-338. In at least one example, the scene cameras 6-306 include tight tolerances on angles relative to each other. For example, the tolerance on mounting angles between two scene cameras 6-306 may be 0.5 degrees or less, such as 0.3 degrees or less. To achieve and maintain such tight tolerances, in one example, the scene cameras 6-306 may be mounted to the bracket 6-338 instead of the shield. The bracket may include a cantilever on which the scene camera 6-306 and other sensors of the sensor system 6-302 may be mounted to maintain positioning and orientation in the event of a drop by a user that causes any deformation of the other brackets 6-226, the housing 6-330, and / or the shield.

[0105] Figure 1K Any of the features, components and / or parts shown (including their arrangement and configuration) may be included in the Figures 1I to 1J and Figure 1L any other examples of the devices, features, components, and parts shown and described herein. Figures 1I to 1J and Figure 1L Any of the features, components and / or parts shown and described (including their arrangement and configuration) may be included alone or in any combination in the Figure 1K Examples of devices, features, components, and parts are shown.

[0106] Figure 1L A bottom view of an example of an HMD 6-400 including a front display assembly / front cover assembly 6-404 and a sensor system 6-402 is illustrated. The sensor system 6-402 may be similar to other sensor systems described above and elsewhere herein, including with reference to Figures 1I to 1K As described. In at least one example, the jaw camera 6-416 can face downward to capture images of the user's lower facial features. In one example, the jaw camera 6-416 can be directly coupled to the frame or housing 6-430 or one or more internal brackets that are directly coupled to the frame or housing 6-430 as shown. The frame or housing 6-430 may include one or more holes / openings 6-415 through which the jaw camera 6-416 can transmit and receive signals.

[0107] Figure 1L Any of the features, components and / or parts shown (including their arrangement and configuration) may be included in the Figures 1I to 1K any other examples of the devices, features, components, and parts shown and described herein. Figures 1I to 1K Any of the features, components and / or parts shown and described (including their arrangement and configuration) may be included alone or in any combination in the Figure 1L Examples of devices, features, components, and parts are shown.

[0108] Figure 1M Illustrated is a rear perspective view of an interpupillary distance (IPD) adjustment system 11.1.1-102 comprising a first optical module 11.1.1-104a and a second optical module 11.1.1-104b slidably engaged / coupled to respective guide rods 11.1.1-108a through 11.1.1-108b and motors 11.1.1-110a through 11.1.1-110b of a left adjustment subsystem 11.1.1-106a and a right adjustment subsystem 11.1.1-106b. The IPD adjustment system 11.1.1-102 may be coupled to a bracket 11.1.1-112 and include a button 11.1.1-114 in electrical communication with the motors 11.1.1-110a through 11.1.1-110b. In at least one example, the button 11.1.1-114 can be electrically connected to the first motor 11.1.1-110a and the second motor 11.1.1-110b via a processor or other circuit component to activate the first motor 11.1.1-110a and the second motor 11.1.1-110b and respectively change the positioning of the first optical module 11.1.1-104a and the second optical module 11.1.1-104b relative to each other.

[0109] In at least one example, the first optical module 11.1.1-104a and the second optical module 11.1.1-104b may include respective display screens configured to project light toward the user's eyes when the HMD 11.1.1-100 is worn. In at least one example, the user may manipulate (e.g., press and / or rotate) a button 11.1.1-114 to activate positioning adjustment of the optical modules 11.1.1-104a-11.1.1-104b to match the interpupillary distance of the user's eyes. The optical modules 11.1.1-104a-11.1.1-104b may also include one or more cameras or other sensors / sensor systems for imaging and measuring the user's IPD so that the optical modules 11.1.1-104a-11.1.1-104b can be adjusted to match the IPD.

[0110] In one example, a user can manipulate button 11.1.1-114 to cause automatic positioning adjustment of first optical module 11.1.1-104a and second optical module 11.1.1-104b. In one example, a user can manipulate button 11.1.1-114 to cause manual adjustment, causing optical modules 11.1.1-104a - 11.1.1-104b to move further apart or closer together (e.g., when the user rotates button 11.1.1-114 one way or another) until the user visually matches their own IPD. In one example, the manual adjustment is communicated electronically via one or more circuits, and power for moving optical modules 11.1.1-104a - 11.1.1-104b via motors 11.1.1-110a - 11.1.1-110b is provided by a power source. In one example, the adjustment and movement of the optical modules 11.1.1-104a to 11.1.1-104b via the manipulation buttons 11.1.1-114 is mechanically actuated via the movement buttons 11.1.1-114.

[0111] Figure 1M Any of the features, components and / or parts shown (including arrangements and configurations thereof) may be included, alone or in any combination, in any other example of the apparatus, features, components and parts shown in any other drawing and described herein. Likewise, any of the features, components and / or parts shown and described with reference to any other drawing (including arrangements and configurations thereof) may be included, alone or in any combination, in any other example of the apparatus, features, components and parts shown in any other drawing and described herein. Figure 1M Examples of devices, features, components, and parts are shown.

[0112] Figure 1NIllustrated is a front perspective view of a portion of an HMD 11.1.2-100 including an outer structural frame 11.1.2-102 and an inner or intermediate structural frame 11.1.2-104 defining a first aperture 11.1.2-106a and a second aperture 11.1.2-106b. Figure 1N 2-104 because the view of the apertures 11.1.2-106a-11.1.2-106b may be blocked by one or more other components of the HMD 11.1.2-100 coupled to the inner frame 11.1.2-104 and / or the outer frame 11.1.2-102, as shown. In at least one example, the HMD 11.1.2-100 may include a first mounting bracket 11.1.2-108 coupled to the inner frame 11.1.2-104. In at least one example, the mounting bracket 11.1.2-108 is coupled to the inner frame 11.1.2-104 between the first aperture 11.1.2-106a and the second aperture 11.1.2-106b.

[0113] The mounting bracket 11.1.2-108 can include a middle or center portion 11.1.2-109 coupled to the inner frame 11.1.2-104. In some examples, the middle or center portion 11.1.2-109 may not be the geometric middle or center of the bracket 11.1.2-108. Instead, the middle / center portion 11.1.2-109 can be disposed between first and second cantilevered extension arms extending away from the middle portion 11.1.2-109. In at least one example, the mounting bracket 108 includes a first cantilevered arm 11.1.2-112 and a second cantilevered arm 11.1.2-114 extending away from the middle portion 11.1.2-109 of the mounting bracket 11.1.2-108 coupled to the inner frame 11.1.2-104.

[0114] like Figure 1NAs shown, the outer frame 11.1.2-102 can define a curved geometry on its underside to accommodate the user's nose when the user wears the HMD 11.1.2-100. The curved geometry can be referred to as a nose bridge 11.1.2-111 and is centrally located on the underside of the HMD 11.1.2-100 as shown. In at least one example, the mounting bracket 11.1.2-108 can be connected to the inner frame 11.1.2-104 between the holes 11.1.2-106a-11.1.2-106b such that the cantilevered arms 11.1.2-112, 11.1.2-114 extend downwardly and laterally outwardly away from the middle portion 11.1.2-109 to complement the nose bridge 11.1.2-111 geometry of the outer frame 11.1.2-102. In this way, the mounting bracket 11.1.2-108 is configured to accommodate the user's nose, as noted above. The geometry of the nose bridge 11.1.2-111 accommodates the nose in that the nose bridge 11.1.2-111 provides a curvature that conforms to the shape of the user's nose, providing a comfortable fit from above, over, and around.

[0115] The first cantilever arm 11.1.2-112 can extend in a first direction away from the middle portion 11.1.2-109 of the mounting bracket 11.1.2-108, and the second cantilever arm 11.1.2-114 can extend in a second direction opposite to the first direction away from the middle portion 11.1.2-109 of the mounting bracket 11.1.2-108. The first cantilever arm 11.1.2-112 and the second cantilever arm 11.1.2-114 are referred to as "cantilevered" or "cantilever" arms because each arm 11.1.2-112, 11.1.2-114 includes a free distal end 11.1.2-116, 11.1.2-118, respectively, which are not attached to the inner frame 11.1.2-102 and the outer frame 11.1.2-104. In this way, the arms 11.1.2-112, 11.1.2-114 depend from the middle portion 11.1.2-109, which is connectable to the inner frame 11.1.2-104, while the distal ends 11.1.2-102, 11.1.2-104 are unattached.

[0116] In at least one example, the HMD 11.1.2-100 may include one or more components coupled to a mounting bracket 11.1.2-108. In one example, the components include a plurality of sensors 11.1.2-110a through 11.1.2-110f. Each of the plurality of sensors 11.1.2-110a through 11.1.2-110f may include various types of sensors, including cameras, IR sensors, and the like. In some examples, one or more of the sensors 11.1.2-110a through 11.1.2-110f may be used for object recognition in three-dimensional space, making it important to maintain precise relative positioning of two or more of the plurality of sensors 11.1.2-110a through 11.1.2-110f. The cantilevered nature of the mounting bracket 11.1.2-108 may protect the sensors 11.1.2-110a through 11.1.2-110f from damage and shifting of position if accidentally dropped by a user. Because the sensors 11.1.2-110a to 11.1.2-110f are cantilevered on the arms 11.1.2-112, 11.1.2-114 of the mounting bracket 11.1.2-108, stresses and deformations of the inner and / or outer frames 11.1.2-104, 11.1.2-102 are not transferred to the cantilevered arms 11.1.2-112, 11.1.2-114 and therefore do not affect the relative positioning of the sensors 11.1.2-110a to 11.1.2-110f coupled / mounted to the mounting bracket 11.1.2-108.

[0117] Figure 1N Any of the features, components and / or parts shown (including arrangements and configurations thereof) may be included, alone or in any combination, in any other example of a device, feature, assembly described herein. Likewise, any of the features, components and / or parts shown and described herein (including arrangements and configurations thereof) may be included, alone or in any combination, in any other example of a device, feature, assembly described herein. Figure 1N Examples of devices, features, components, and parts are shown.

[0118] Figure 1O An example of an optical module 11.3.2-100 for use in an electronic device (such as an HMD, including the HMD devices described herein) is illustrated. As shown in one or more other examples described herein, the optical module 11.3.2-100 can be one of two optical modules within the HMD, where each optical module is aligned to project light toward an eye of a user. In this manner, a first optical module can project light toward a first eye of a user via a display screen, and a second optical module of the same device can project light toward a second eye of the user via another display screen.

[0119] In at least one example, the optical module 11.3.2-100 may include an optical frame or housing 11.3.2-102, which may also be referred to as a barrel or optical module barrel. The optical module 11.3.2-100 may also include a display 11.3.2-104 coupled to the housing 11.3.2-102, the display including one or more display screens. The display 11.3.2-104 may be coupled to the housing 11.3.2-102 such that the display 11.3.2-104 is configured to project light toward the eyes of a user when the HMD to which the display module 11.3.2-100 belongs is worn during use. In at least one example, the housing 11.3.2-102 may surround the display 11.3.2-104 and provide connection features for coupling other components of the optical module described herein.

[0120] In one example, the optical module 11.3.2-100 may include one or more cameras 11.3.2-106 coupled to the housing 11.3.2-102. The cameras 11.3.2-106 may be positioned relative to the display 11.3.2-104 and the housing 11.3.2-102 such that the cameras 11.3.2-106 are configured to capture one or more images of a user's eyes during use. In at least one example, the optical module 11.3.2-100 may also include a light strip 11.3.2-108 surrounding the display 11.3.2-104. In one example, the light strip 11.3.2-108 is disposed between the display 11.3.2-104 and the cameras 11.3.2-106. The light strip 11.3.2-108 may include a plurality of lights 11.3.2-110. The plurality of lights may include one or more light emitting diodes (LEDs) or other lights configured to project light toward the eyes of the user when the HMD is worn. The individual lights 11.3.2-110 in the light strip 11.3.2-108 may be spaced apart around the light strip 11.3.2-108 and thus evenly or unevenly spaced around the display 11.3.2-104 at various locations on the light strip 11.3.2-108 and around the display 11.3.2-104.

[0121] In at least one example, the housing 11.3.2-102 defines a viewing opening 11.3.2-101 through which a user can view the display 11.3.2-104 when wearing the HMD device. In at least one example, the LEDs are configured and arranged to emit light through the viewing opening 11.3.2-101 toward the user's eyes. In one example, the camera 11.3.2-106 is configured to capture one or more images of the user's eyes through the viewing opening 11.3.2-101.

[0122] As pointed out above, Figure 1OEach of the components and features of the illustrated optical module 11.3.2-100 may be replicated in another (eg, second) optical module provided with the HMD to interact with (eg, project light and capture images) the user's other eye.

[0123] Figure 1O Any of the features, components and / or parts shown (including their arrangement and configuration) may be included in the Figure 1P any other examples of devices, features, components, and parts shown or otherwise described herein. Figure 1P Any of the features, components and / or parts shown and described herein (including their arrangement and configuration) may be included alone or in any combination. Figure 1O Examples of devices, features, components, and parts are shown.

[0124] Figure 1P A cross-sectional view of an example of an optical module 11.3.2-200 is illustrated, comprising a housing 11.3.2-202, a display assembly 11.3.2-204 coupled to the housing 11.3.2-202, and a lens 11.3.2-216 coupled to the housing 11.3.2-202. In at least one example, the housing 11.3.2-202 defines a first aperture or channel 11.3.2-212 and a second aperture or channel 11.3.2-214. The channels 11.3.2-212, 11.3.2-214 can be configured to slidably engage corresponding tracks or guides of an HMD device to allow the optical module 11.3.2-200 to be adjusted relative to the user's eyes to match the user's interpupillary distance (IPD). The housing 11.3.2-202 can slidably engage the guides to secure the optical module 11.3.2-200 in place within the HMD.

[0125] In at least one example, the optical module 11.3.2-200 may further include a lens 11.3.2-216 coupled to the housing 11.3.2-202 and positioned between the display assembly 11.3.2-204 and the user's eyes when the HMD is worn. The lens 11.3.2-216 may be configured to direct light from the display assembly 11.3.2-204 to the user's eyes. In at least one example, the lens 11.3.2-216 may be part of a lens assembly including a corrective lens that is removably attached to the optical module 11.3.2-200. In at least one example, the lens 11.3.2-216 is disposed above the light strip 11.3.2-208 and the one or more eye tracking cameras 11.3.2-206 such that the camera 11.3.2-206 is configured to capture an image of the user's eyes through the lens 11.3.2-216, and the light strip 11.3.2-208 includes lights configured to project light into the user's eyes through the lens 11.3.2-216 during use.

[0126] Figure 1P Any of the features, components and / or parts shown (including arrangements and configurations thereof) may be included, alone or in any combination, in any other example of the apparatus, features, components and parts described herein. Likewise, any of the features, components and / or parts shown and described herein (including arrangements and configurations thereof) may be included, alone or in any combination, in any other example of the apparatus, features, components and parts described herein. Figure 1P Examples of devices, features, components, and parts are shown.

[0127] Figure 2is a block diagram of an example of a controller 110 according to some embodiments. While some specific features are illustrated, those skilled in the art will recognize from this disclosure that various other features are not illustrated for the sake of brevity and so as not to obscure more relevant aspects of the embodiments disclosed herein. To this end, as a non-limiting example, in some embodiments, the controller 110 includes one or more processing units 202 (e.g., a microprocessor, an application specific integrated circuit (ASIC), a field programmable gate array (FPGA), a graphics processing unit (GPU), a central processing unit (CPU), a processing core, etc.), one or more input / output (I / O) devices 206, one or more communication interfaces 208 (e.g., a universal serial bus (USB), FIREWIRE, THUNDERBOLT, IEEE 802.3x, IEEE 802.11x, IEEE 802.16x, Global System for Mobile Communications (GSM), Code Division Multiple Access (CDMA), Time Division Multiple Access (TDMA), Global Positioning System (GPS), infrared (IR), Bluetooth, ZIGBEE, and / or similar types of interfaces), one or more programming (e.g., I / O) interfaces 210, a memory 220, and one or more communication buses 204 for interconnecting these components and various other components.

[0128] In some embodiments, the one or more communication buses 204 include circuits that interconnect and control communications between system components. In some embodiments, the one or more I / O devices 206 include at least one of a keyboard, a mouse, a touchpad, a joystick, one or more microphones, one or more speakers, one or more image sensors, one or more displays, and the like.

[0129] Memory 220 includes high-speed random access memory, such as dynamic random access memory (DRAM), static random access memory (SRAM), double data rate random access memory (DDR RAM), or other random access solid-state memory devices. In some embodiments, memory 220 includes non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid-state storage devices. Memory 220 optionally includes one or more storage devices located away from one or more processing units 202. Memory 220 includes non-transitory computer-readable storage media. In some embodiments, memory 220 or a non-transitory computer-readable storage medium of memory 220 stores the following programs, modules, and data structures, or a subset thereof, including an optional operating system 230 and an XR experience module 240.

[0130] The operating system 230 includes instructions for handling various basic system services and for performing hardware-related tasks. In some embodiments, the XR experience module 240 is configured to manage and coordinate single or multiple XR experiences for one or more users (e.g., a single XR experience for one or more users, or multiple XR experiences for corresponding groups of one or more users). To this end, in various embodiments, the XR experience module 240 includes a data acquisition unit 242, a tracking unit 244, a coordination unit 246, and a data transmission unit 248.

[0131] In some embodiments, the data acquisition unit 242 is configured to Figure 1A 1 and / or peripherals 195. The data acquisition unit 242 may be configured to acquire data (e.g., presentation data, interaction data, sensor data, position data, etc.) from at least the display generation component 120 of the display generation component 120, and optionally from one or more of the input device 125, the output device 155, the sensor 190, and / or the peripheral device 195. To this end, in various embodiments, the data acquisition unit 242 includes instructions and / or logic for instructions, as well as heuristics and metadata for the heuristics.

[0132] In some embodiments, the tracking unit 244 is configured to map the scene 105 and track at least the display generation component 120 relative to the scene 105. Figure 1A 105, and optionally tracks the position / location of one or more of the input device 125, the output device 155, the sensor 190, and / or the peripheral device 195. To this end, in various embodiments, the tracking unit 244 includes instructions and / or logic for the instructions and heuristics and metadata for the heuristics. In some embodiments, the tracking unit 244 includes a hand tracking unit 245 and / or an eye tracking unit 243. In some embodiments, the hand tracking unit 245 is configured to track the position / location of one or more parts of the user's hand and / or the position of one or more parts of the user's hand relative to the user's hand. Figure 1A The movement of the scene 105 relative to the display generation component 120 and / or relative to the coordinate system (the coordinate system is defined relative to the user's hand). Figure 4 The hand tracking unit 245 is described in more detail. In some embodiments, the eye tracking unit 243 is configured to track the position or movement of the user's gaze (or more broadly, the user's eyes, face, or head) relative to the scene 105 (e.g., relative to the physical environment and / or relative to the user (e.g., the user's hands)) or relative to the XR content displayed via the display generation component 120. Figure 5 The eye tracking unit 243 is described in more detail.

[0133] In some embodiments, the coordination unit 246 is configured to manage and coordinate the XR experience presented to the user by the display generation component 120, and optionally by one or more of the output device 155 and / or the peripheral devices 195. To this end, in various embodiments, the coordination unit 246 includes instructions and / or logic for the instructions, as well as heuristics and metadata for the heuristics.

[0134] In some embodiments, the data sending unit 248 is configured to send data (e.g., presentation data, position data, etc.) to at least the display generation component 120, and optionally to one or more of the input device 125, the output device 155, the sensor 190, and / or the peripheral device 195. To this end, in various embodiments, the data sending unit 248 includes instructions and / or logic for the instructions, as well as heuristics and metadata for the heuristics.

[0135] Although the data acquisition unit 242, the tracking unit 244 (e.g., including the eye tracking unit 243 and the hand tracking unit 245), the coordination unit 246, and the data sending unit 248 are shown as residing on a single device (e.g., the controller 110), it should be understood that in other embodiments, any combination of the data acquisition unit 242, the tracking unit 244 (e.g., including the eye tracking unit 243 and the hand tracking unit 245), the coordination unit 246, and the data sending unit 248 may be located in separate computing devices.

[0136] also, Figure 2 It serves more as a functional description of various features that may be present in a particular implementation, as opposed to a structural schematic diagram of the embodiments described herein. As one of ordinary skill in the art will recognize, items shown separately may be combined, and some items may be separated. For example, Figure 2 Some functional modules shown separately in the figure may be implemented in a single module, and the various functions of a single functional block may be implemented by one or more functional blocks in various embodiments. The actual number of modules and the division of specific functions and how features are distributed among them will vary depending on the specific implementation and, in some embodiments, will depend in part on the specific combination of hardware, software, and / or firmware selected for a particular implementation.

[0137] Figure 3is a block diagram of an example of a display generation component 120 according to some embodiments. While some specific features are illustrated, those skilled in the art will recognize from this disclosure that various other features are not illustrated for the sake of brevity and so as not to obscure more relevant aspects of the embodiments disclosed herein. To this end, as a non-limiting example, in some embodiments, the display generation component 120 (e.g., an HMD) includes one or more processing units 302 (e.g., a microprocessor, an ASIC, an FPGA, a GPU, a CPU, a processing core, etc.), one or more input / output (I / O) devices and sensors 306, one or more communication interfaces 308 (e.g., USB, FIREWIRE, THUNDERBOLT, IEEE 802.3x, IEEE 802.11x, IEEE802.16x, GSM, CDMA, TDMA, GPS, IR, Bluetooth, ZIGBEE, and / or similar types of interfaces), one or more programming (e.g., I / O) interfaces 310, one or more XR displays 312, one or more optional internal-facing and / or external-facing image sensors 314, memory 320, and one or more communication buses 304 for interconnecting these and various other components.

[0138] In some embodiments, the one or more communication buses 304 include circuits for interconnecting and controlling communications between various system components. In some embodiments, the one or more I / O devices and sensors 306 include at least one of an inertial measurement unit (IMU), an accelerometer, a gyroscope, a thermometer, one or more physiological sensors (e.g., a blood pressure monitor, a heart rate monitor, a blood oxygen sensor, a blood glucose sensor, etc.), one or more microphones, one or more speakers, a haptic engine, and / or one or more depth sensors (e.g., structured light, time of flight, etc.), etc.

[0139] In some embodiments, one or more XR displays 312 are configured to provide an XR experience to the user. In some embodiments, one or more XR displays 312 correspond to holographic, digital light processing (DLP), liquid crystal display (LCD), liquid crystal on silicon (LcoS), organic light-emitting field effect transistor (OLET), organic light-emitting diode (OLED), surface conduction electron emission display (SED), field emission display (FED), quantum dot light-emitting diode (QD-LED), microelectromechanical system (MEMS) and / or similar display types. In some embodiments, one or more XR displays 312 correspond to diffraction, reflection, polarization, holographic and other waveguide displays. For example, the display generation component 120 (e.g., HMD) includes a single XR display. For another example, the display generation component 120 includes an XR display for each eye of the user. In some embodiments, one or more XR displays 312 are capable of presenting MR and VR content. In some embodiments, one or more XR displays 312 are capable of presenting MR or VR content.

[0140] In some embodiments, the one or more image sensors 314 are configured to acquire image data corresponding to at least a portion of the user's face, including the user's eyes (and may be referred to as an eye-tracking camera). In some embodiments, the one or more image sensors 314 are configured to acquire image data corresponding to the user's hands and, optionally, at least a portion of the user's arms (and may be referred to as a hand-tracking camera). In some embodiments, the one or more image sensors 314 are configured to face forward so as to acquire image data corresponding to the scene that the user would see in the absence of the display generation component 120 (e.g., an HMD) (and may be referred to as a scene camera). The one or more optional image sensors 314 may include one or more RGB cameras (e.g., having a complementary metal oxide semiconductor (CMOS) image sensor or a charge coupled device (CCD) image sensor), one or more infrared (IR) cameras, and / or one or more event-based cameras, among others.

[0141] Memory 320 includes high-speed random access memory, such as DRAM, SRAM, DDR RAM, or other random access solid-state memory devices. In some embodiments, memory 320 includes non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid-state storage devices. Memory 320 optionally includes one or more storage devices located away from one or more processing units 302. Memory 320 includes a transient computer-readable storage medium. In some embodiments, memory 320 or a non-transitory computer-readable storage medium of memory 320 stores the following programs, modules, and data structures, or a subset thereof, including an optional operating system 330 and an XR rendering module 340.

[0142] The operating system 330 includes processes for handling various basic system services and for performing hardware-related tasks. In some embodiments, the XR rendering module 340 is configured to present XR content to the user via one or more XR displays 312. To this end, in various embodiments, the XR rendering module 340 includes a data acquisition unit 342, an XR rendering unit 344, an XR map generation unit 346, and a data transmission unit 348.

[0143] In some embodiments, the data acquisition unit 342 is configured to at least Figure 1A The controller 110 acquires data (e.g., presentation data, interaction data, sensor data, location data, etc.). To this end, in various embodiments, the data acquisition unit 342 includes instructions and / or logic for instructions and heuristics and metadata for the heuristics.

[0144] In some embodiments, the XR rendering unit 344 is configured to render XR content via one or more XR displays 312. To this end, in various embodiments, the XR rendering unit 344 includes instructions and / or logic for the instructions and heuristics and metadata for the heuristics.

[0145] In some embodiments, the XR map generation unit 346 is configured to generate an XR map (e.g., a 3D map of a mixed reality scene or a map of a physical environment in which computer-generated objects can be placed to generate an extended reality) based on the media content data. To this end, in various embodiments, the XR map generation unit 346 includes instructions and / or logic for the instructions and heuristics and metadata for the heuristics.

[0146] In some embodiments, the data sending unit 348 is configured to send data (e.g., presentation data, position data, etc.) to at least the controller 110, and optionally one or more of the input device 125, the output device 155, the sensor 190, and / or the peripheral device 195. To this end, in various embodiments, the data sending unit 348 includes instructions and / or logic for the instructions and heuristics and metadata for the heuristics.

[0147] Although the data acquisition unit 342, the XR rendering unit 344, the XR map generation unit 346, and the data transmission unit 348 are shown as residing on a single device (e.g., Figure 1A , but it should be understood that in other embodiments, any combination of the data acquisition unit 342, the XR rendering unit 344, the XR map generation unit 346, and the data sending unit 348 may be located in a separate computing device.

[0148] also, Figure 3 It serves more as a functional description of various features that may be present in a particular implementation, as opposed to a structural diagram of the embodiments described herein. As one of ordinary skill in the art will recognize, items shown separately may be combined, and some items may be separated. For example, Figure 3 Some functional modules shown separately in the figure may be implemented in a single module, and the various functions of a single functional block may be implemented by one or more functional blocks in various embodiments. The actual number of modules and the division of specific functions and how features are distributed among them will vary depending on the specific implementation and, in some embodiments, will depend in part on the specific combination of hardware, software, and / or firmware selected for a particular implementation.

[0149] Figure 4 is a schematic illustration of an example embodiment of a hand tracking device 140. In some embodiments, the hand tracking device 140 ( Figure 1A ) by the hand tracking unit 245( Figure 2 ) controls to track the position / location of one or more parts of the user's hand and / or the position of one or more parts of the user's hand relative to Figure 1AIn some embodiments, the hand tracking device 140 is a part of the display generation component 120 (e.g., embedded in or attached to the head-mounted device). In some embodiments, the hand tracking device 140 is separate from the display generation component 120 (e.g., located in a separate housing or attached to a separate physical support structure).

[0150] In some embodiments, the hand tracking device 140 includes an image sensor 404 (e.g., one or more IR cameras, 3D cameras, depth cameras, and / or color cameras, etc.) that captures three-dimensional scene information, including at least a human user's hand 406. The image sensor 404 captures hand images at a sufficient resolution to enable the fingers and their respective positioning to be distinguished. The image sensor 404 typically captures images of other parts of the user's body, or may also capture images of all parts of the body, and may have zoom capabilities or specialized sensors with increased magnification to capture images of the hand at the desired resolution. In some embodiments, the image sensor 404 also captures 2D color video images of the hand 406 and other elements of the scene. In some embodiments, the image sensor 404 is used in conjunction with other image sensors to capture the physical environment of the scene 105, or serves as an image sensor for capturing the physical environment of the scene 105. In some embodiments, the image sensor is positioned relative to the user or the user's environment in such a way that the field of view of the image sensor 404, or a portion thereof, is used to define an interaction space in which hand movements captured by the image sensor are treated as input to the controller 110.

[0151] In some embodiments, the image sensor 404 outputs a sequence of frames containing 3D image data (and possibly color image data) to the controller 110, which extracts high-level information from the image data. This high-level information is typically provided via an application program interface (API) to an application running on the controller, which in turn drives the display generation component 120. For example, a user can interact with software running on the controller 110 by moving their hand 406 and / or changing their hand posture.

[0152] In some embodiments, the image sensor 404 projects a speckled pattern onto a scene containing the hand 406 and captures an image of the projected pattern. In some embodiments, the controller 110 calculates the 3D coordinates of points in the scene (including points on the surface of the user's hand) by triangulation based on the lateral displacement of the spots in the pattern. This approach is advantageous because it does not require the user to hold or wear any kind of beacon, sensor, or other marker. The method gives the depth coordinates of points in the scene relative to a predetermined reference plane at a specific distance from the image sensor 404. In the present disclosure, it is assumed that the image sensor 404 defines an orthogonal set of x-axis, y-axis, and z-axis such that the depth coordinates of points in the scene correspond to the z component measured by the image sensor. Alternatively, the image sensor 404 (e.g., a hand tracking device) may use other 3D mapping methods, such as stereo imaging or time-of-flight measurement, based on a single or multiple cameras or other types of sensors.

[0153] In some embodiments, the hand tracking device 140 captures and processes a time series of depth maps containing the user's hand as the user moves their hand (e.g., the entire hand or one or more fingers). Software running on the image sensor 404 and / or the processor in the controller 110 processes the 3D map data to extract image patch descriptors of the hand in these depth maps. The software can match these descriptors with image patch descriptors stored in the database 408 based on a previous learning process to estimate the pose of the hand in each frame. The pose typically includes the 3D positioning of the user's hand joints and fingertips.

[0154] The software can also analyze the trajectory of the hand and / or finger over multiple frames in the sequence to identify gestures. The pose estimation function described herein can be alternated with the motion tracking function so that the image block-based pose estimation is performed only once every two (or more) frames, and tracking is used to find the changes in pose that occur on the remaining frames. The pose, motion, and gesture information is provided to the application running on the controller 110 via the above-mentioned API. The program can, for example, move and modify the image presented on the display generation component 120 in response to the pose and / or gesture information, or perform other functions.

[0155] In some embodiments, gestures include air gestures. An air gesture is a gesture that is detected without the user touching an input element that is part of a device (e.g., computer system 101, one or more input devices 125, and / or hand tracking device 140) (or independent of an input element that is part of the device) and is based on detected movement of a part of the user's body (e.g., head, one or more arms, one or more hands, one or more fingers, and / or one or more legs) through air (including movement of the user's body relative to an absolute reference (e.g., the angle of the user's arm relative to the ground or the distance of the user's hand relative to the ground), movement relative to another part of the user's body (e.g., movement of the user's hand relative to the user's shoulder, movement of one of the user's hands relative to the user's other hand, and / or movement of a user's finger relative to another finger or part of the user's hand), and / or absolute movement of a part of the user's body (e.g., a tap gesture that includes moving a hand a predetermined amount and / or speed in a predetermined posture, or a shake gesture that includes a predetermined speed or amount of rotation of a part of the user's body)).

[0156] In some embodiments, according to some embodiments, the input gestures used in the various examples and embodiments described herein include air gestures for interacting with an XR environment (e.g., a virtual or mixed reality environment) performed by movement of a user's fingers relative to other fingers or parts of the user's hands. In some embodiments, an air gesture is a gesture detected without the user touching an input element that is part of the device (or independent of an input element that is part of the device) and based on detected movement of a part of the user's body through the air (including movement of the user's body relative to an absolute reference (e.g., the angle of the user's arm relative to the ground or the distance of the user's hand relative to the ground), movement relative to another part of the user's body (e.g., movement of the user's hand relative to the user's shoulder, movement of one of the user's hands relative to the user's other hand, and / or movement of the user's fingers relative to another finger or part of the user's hand), and / or absolute movement of a part of the user's body (e.g., a tap gesture comprising moving the hand a predetermined amount and / or speed in a predetermined posture, or a shake gesture comprising a predetermined speed or amount of rotation of a part of the user's body)).

[0157] In some embodiments where the input gesture is an in-air gesture (e.g., in the absence of physical contact with an input device that provides information to the computer system about which user interface element is the target of user input, such as contact with a user interface element displayed on a touch screen, or contact with a mouse or trackpad to move a cursor to a user interface element), the gesture takes into account the user's attention (e.g., gaze) to determine the target of the user input (e.g., for direct input, as described below). Thus, in embodiments involving in-air gestures, for example, the input gesture is detection of attention (e.g., gaze) toward a user interface element combined (e.g., concurrently) with movement of the user's fingers and / or hand to perform a pinch and / or tap input, as described in more detail below.

[0158] In some embodiments, an input gesture directed to a user interface object is performed directly or indirectly with reference to the user interface object. For example, user input is performed directly on the user interface object based on performing an input gesture with the user's hand at a location corresponding to the location of the user interface object in the three-dimensional environment (e.g., as determined based on the user's current viewpoint). In some embodiments, upon detecting user attention (e.g., staring) to the user interface object, an input gesture is performed indirectly on the user interface object based on the user's hand being located not at the location corresponding to the location of the user interface object in the three-dimensional environment while the user performs the input gesture. For example, for a direct input gesture, the user can direct the user's input to the user interface object by initiating a gesture at or near a location corresponding to the displayed location of the user interface object (e.g., within 0.5 cm, 1 cm, 5 cm, or a distance between 0 and 5 cm measured from an outer edge of an option or a center portion of an option). For an indirect input gesture, the user can direct the user's input to the user interface object by focusing on the user interface object (e.g., by staring at the user interface object), and while focusing on the option, the user initiates an input gesture (e.g., at any location detectable by the computer system) (e.g., at a location that does not correspond to the displayed location of the user interface object).

[0159] In some embodiments, according to some embodiments, input gestures (e.g., air gestures) used in various examples and embodiments described herein include pinch input and tap input for interacting with a virtual or mixed reality environment. For example, the pinch input and tap input described below are performed as air gestures.

[0160] The air pinch gesture used as selection input in the various examples and embodiments described herein is one example of a selection input. In some embodiments, the selection input can be performed with other selection gestures (such as an air tap gesture) or input performed with a controller or other physical device.

[0161] The mid-air pinch and drag gesture used as a scroll input in the various examples and embodiments described herein is one example of a scroll input. In some embodiments, a scroll input can be performed with other scroll gestures or inputs, such as inputs performed with a controller or other physical device.

[0162] In some embodiments, a pinch input is part of an air gesture that includes one or more of: a pinch gesture, a long pinch gesture, a pinch and drag gesture, or a double pinch gesture. For example, a pinch gesture as an air gesture includes movement of two or more fingers of a hand to contact each other, i.e., optionally followed by a break in contact with each other immediately (e.g., within 0 seconds to 1 second). A long pinch gesture as an air gesture includes movement of two or more fingers of a hand in contact with each other for at least a threshold amount of time (e.g., at least 1 second) before a break in contact with each other is detected. For example, a long pinch gesture includes the user maintaining a pinch gesture (e.g., in which the two or more fingers are in contact), and the long pinch gesture continues until a break in contact between the two or more fingers is detected. In some embodiments, a double pinch gesture as an air gesture includes two (e.g., more) pinch inputs (e.g., performed by the same hand) that are detected consecutively immediately (e.g., within a predefined time period) with respect to each other. For example, the user performs a first pinch input (e.g., a pinch input or a long pinch input), releases the first pinch input (e.g., interrupts contact between two or more fingers), and performs a second pinch input within a predefined time period (e.g., within 1 second or within 2 seconds) after releasing the first pinch input.

[0163] In some embodiments, the pinch and drag gesture as an air gesture includes a pinch gesture (e.g., a pinch gesture or a long pinch gesture) performed in conjunction with (e.g., following) a drag input that changes the positioning of the user's hand from a first positioning (e.g., a starting positioning for the drag) to a second positioning (e.g., an ending positioning for the drag). In some embodiments, the user maintains the pinch gesture while performing the drag input, and releases the pinch gesture (e.g., spreads their two or more fingers apart) to end the drag gesture (e.g., at the second positioning). In some embodiments, the pinch input and the drag input are performed by the same hand (e.g., the user pinches two or more fingers to contact each other and moves the same hand to the second positioning in the air using the drag gesture). In some embodiments, a pinch input is performed by a first hand of a user, and a drag input is performed by a second hand of the user (e.g., the user's second hand moves in the air from a first position to a second position while the user continues the pinch input with the user's first hand. In some embodiments, the input gesture as an air gesture includes input (e.g., pinch and / or tap input) performed using both hands of the user. For example, the input gesture includes two (e.g., or more) pinch inputs performed in conjunction with each other (e.g., concurrently or within a predefined time period). For example, a first pinch gesture (e.g., a pinch input, a long pinch input, or a pinch and drag input) is performed using the first hand of the user, and a second pinch input is performed using the other hand (e.g., the second of the user's two hands) in conjunction with the pinch input performed using the first hand. In some embodiments, movement between the two hands of the user (e.g., increasing and / or decreasing the distance or relative orientation between the two hands of the user).

[0164] In some embodiments, a tap input performed as an air gesture (e.g., pointing to a user interface element) includes movement of a user's finger toward the user interface element, movement of the user's hand toward the user interface element (optionally, extension of the user's finger toward the user interface element), a downward motion of the user's finger (e.g., mimicking a mouse click motion or a tap on a touch screen), or other predefined movement of the user's hand. In some embodiments, a tap input performed as an air gesture is detected based on movement characteristics of the finger or hand performing the tap gesture movement of the finger or hand, which is a movement of the finger or hand away from the user's viewpoint and / or toward an object that is the target of the tap input, followed by an end of the movement. In some embodiments, the end of the movement is detected based on a change in movement characteristics of the finger or hand performing the tap gesture (e.g., an end of movement away from the user's viewpoint and / or toward an object that is the target of the tap input, a reversal of the direction of movement of the finger or hand, and / or a reversal of the acceleration direction of the movement of the finger or hand).

[0165] In some embodiments, the user's attention is determined to be directed toward a portion of the three-dimensional environment based on detecting a gaze directed toward the portion of the three-dimensional environment (optionally, no other conditions are required). In some embodiments, the user's attention is determined to be directed toward a portion of the three-dimensional environment based on detecting a gaze directed toward the portion of the three-dimensional environment using one or more additional conditions, such as requiring the gaze to be directed toward the portion of the three-dimensional environment for at least a threshold duration (e.g., a dwell duration) and / or requiring the gaze to be directed toward the portion of the three-dimensional environment when the user's viewpoint is within a distance threshold from the portion of the three-dimensional environment, so that the device determines that the user's attention is directed toward the portion of the three-dimensional environment, wherein if one of these additional conditions is not met, the device determines that the attention is not directed toward the portion of the three-dimensional environment to which the gaze is directed (e.g., until the one or more additional conditions are met).

[0166] In some embodiments, the detection of a ready state configuration of a user or a portion of a user is detected by a computer system. The detection of the ready state configuration of a hand is used by the computer system as an indication that the user may be preparing to interact with the computer system using one or more air gesture inputs performed by the hand (e.g., a pinch, a tap, a pinch and drag, a double pinch, a long pinch, or other air gestures described herein). For example, the ready state of a hand is determined based on whether the hand has a predetermined hand shape (e.g., a pre-pinch shape with the thumb and one or more fingers extended and spaced apart in preparation for a pinch or grab gesture, or a pre-tap with one or more fingers extended and the palm facing away from the user), based on whether the hand is in a predetermined position relative to the user's viewpoint (e.g., below the user's head and above the user's waist and extending at least 15 cm, 20 cm, 25 cm, 30 cm, or 50 cm from the body), and / or based on whether the hand has moved in a particular manner (e.g., toward an area in front of the user above the user's waist and below the user's head, or away from the user's body or legs). In some embodiments, the ready state is used to determine whether an interactive element of a user interface responds to attention (e.g., gaze) input.

[0167] In some embodiments, the software may be downloaded to the controller 110 in electronic form, for example, over a network, or may alternatively be provided on tangible, non-transitory media such as optical, magnetic, or electronic memory media. In some embodiments, the database 408 is also stored in memory associated with the controller 110. Alternatively or additionally, some or all of the described functions of the computer may be implemented in dedicated hardware, such as a custom or semi-custom integrated circuit or a programmable digital signal processor (DSP). Although in Figure 4, but some or all of the processing functions of the controller may be performed by a suitable microprocessor and software or by dedicated circuitry within the housing of the image sensor 404 (e.g., a hand tracking device) or other device associated with the image sensor 404. In some embodiments, at least some of these processing functions may be performed by a suitable processor integrated with the display generation component 120 (e.g., in a television receiver, handheld device, or head-mounted device) or integrated with any other suitable computerized device (such as a game console or media player). The sensing functions of the image sensor 404 may also be integrated into a computer or other computerized device to be controlled by the sensor output.

[0168] Figure 4 Also included is a schematic representation of a depth map 410 captured by the image sensor 404 according to some embodiments. As described above, the depth map includes a matrix of pixels with corresponding depth values. Pixels 412 corresponding to the hand 406 have been segmented from the background and wrist in the figure. The brightness of each pixel within the depth map 410 is inversely proportional to its depth value (i.e., the measured z distance from the image sensor 404), where shades of gray become darker with increasing depth. The controller 110 processes these depth values ​​in order to identify and segment components of the image (i.e., a group of adjacent pixels) that have characteristics of a human hand. These characteristics may include, for example, overall size, shape, and motion from frame to frame in the depth map sequence.

[0169] Figure 4 Also schematically illustrated is a hand skeleton 414 that the controller 110 ultimately extracts from the depth map 410 of the hand 406 according to some embodiments. Figure 4 , a hand skeleton 414 is superimposed on a hand background 416 that has been segmented from the original depth map. In some embodiments, key feature points of the hand and, optionally, on the wrist or arm connected to the hand (e.g., points corresponding to knuckles, fingertips, the center of the palm, the end of the hand connected to the wrist, etc.) are identified and located on the hand skeleton 414. In some embodiments, the controller 110 uses the position and movement of these key feature points over multiple image frames to determine a hand gesture performed by the hand or the current state of the hand according to some embodiments.

[0170] Figure 5 The eye tracking device 130 ( Figure 1A ). In some embodiments, the eye tracking device 130 is composed of an eye tracking unit 243 ( Figure 2) controls to track the position and movement of the user's gaze relative to the scene 105 or relative to the XR content displayed via the display generation component 120. In some embodiments, the eye tracking device 130 is integrated with the display generation component 120. For example, in some embodiments, when the display generation component 120 is a head-mounted device (such as a headset, helmet, goggles, or glasses) or a handheld device placed in a wearable frame, the head-mounted device includes both components for generating XR content for the user to view and components for tracking the user's gaze relative to the XR content. In some embodiments, the eye tracking device 130 is separate from the display generation component 120. For example, when the display generation component is a handheld device or an XR room, the eye tracking device 130 is optionally a device separate from the handheld device or the XR room. In some embodiments, the eye tracking device 130 is a head-mounted device or a part of the head-mounted device. In some embodiments, the head-mounted eye tracking device 130 is optionally used in conjunction with a display generation component that is also head-mounted or a display generation component that is not head-mounted. In some embodiments, the eye tracking device 130 is not a head-mounted device and is optionally used in conjunction with a head-mounted display generation component. In some embodiments, the eye tracking device 130 is not a head-mounted device and is optionally part of a non-head-mounted display generation component.

[0171] In some embodiments, the display generation component 120 uses a display mechanism (e.g., a left near-eye display panel and a right near-eye display panel) to display a frame including a left image and a right image in front of the user's eyes, thereby providing the user with a 3D virtual view. For example, the head-mounted display generation component may include a left optical lens and a right optical lens (referred to herein as eye lenses) located between the display and the user's eyes. In some embodiments, the display generation component may include or be coupled to one or more external cameras that capture video of the user's environment for display. In some embodiments, the head-mounted display generation component may have a transparent or translucent display and display virtual objects on the transparent or translucent display, through which the user can directly view the physical environment. In some embodiments, the display generation component projects the virtual objects into the physical environment. The virtual objects may, for example, be projected onto a physical surface or projected as a hologram, so that the individual using the system observes the virtual objects superimposed on the physical environment. In this case, separate display panels and image frames for the left and right eyes may not be required.

[0172] like Figure 5As shown, in some embodiments, eye tracking device 130 (e.g., gaze tracking device) includes at least one eye tracking camera (e.g., an infrared (IR) or near infrared (NIR) camera) and an illumination source (e.g., an IR or NIR light source, such as an array or ring of LEDs) that emits light (e.g., IR or NIR light) toward the user's eyes. The eye tracking camera can be pointed at the user's eyes to receive IR or NIR light reflected directly from the eyes by the light source, or alternatively can be pointed at "hot" mirrors located between the user's eyes and the display panel, which reflect IR or NIR light from the eyes toward the eye tracking camera while allowing visible light to pass through. Eye tracking device 130 optionally captures images of the user's eyes (e.g., as a video stream captured at 60 to 120 frames per second (fps)), analyzes these images to generate gaze tracking information, and transmits the gaze tracking information to controller 110. In some embodiments, both eyes of the user are tracked separately by corresponding eye tracking cameras and illumination sources. In some embodiments, only one eye of the user is tracked by corresponding eye tracking camera and illumination source.

[0173] In some embodiments, the eye tracking device 130 is calibrated using a device-specific calibration process to determine the parameters of the eye tracking device for a specific operating environment 100, such as the 3D geometry and parameters of the LED, camera, thermal mirror (if present), eye lens, and display screen. The device-specific calibration process can be performed at a factory or another facility before the AR / VR equipment is delivered to the end user. The device-specific calibration process can be an automatic calibration process or a manual calibration process. According to some embodiments, the user-specific calibration process can include an estimation of eye parameters of a specific user, such as pupil position, fovea position, optical axis, visual axis, eye spacing, etc. According to some embodiments, once the device-specific parameters and user-specific parameters are determined for the eye tracking device 130, a flash-assisted method can be used to process the images captured by the eye tracking camera to determine the current visual axis and the user's gaze point relative to the display.

[0174] like Figure 5As shown, the eye tracking device 130 (e.g., 130A or 130B) includes an eye lens 520 and a gaze tracking system that includes at least one eye tracking camera 540 (e.g., an infrared (IR) or near infrared (NIR) camera) positioned on the side of the user's face on which eye tracking is performed, and an illumination source 530 (e.g., an IR or NIR light source, such as an array or ring of NIR light emitting diodes (LEDs)) that emits light (e.g., IR or NIR light) toward the user's eye 592. The eye tracking camera 540 can be directed toward a mirror 550 (which reflects the IR or NIR light from the eye 592 while allowing visible light to pass) located between the user's eye 592 and a display 510 (e.g., a left display panel or a right display panel of a head-mounted display, or a display of a handheld device, a projector, etc.) Figure 5 ), or alternatively may be directed toward the user's eye 592 to receive reflected IR or NIR light from the eye 592 (e.g., as shown in the top portion of Figure 5 (as shown in the bottom portion of the ).

[0175] In some embodiments, the controller 110 renders AR or VR frames 562 (e.g., left and right frames for left and right display panels) and provides the frames 562 to the display 510. The controller 110 uses the gaze tracking input 542 from the eye tracking camera 540 for various purposes, such as for processing the frames 562 for display. The controller 110 optionally estimates the user's gaze point on the display 510 based on the gaze tracking input 542 obtained from the eye tracking camera 540 using a flash-assisted method or other suitable method. The gaze point estimated from the gaze tracking input 542 is optionally used to determine the direction the user is currently looking.

[0176] The following describes several possible use cases for the user's current gaze direction and is not intended to be limiting. As an example use case, the controller 110 may render virtual content differently based on the determined user's gaze direction. For example, the controller 110 may generate virtual content at a higher resolution in the foveal region determined based on the user's current gaze direction than in the peripheral region. As another example, the controller may position or move virtual content within the view based at least in part on the user's current gaze direction. As another example, the controller may display specific virtual content within the view based at least in part on the user's current gaze direction. As another example use case in an AR application, the controller 110 may direct an external camera used to capture the physical environment of an XR experience to focus in the determined direction. The external camera's autofocus mechanism may then focus on an object or surface in the environment on the display 510 that the user is currently looking at. As another example use case, the eye lens 520 may be a focusable lens, and the controller may use gaze tracking information to adjust the focus of the eye lens 520 so that the virtual object the user is currently looking at has the appropriate vergence to match the convergence of the user's eye 592. The controller 110 can use the gaze tracking information to guide the eye lens 520 to adjust the focus so that nearby objects that the user is looking at appear at the correct distance.

[0177] In some embodiments, the eye tracking device is part of a head-mounted device that includes a display (e.g., display 510), two eye lenses (e.g., eye lenses 520), an eye tracking camera (e.g., eye tracking camera 540), and a light source (e.g., light source 530 (e.g., IR or NIR LED)). The light source emits light (e.g., IR or NIR light) toward the user's eyes 592. In some embodiments, the light sources may be arranged in a ring or circle around each of the lenses, such as Figure 5 In some embodiments, for example, eight light sources 530 (e.g., LEDs) are arranged around each lens 520. However, more or fewer light sources 530 can be used, and other arrangements and positions of the light sources 530 can be used.

[0178] In some embodiments, the display 510 emits light in the visible range and does not emit light in the IR or NIR range, and therefore does not introduce noise into the gaze tracking system. Note that the positions and angles of the eye tracking cameras 540 are given by way of example and are not intended to be limiting. In some embodiments, a single eye tracking camera 540 is located on each side of the user's face. In some embodiments, two or more NIR cameras 540 may be used on each side of the user's face. In some embodiments, a camera 540 with a wider field of view (FOV) and a camera 540 with a narrower FOV may be used on each side of the user's face. In some embodiments, a camera 540 operating at one wavelength (e.g., 850 nm) and a camera 540 operating at a different wavelength (e.g., 940 nm) may be used on each side of the user's face.

[0179] like Figure 5 The illustrated gaze tracking system embodiments may be used, for example, in computer-generated reality, virtual reality, and / or mixed reality applications to provide a user with a computer-generated reality, virtual reality, augmented reality, and / or augmented virtual experience.

[0180] Figure 6 The flash-assisted gaze tracking pipeline according to some embodiments is illustrated. In some embodiments, the gaze tracking pipeline is implemented by a flash-assisted gaze tracking system (e.g., as shown in FIG. Figure 5 The flash-assisted gaze tracking system can maintain a tracking state. Initially, the tracking state is off or "no." When in the tracking state, the flash-assisted gaze tracking system uses previous information from previous frames when analyzing the current frame to track the pupil outline and glint in the current frame. When not in the tracking state, the flash-assisted gaze tracking system attempts to detect the pupil and glint in the current frame, and if successful, initializes the tracking state to "yes" and continues to the next frame in the tracking state.

[0181] like Figure 6 As shown, the gaze tracking camera can capture left and right images of the user's left and right eyes. The captured images are then input to the gaze tracking pipeline for processing starting at 610. As indicated by the arrow returning to element 600, the gaze tracking system can continue to capture images of the user's eyes at a rate of, for example, 60 to 120 frames per second. In some embodiments, each set of captured images can be input to the pipeline for processing. However, in some embodiments or under some conditions, not all captured frames are processed by the pipeline.

[0182] At 610, for the currently captured image, if the tracking status is yes, the method proceeds to element 640. At 610, if the tracking status is no, the image is analyzed to detect the user's pupil and glint in the image, as indicated at 620. At 630, if the pupil and glint are successfully detected, the method proceeds to element 640. Otherwise, the method returns to element 610 to process the next image of the user's eye.

[0183] At 640, if proceeding from element 610, the current frame is analyzed to track the pupil and glint based in part on previous information from the previous frame. At 640, if proceeding from element 630, the tracking state is initialized based on the pupil and glint detected in the current frame. The processing results at element 640 are reviewed to verify that the tracking or detection results are reliable. For example, the results can be reviewed to determine whether the pupil and a sufficient number of glints were successfully tracked or detected in the current frame to perform gaze estimation. At 650, if the results are unlikely to be reliable, at element 660, the tracking state is set to no, and the method returns to element 610 to process the next image of the user's eye. At 650, if the results are reliable, the method proceeds to element 670. At 670, the tracking state is set to yes (if not already yes), and the pupil and glint information is passed to element 680 to estimate the user's gaze point.

[0184] Figure 6 This is intended to be used as an example of an eye tracking technology that may be used for a particular implementation. As one of ordinary skill in the art will appreciate, according to various embodiments, other eye tracking technologies currently existing or developed in the future may be used in place of or in combination with the flash-assisted eye tracking technology described herein in the computer system 101 for providing an XR experience to a user.

[0185] In some embodiments, the captured portion of the real-world environment 602 is used to provide an XR experience to the user, such as a mixed reality environment in which one or more virtual objects are superimposed on top of the representation of the real-world environment 602.

[0186] Thus, the description herein describes some embodiments of a three-dimensional environment (e.g., an XR environment) that includes representations of real-world objects and representations of virtual objects. For example, the three-dimensional environment optionally includes a representation of a table present in a physical environment, which is captured and displayed in the three-dimensional environment (e.g., actively displayed via a camera and display of a computer system or passively displayed via a transparent or translucent display of the computer system). As previously described, the three-dimensional environment is optionally a mixed reality system, wherein the three-dimensional environment is based on a physical environment captured by one or more sensors of the computer system and displayed via a display generation component. As a mixed reality system, the computer system is optionally capable of selectively displaying portions and / or objects of the physical environment so that the corresponding portions and / or objects of the physical environment appear as if they exist in the three-dimensional environment displayed by the computer system. Similarly, the computer system is optionally capable of displaying virtual objects in the three-dimensional environment so that it appears as if the virtual objects exist in the real world (e.g., a physical environment) by placing the virtual objects at corresponding locations in the three-dimensional environment that have corresponding locations in the real world. For example, the computer system optionally displays a vase so that the vase appears as if a real vase is placed on top of a table in the physical environment. In some embodiments, a corresponding location in the three-dimensional environment has a corresponding location in the physical environment. Thus, when a computer system is described as displaying a virtual object at a corresponding location relative to a physical object (e.g., such as at or near a user's hand or at or near a physical table), the computer system displays the virtual object at a particular location in the three-dimensional environment such that it appears as if the virtual object is at or near the physical object in the physical environment (e.g., the virtual object is displayed at a location in the three-dimensional environment that corresponds to the location in the physical environment where the virtual object would be displayed if it were the real object at that particular location).

[0187] In some embodiments, real-world objects present in the physical environment that are displayed in the three-dimensional environment (e.g., and / or visible via a display generation component) can interact with virtual objects that exist only in the three-dimensional environment. For example, the three-dimensional environment may include a table and a vase placed on top of the table, where the table is a view (or representation) of a physical table in the physical environment and the vase is a virtual object.

[0188] In a three-dimensional environment (e.g., a real environment, a virtual environment, or an environment comprising a mixture of real objects and virtual objects), objects are sometimes referred to as having depth or simulated depth, or objects are referred to as being visible, displayed, or placed at different depths. In this context, depth refers to a dimension other than height or width. In some embodiments, depth is defined relative to a fixed set of coordinates (e.g., where a room or object has a height, depth, and width defined relative to a fixed set of coordinates). In some embodiments, depth is defined relative to the user's position or viewpoint, in which case the depth dimension varies based on the position and angle of the user's position and / or the user's viewpoint. In some embodiments where depth is defined relative to the user's position relative to the surface of the environment (e.g., the surface of the floor or ground of the environment), objects that are farther away from the user along a line extending parallel to the surface are considered to have greater depth in the environment, and / or the depth of an object is measured along an axis extending outward from the user's position and parallel to the surface of the environment (e.g., depth is defined in a cylindrical or substantially cylindrical coordinate system where the user's position is at the center of a cylinder extending from the user's head toward the user's feet). In some embodiments where depth is defined relative to a user's viewpoint (e.g., relative to a direction of a point in space that determines which portion of an environment is visible via a head-mounted device or other display), objects that are farther away from the user's viewpoint along a line extending parallel to the user's viewpoint are considered to have greater depth in the environment, and / or the depth of objects is measured along an axis extending outward from the user's viewpoint and parallel to the user's viewpoint (e.g., depth is defined in a spherical or substantially spherical coordinate system where the origin of the viewpoint is at the center of a sphere extending outward from the user's head). In some embodiments, depth is defined relative to a user interface container (e.g., a window or application in which applications and / or system content are displayed), where the user interface container has a height and / or width, and depth is a dimension orthogonal to the height and / or width of the user interface container. In some embodiments, where depth is defined relative to a user interface container, when the container is placed in a three-dimensional environment or is initially displayed (e.g., such that the depth dimension of the container extends outward away from the user or the user's viewpoint), the height and / or width of the container is generally orthogonal or substantially orthogonal to a line extending from a user-based position (e.g., the user's viewpoint or the user's position) to the user interface container (e.g., the center of the user interface container or another feature point of the user interface container). In some embodiments, where depth is defined relative to a user interface container, the depth of an object relative to the user interface container refers to the positioning of the object along the depth dimension of the user interface container. In some embodiments, multiple different containers may have different depth dimensions (e.g., different depth dimensions extending away from the user or the user's viewpoint in different directions and / or from different starting points).In some embodiments, when depth is defined relative to a user interface container, the direction of the depth dimension remains constant for the user interface container as the position of the user interface container, the user, and / or the user's viewpoint changes (e.g., or when multiple different viewers are viewing the same container in a three-dimensional environment, such as during an in-person collaboration session and / or when multiple participants are in a real-time communication session with shared virtual content that includes the container). In some embodiments, for curved containers (e.g., including containers with curved surfaces or curved content areas), the depth dimension optionally extends into the surface of the curved container. In some cases, z separation (e.g., the separation of two objects in the depth dimension), z height (e.g., the distance of one object from another in the depth dimension), z positioning (e.g., the positioning of an object in the depth dimension), z depth (e.g., the positioning of an object in the depth dimension), or simulated z dimension (e.g., depth used as a dimension of an object, a dimension of an environment, a direction in space, and / or a direction in simulated space) is used to refer to the concept of depth as described above.

[0189] In some embodiments, the user can optionally use one or more hands to interact with virtual objects in a three-dimensional environment as if the virtual objects were real objects in the physical environment. For example, as described above, one or more sensors of the computer system optionally capture one or more hands of the user and display representations of the user's hands in the three-dimensional environment (e.g., in a manner similar to displaying real-world objects in a three-dimensional environment as described above), or in some embodiments, the user's hands can be visible via the display generation component due to the transparency / translucency of a portion of the user interface being displayed by the display generation component, or due to the projection of the user interface onto a transparent / translucent surface or onto the user's eyes or into the field of view of the user's eyes, via the ability to see the physical environment through the user interface. Thus, in some embodiments, the user's hands are displayed at corresponding locations in the three-dimensional environment and are viewed as if they were objects in the three-dimensional environment, and these objects can interact with virtual objects in the three-dimensional environment as if these virtual objects were physical objects in the physical environment. In some embodiments, the computer system can update the display of the representation of the user's hands in the three-dimensional environment in conjunction with the movement of the user's hands in the physical environment.

[0190] In some embodiments described below, the computer system is optionally capable of determining an "effective" distance between a physical object in the physical world and a virtual object in a three-dimensional environment, for example, to determine whether the physical object is directly interacting with the virtual object (e.g., whether the hand is touching, grabbing, holding, etc., or is within a threshold distance of the virtual object). For example, a hand directly interacting with a virtual object optionally includes one or more of the following: a finger of a hand pressing a virtual button, a user's hand grabbing a virtual vase, two fingers of a user's hand coming together and pinching / holding the user interface of an application, and performing any other type of interaction described herein. For example, when determining whether a user is interacting with a virtual object and / or how the user is interacting with the virtual object, the computer system optionally determines the distance between the user's hand and the virtual object. In some embodiments, the computer system determines the distance between the user's hand and the virtual object by determining the distance between the position of the hand in the three-dimensional environment and the position of the virtual object of interest in the three-dimensional environment. For example, the user's hand(s) are positioned at a specific location in the physical world, and the computer system optionally captures the hand(s) and displays the hand(s) at a specific corresponding location in the three-dimensional environment (e.g., the location at which the hand(s) would be displayed in the three-dimensional environment if the hand(s) were virtual hands rather than physical hands). The location of the hand(s) in the three-dimensional environment is optionally compared to the location of the virtual object(s) of interest in the three-dimensional environment to determine the distance between the user's hand(s) and the virtual object(s). In some embodiments, the computer system optionally determines the distance between the physical object(s) and the virtual object(s) by comparing the locations in the physical world (e.g., rather than comparing the locations in the three-dimensional environment). For example, when determining the distance between the user's hand(s) and the virtual object(s), the computer system optionally determines the corresponding location of the virtual object(s) in the physical world (e.g., the location at which the virtual object(s) would be located in the physical world if the virtual object(s) were physical objects rather than virtual objects), and then determines the distance between the corresponding physical location and the user's hand(s). In some embodiments, the same technique is optionally used to determine the distance between any physical object and any virtual object. Thus, as described herein, when determining whether a physical object is in contact with a virtual object or whether a physical object is within a threshold distance of a virtual object, the computer system optionally executes any of the techniques described above to map the position of the physical object to a three-dimensional environment and / or map the position of the virtual object to the physical environment.

[0191] In some embodiments, the same or similar techniques are used to determine where and what the user's gaze is directed at, and / or where and what a physical stylus held by the user is pointed at. For example, if the user's gaze is directed at a particular location in the physical environment, the computer system optionally determines a corresponding location in the three-dimensional environment (e.g., a virtual location of the gaze), and if a virtual object is located at the corresponding virtual location, the computer system optionally determines that the user's gaze is directed at the virtual object. Similarly, the computer system is optionally able to determine the direction in which the stylus is pointing in the physical environment based on the orientation of the physical stylus. In some embodiments, based on this determination, the computer system determines a corresponding virtual location in the three-dimensional environment that corresponds to the location in the physical environment that the stylus is pointing to, and optionally determines that the stylus is pointing at the corresponding virtual location in the three-dimensional environment.

[0192] Similarly, the embodiments described herein may refer to the position of a user (e.g., a user of a computer system) in a three-dimensional environment and / or the position of a computer system in a three-dimensional environment. In some embodiments, the user of the computer system is holding, wearing, or otherwise located at or near the computer system. Thus, in some embodiments, the position of the computer system is used as a proxy for the position of the user. In some embodiments, the position of the computer system and / or the user in the physical environment corresponds to a corresponding position in the three-dimensional environment. For example, the position of the computer system will be a position in the physical environment (and its corresponding position in the three-dimensional environment) that, if the user were standing at that position, facing the corresponding portion of the physical environment visible via the display generation component, would be visible to the user from that position in the physical environment in the same position, orientation, and / or size (e.g., in absolute terms and / or relative to each other) as the objects displayed in the three-dimensional environment by the display generation component of the computer system or visible in the three-dimensional environment via the display generation component. Similarly, if the virtual objects displayed in the three-dimensional environment are physical objects in the physical environment (e.g., physical objects placed at the same location in the physical environment as the virtual objects are located in the three-dimensional environment, and physical objects that have the same size and orientation in the physical environment as they do in the three-dimensional environment), then the position of the computer system and / or user is the position from which the user would see the positions of the virtual objects in the physical environment at the same position, orientation, and / or size (e.g., in an absolute sense and / or relative to each other and real-world objects) as the virtual objects displayed in the three-dimensional environment by the display generation components of the computer system.

[0193] In this disclosure, various input methods are described with respect to interaction with a computer system. When an example is provided using one input device or input method, and another example is provided using another input device or input method, it should be understood that each example is compatible with and optionally utilizes the input device or input method described with respect to the other example. Similarly, various output methods are described with respect to interaction with a computer system. When an example is provided using one output device or output method, and another example is provided using another output device or output method, it should be understood that each example is compatible with and optionally utilizes the output device or output method described with respect to the other example. Similarly, various methods are described with respect to interaction with a virtual environment or a mixed reality environment through a computer system. When an example is provided using interaction with a virtual environment, and another example is provided using a mixed reality environment, it should be understood that each example is compatible with and optionally utilizes the methods described with respect to the other example. Therefore, this disclosure discloses embodiments that are combinations of features from multiple examples, without necessarily listing all features of the embodiments in detail in the description of each example embodiment.

[0194] User interface and associated processes

[0195] Attention is now directed to embodiments of a user interface ("UI") and associated processes that may be implemented on a computer system, such as a portable multifunction device or a head-mounted device, in communication with display generation components and one or more input devices.

[0196] Figure 7A7Y illustrates a three-dimensional environment visible via a display generation component (e.g., display generation component 7100 or display generation component 120) of a computer system (e.g., computer system 101), and interactions occurring in the three-dimensional environment due to user input directed to the three-dimensional environment and / or input received from other computer systems and / or sensors. In some embodiments, input is directed to a virtual object within the three-dimensional environment by a user gaze detected in an area occupied by the virtual object or by a hand gesture performed at a location in the physical environment corresponding to the area of ​​the virtual object. In some embodiments, input is directed to a virtual object within the three-dimensional environment by a hand gesture performed (e.g., optionally, at a location in the physical environment that is unrelated to the area of ​​the virtual object in the three-dimensional environment) while the virtual object has input focus (e.g., when the virtual object has been selected by concurrently and / or previously detected gaze input, by concurrently or previously detected pointer input, and / or by concurrently and / or previously detected gesture input). In some embodiments, input is directed to a virtual object within a three-dimensional environment by an input device that has positioned a focus selector object (e.g., a pointer object or a selector object) at the location of the virtual object. In some embodiments, input is directed to a virtual object within a three-dimensional environment via other means (e.g., voice and / or control buttons). In some embodiments, input is directed to a physical object or a representation of a virtual object corresponding to a physical object by a user's hand movement (e.g., entire hand movement, entire hand movement in a corresponding gesture, movement of one part of the user's hand relative to another part of the hand, and / or relative movement between the user's two hands) and / or manipulation relative to a physical object (e.g., touching, swiping, tapping, opening, moving toward, and / or moving relative to). In some embodiments, a computer system displays some changes to the three-dimensional environment (e.g., displaying additional virtual content, stopping displaying existing virtual content, and / or transitioning between different immersion levels of displayed visual content) based on input from sensors (e.g., image sensors, temperature sensors, biometric sensors, motion sensors, contact sensors, and / or proximity sensors) and contextual conditions (e.g., location, time, and / or the presence of other people in the environment). In some embodiments, a computer system displays some changes in a three-dimensional environment (e.g., displaying additional virtual content, ceasing to display existing virtual content, and / or transitioning between different immersive levels of displayed visual content) based on input from other computers used by other users sharing a computer-generated environment with a user of the computer system (e.g., in a shared computer-generated experience, in a shared virtual environment, and / or in a shared virtual or augmented reality environment of a communication session).In some embodiments, a computer system displays some changes in a three-dimensional environment (e.g., displaying deformation movements and / or changes in visual characteristics of a user interface, virtual surfaces, user interface objects, and / or virtual scenery) based on input from a sensor that detects movement of other people and objects and movement of a user that may not meet the criteria for recognized gesture input to trigger an associated operation of the computer system.

[0197] In some embodiments, the three-dimensional environment visible via the display generation component described herein is a virtual three-dimensional environment that includes virtual objects and content at different virtual locations in the three-dimensional environment without a representation of the physical environment. In some embodiments, the three-dimensional environment is a mixed reality environment that displays virtual objects at different virtual locations in the three-dimensional environment that are constrained by one or more physical aspects of the physical environment (e.g., the positioning and orientation of walls, floors, surfaces, the direction of gravity, the time of day, and / or the spatial relationship between physical objects). In some embodiments, the three-dimensional environment is an augmented reality environment that includes a representation of the physical environment. In some embodiments, the representation of the physical environment includes corresponding representations of physical objects and surfaces at different locations in the three-dimensional environment, so that the spatial relationship between different physical objects and surfaces in the physical environment is reflected by the spatial relationship between the representations of the physical objects and surfaces in the three-dimensional environment. In some embodiments, when a virtual object is placed relative to the positioning of the representations of the physical objects and surfaces in the three-dimensional environment, the virtual object appears to have a corresponding spatial relationship with the physical objects and surfaces in the physical environment. In some embodiments, a computer system transitions between displaying different types of environments based on user input and / or contextual conditions (e.g., transitioning between presenting computer-generated environments or experiences with different levels of immersion, adjusting the relative prominence of audio / visual sensory input from virtual content relative to representations of the physical environment).

[0198] In some embodiments, the display generating component includes a see-through portion in which a representation of the physical environment is displayed or visible. In some embodiments, the see-through portion of the display generating component is a transparent or translucent (e.g., see-through) portion of the display generating component that shows at least a portion of the physical environment around the user or within the user's field of view. For example, the see-through portion is a portion of a head-mounted display or a heads-up display that is made translucent (e.g., less than 50%, 40%, 30%, 20%, 15%, 10% or 5% opacity) or transparent so that the user can see through it to view the real world around the user without removing the head-mounted display or moving away from the heads-up display (sometimes referred to as "optical see-through"). In some embodiments, when the virtual or mixed reality environment is displayed, the see-through portion gradually transitions from translucent or transparent to completely opaque. In some embodiments, the see-through portion of the display generating component displays a real-time feed of images or video of at least a portion of the physical environment captured by one or more cameras (e.g., front-facing and / or rear-facing cameras of a mobile device or associated with a head-mounted display, or other cameras that feed image data to a computer system) (sometimes referred to as "optical see-through"). In some embodiments, the one or more cameras are pointed at a portion of the physical environment that is directly in front of the user's eyes (e.g., behind the display generating component relative to the user). In some embodiments, the one or more cameras are pointed at a portion of the physical environment that is not directly in front of the user's eyes (e.g., in a different physical environment, or to the side or behind the user).

[0199] In some embodiments, when virtual objects are displayed at locations corresponding to the locations of one or more physical objects in a physical environment (e.g., at locations in a virtual reality environment, a mixed reality environment, or an augmented reality environment), at least some of the virtual objects are displayed to replace (e.g., replace the display of) a portion of the camera's real-time view (e.g., a portion of the physical environment captured in the real-time view). In some embodiments, at least some of the virtual objects and content are projected by the display generation component onto a physical surface or blank space in the physical environment, while portions of the physical environment are visible through a see-through portion of the display generation component (e.g., viewable as part of the camera's view of the physical environment, or viewable through a transparent or translucent portion of the display generation component). In some embodiments, at least some of the virtual objects and content are displayed to cover portions of the display and obstruct at least a portion of the view of the physical environment that is visible through the transparent or translucent portion of the display generation component.

[0200] In some embodiments, the display generation component displays different views of the three-dimensional environment based on user input or movement that changes the virtual positioning of the viewpoint of the currently displayed view of the three-dimensional environment relative to the three-dimensional environment. In some embodiments, when the three-dimensional environment is a virtual environment, the viewpoint moves based on navigation or motion requests (e.g., air hand gestures and / or gestures performed by movement of one part of the user's hand relative to another part of the hand) without requiring movement of the user's head, torso, and / or display generation component in the physical environment. In some embodiments, movement of the user's head and / or torso, and / or movement of the display generation component or other position-aware elements of the computer system (e.g., due to the user holding the display generation component or wearing an HMD) relative to the physical environment causes a corresponding movement of the viewpoint relative to the three-dimensional environment (e.g., with a corresponding movement direction, movement distance, movement speed, and / or orientation change), thereby resulting in a corresponding change in the currently displayed view of the three-dimensional environment. In some embodiments, when a virtual object has a preset spatial relationship relative to a viewpoint (e.g., is anchored or fixed to the viewpoint), movement of the viewpoint relative to the three-dimensional environment causes the virtual object to move relative to the three-dimensional environment while maintaining the virtual object's position in the field of view (e.g., the virtual object is said to be head-locked). In some embodiments, the virtual object is body-locked to the user and moves relative to the three-dimensional environment as the user as a whole moves in the physical environment (e.g., carries or wears the display generation components and / or other position sensing components of the computer system), but will not move in the three-dimensional environment in response to individual user head movements (e.g., the display generation components and / or other position sensing components of the computer system rotate around a fixed position of the user in the physical environment). In some embodiments, the virtual object is optionally locked to another part of the user, such as the user's hand or the user's wrist, and moves in the three-dimensional environment in accordance with movement of that part of the user in the physical environment to maintain a preset spatial relationship between the virtual object's position and the position of that part of the user in the three-dimensional environment. In some embodiments, the virtual object is locked to a preset portion of the field of view provided by the display generation components and moves in the three-dimensional environment in accordance with movement of the field of view, regardless of movement of the user that does not cause the field of view to change.

[0201] Although not in Figure 7A7Y , but in some embodiments, representations of the user's hands, arms, and / or wrists are included in the view of the three-dimensional environment. In some embodiments, representations of the user's hands, arms, and / or wrists are included in the view of the three-dimensional environment as part of the representation of the physical environment provided via the display generation component. In some embodiments, these representations are not part of the representation of the physical environment and are captured separately (e.g., by one or more cameras pointing at the user's hands, arms, and wrists) and displayed in the three-dimensional environment independently of the currently displayed view of the three-dimensional environment. In some embodiments, these representations include camera images captured by one or more cameras of the computer system or stylized versions of arms, wrists, and / or hands based on information captured by various sensors. In some embodiments, these representations replace the display of a portion of the representation of the physical environment, overlay on that portion of the representation of the physical environment, or block the view of that portion of the representation of the physical environment. In some embodiments, when the display generation component does not provide a view of the physical environment and provides a fully virtual environment (e.g., no camera view and no transparent pass-through portions), a real-time visual representation of one or both arms, wrists, and / or hands of the user is optionally displayed in the virtual environment (e.g., a stylized representation or a segmented camera image). In some embodiments, if no representation of the user's hand is provided in the view of the three-dimensional environment, the location corresponding to the user's hand is optionally indicated in the three-dimensional environment, for example, by changing the appearance of the virtual content at a location in the three-dimensional environment corresponding to the location of the user's hand in the physical environment (e.g., by a change in translucency and / or simulated reflectivity). In some embodiments, the representation of the user's hand or wrist is outside the currently displayed view of the three-dimensional environment, and the virtual location in the three-dimensional environment corresponding to the location of the user's hand or wrist is outside the current field of view provided by the display generation component; and in response to the virtual location corresponding to the location of the user's hand or wrist moving within the current field of view due to movement of the display generation component, the user's hand or wrist, the user's head, and / or the user as a whole, the representation of the user's hand or wrist is made visible in the view of the three-dimensional environment.

[0202] like Figure 7A As shown in the example of FIG7Y , content visible via the display generation component 7100 of the computer system 101 is displayed on a touch screen held by the user 7002. In some embodiments, the display generation component 7100 of the computer system 101 is a head-mounted display worn on the head of the user 7002 (e.g., Figure 7A The content shown in Figure 7Y as visible via the display generation component 7100 of the computer system 101 corresponds to the field of view of the user 7002 when wearing the head-mounted display).

[0203] Figure 7A7M through 7M illustrate examples of switching between tabbed windows in a three-dimensional environment. Figure 8 is a flow chart of an example method 800 for switching between tabbed windows in a three-dimensional environment. Figure 7A The user interface in FIG. 7M is used to illustrate the process described below, which includes Figure 8 In addition, Figure 7A 7M through 7M illustrate examples of spatially positioning and dynamically changing a browser toolbar when interacting with a browser application in a three-dimensional environment. Figure 9 is a flow chart of an example method 900 for spatially positioning and dynamically changing a browser toolbar when interacting with a browser application in a three-dimensional environment. Figure 7A The user interface in FIG. 7M is used to illustrate the process described below, which includes Figure 9 in the process.

[0204] Figure 7A The physical environment 7000 is illustrated as being visible to the user 7002 via the display generation component 7100 of the computer system 101. The physical environment includes physical walls 7004, 7006, and 7008. The physical environment 7000 also includes a physical object 7014. The user 7002 is holding the display generation component 7100 with hand 7020 and / or hand 7022. Optionally, the display generation component 7100 can be placed on a surface or attached to the body of the user 7002 (e.g., a head mounted display 7100a, as shown). Figures 7D1 to 7D2 、 Figure 7M2 to Figure 7M3 and Figure 7Y2 to Figure 7Y3 ), thereby allowing hands 7020 and 7022 to freely perform various mid-air gestures. In some embodiments, one or more portions of the view of the physical environment 7000 visible to the user 7002 via the display generation component 7100 are virtual see-through portions that include representations of corresponding portions of the physical environment 7000 captured via one or more image sensors of the computer system 101. In some embodiments, one or more portions of the view of the physical environment 7000 visible to the user 7002 via the display generation component 7100 are optical see-through portions because the user 7002 can see one or more portions of the physical environment 7000 through one or more transparent or semi-transparent portions of the display generation component 7100. For example, in some embodiments, when the user's hand 7020 is within the field of view of one or more sensors of the HMD 7100a (e.g., within the user's field of view), a representation of the user's hand 7020' is displayed in a user interface displayed on the display of the HMD 7100a (e.g., as a see-through representation and / or as a virtual representation of the user's hand 7020).

[0205] In some embodiments, the display generation component 7100 includes a head mounted display (HMD) 7100a. For example, Figure 7D1 (e.g., and Figure 7M2 and Figure 7Y2 ), a head-mounted display 7100a includes one or more displays that display a representation of a portion of a three-dimensional environment 7000' corresponding to the user's perspective. Although an HMD typically includes multiple displays, including a display for the right eye and a separate display for the left eye, the display for the right eye and the separate display for the left eye displaying slightly different images to generate a user interface with stereoscopic depth, in the figure, a single image corresponding to the image for a single eye is shown, and depth information is indicated using other annotations or descriptions of the figure. In some embodiments, the HMD 7100a includes one or more sensors (e.g., one or more inward-facing and / or outward-facing image sensors 314), such as sensor 7101a, sensor 7101b, and / or sensor 7101c, that are used to detect the user's state, including tracking the user's face and / or eyes (e.g., using one or more inward-facing sensors 7101a and / or 7101b) and / or tracking the user's hand, torso, or other movements (e.g., using one or more outward-facing sensors 7101c). In some embodiments, the HMD 7100a includes one or more input devices, such as one or more buttons, a touchpad, a touch screen, a scroll wheel, a rotatable and depressible digital crown, or other input devices, optionally located on the housing of the HMD 7100a. In some embodiments, the input element is a mechanical input element, and in some embodiments, the input element is a solid-state input element that responds to a press input based on detected pressure or intensity. For example, in Figure 7D1 (e.g., and Figure 7M2 and Figure 7Y2 ), the HMD 7100a includes one or more of a button 701, a button 702, and a digital crown 703 for providing input to the HMD 7100a. It should be understood that additional and / or alternative input devices may be included in the HMD 7100a.

[0206] Figure 7D2 (e.g., and Figure 7M3 and Figure 7Y3 ) illustrates a top view of a user 7002 in a physical environment 7000. For example, the user 7002 is wearing an HMD 7100a such that the user's hands (e.g., optionally for providing mid-air gestures or other user input) are physically present within the physical environment 7000 behind the display of the HMD 7100a.

[0207] Figure 7D1 (e.g., and Figure 7M2 and Figure 7Y2 ) illustrates the 7A to 7C 、 Figures 7D3 to 7M1 and Figures 7N to 7Y1 It should be understood that the display herein is different from the display illustrated in the alternative display generating components of the computer system. 7A to 7C 、 Figures 7D3 to 7M1 and Figures 7N to 7Y1 The processes, features and functions described in the display generation component 7100 are also applicable to Figure 7D1 、 Figure 7M2 and Figure 7Y3 Illustrated HMD 7100a.

[0208] like Figures 7A to 7Y1 As shown in the example in FIG, the display generating component 7100 of the computer system 101 is a touch screen held by the user 7002. In some embodiments, the display generating component of the computer system 101 is a head mounted display worn on the head of the user 7002 (e.g., Figures 7A to 7Y1 The content shown as visible via the display generation component 7100 of the computer system 101 corresponds to the field of view of the user 7002 when wearing the head mounted display 7100a, as shown in FIG. Figures 7D1 to 7D2 、 Figure 7M2 to Figure 7M3 and Figure 7Y2 to Figure 7Y3In some embodiments, the display generation component is a stand-alone display, a projector, or another type of display. In some embodiments, the computer system communicates with one or more input devices, which include cameras or other sensors and input devices that detect movement of the user's hands, movement of the user's entire body, and / or movement of the user's head in the physical environment. In some embodiments, the one or more input devices detect movement and current posture, orientation, and position of the user's hands, face, and / or entire body. In some embodiments, user input is detected via a touch-sensitive surface or a touch screen. In some embodiments, the one or more input devices include an eye tracking component that detects the location and movement of the user's gaze. In some embodiments, the display generation component and optionally the one or more input devices and the computer system are part of a head-mounted device that moves and rotates with the user's head in the physical environment and changes the user's viewpoint in the three-dimensional environment provided by the display generation component. In some embodiments, the display generation component is a heads-up display that does not move or rotate with the user's head or the user's entire body, but optionally changes the user's viewpoint in the three-dimensional environment based on the movement of the user's head or body relative to the display generation component. In some embodiments, a display generating component (e.g., a touch screen) is optionally moved and rotated by a user's hand relative to the physical environment or relative to the user's head, and the user's viewpoint is changed in the three-dimensional environment based on the movement of the display generating component relative to the user's head or face or relative to the physical environment.

[0209] Figure 7B A view of a three-dimensional environment 7000' visible to a user 7002 via a display generation component 7100 is illustrated. Figure 7B7022 of the user 7002. The view of the three-dimensional environment 7000' includes representations (or optical views) of portions of the physical environment 7000 captured by one or more cameras of the computer system 101 (or, in some embodiments, optically transmitted views through one or more transparent or semi-transparent portions of the display generation component 7100). The view of the three-dimensional environment 7000' includes a representation (or optical view) 7004' of a portion of the physical wall 7004, a representation (or optical view) 7006' of a portion of the physical wall 7006, and a representation (or optical view) 7008' of a portion of the physical wall 7008. Furthermore, the view of the three-dimensional environment 7000' includes a representation (or optical view) 7014' of a portion of the physical object 7014. Furthermore, the view of the three-dimensional environment 7000' includes a browser toolbar 7040 and a content window 7030 of the browser application. The browser toolbar 7040 and the content window 7030 of the browser application are virtual content. In some embodiments, the browser toolbar 7040 and content window 7030 correspond to a user interface of a browser application, which is a software application executing on the computer system 101. The browser toolbar 7040 includes a plurality of controls including: a sidebar button 7044 for opening a sidebar that includes bookmarks and saved web pages; a back button 7046 for navigating backward to a previously opened page; a forward button 7048 for navigating forward to a previously opened web page; an address bar 7042 for entering a web page address (e.g., a URL) or a search query; a share button 7051 for sharing a web page; a tab button 7052 for opening a new tab; and a tab overview button 7054 for activating a tab overview mode. In some embodiments, in Figure 7B 7040 and content window 7030 are shown in the browser application in normal browsing mode.

[0210] exist Figure 7B7024 illustrates a browser toolbar 7040 and content window 7030 as seen from the side. Top view 7026 illustrates a browser toolbar 7040 and content window 7030 as seen from the top (e.g., rather than from the front as in the view of three-dimensional environment 7000′). In side view 7024, the user is positioned toward the right of side view 7024, and in top view 7026, the user is positioned toward the bottom of top view 7026. As shown in side view 7024 and top view 7026, browser toolbar 7040 is spaced apart from content window 7030. For example, browser toolbar 7040 is separated from content window 7030 in the "z" direction, such that browser toolbar 7040 and content window 7030 are displayed at different depths in the view of three-dimensional environment 7000′. For example, browser toolbar 7040 is displayed closer to the viewpoint of user 7002 than content window 7030. For example, the distance from the content window 7030 to the user 7002 (or other reference point) is greater than the distance from the browser toolbar 7040 to the user 7002 (or the same reference point). Figure 7B , browser toolbar 7040 is in a retracted state, in which the open tabs included in browser toolbar 7040 are not visible. Side view 7024 also illustrates that in the retracted state, browser toolbar 7040 does not cover content window 7030, e.g., no portion of content window 7030 is obscured by the browser toolbar.

[0211] In some embodiments, the browser toolbar 7040 and / or content window 7030 are world locked. In some embodiments, the browser toolbar 7040 and / or content window 7030 are viewpoint locked. In some embodiments, the browser toolbar 7040 and / or content window 7030 are viewpoint locked to the viewpoint of the user 7002 or are point locked (to a different reference point, such as the hand or wrist of the user 7002) and exhibit an inertial follow behavior. In some embodiments, as the viewpoint of the user 7002 changes, the angle at which the browser toolbar 7040 is displayed toward the user 7002 changes to be greater than 0, such that the browser toolbar 7040 is angled toward the user 7002 as the viewpoint of the user 7002 changes.

[0212] Figure 7B Also illustrated is user 7002 gazing at (e.g., focusing attention on) a location occupied by browser toolbar 7040 in a view of a three-dimensional environment in conjunction with holding hand 7020 in a ready state. Figure 7B It is represented as state "A".

[0213] Figure 7C7040 while the hand 7020 is in the ready state "A". Figure 7B In response to detecting a gaze input by user 7002 directed to browser toolbar 7040 while hand 7020 is in Figure 7B 7060, tab "B" 7062, tab "C" 7064, tab "D" 7066, and tab "E" 7068 (partially visible). Side view 7024 illustrates that browser toolbar 7040 has been expanded (e.g., vertically), wherein the expanded browser toolbar 7040 partially covers content window 7030, e.g., the browser toolbar 7040 obscures a portion of content window 7030. In some embodiments, when browser toolbar 7040 is in the expanded state, tab "A" 7060, tab "B" 7062, tab "C" 7064, tab "D" 7066, and tab "E" 7068 partially cover browser toolbar 7040. Top view 7026 illustrates that the positioning of browser toolbar 7040 in the view of three-dimensional environment 7000' does not change due to the increase in the length of browser toolbar 7040. In some embodiments, when browser toolbar 7040 is expanded, browser toolbar 7040, including any open tabs displayed therein, moves in the "z" direction toward user 7002. In some embodiments, when browser toolbar 7040 is expanded, content window 7030 is dimmed and moves further away from user 7002. In some embodiments, browser toolbar 7040 is partially transparent. In some embodiments, when browser toolbar 7040 is expanded, the corners of browser toolbar 7040 are changed relative to the corners of browser toolbar 7040 when in the collapsed state.

[0214] In some embodiments, in response to gaze input directed to a control element (e.g., a button) in conjunction with an air pinch gesture, the browser toolbar 7040 expands and / or displays tab "A" 7060, tab "B" 7062, tab "C" 7064, tab "D" 7066, and tab "E" 7068.

[0215] In some embodiments (but not in Figure 7C In response to detecting a gaze input by user 7002 directed to browser toolbar 7040 while hand 7020 is in Figure 7B7064, tab "D" 7066, and tab "E" 7068 are displayed separately from the browser toolbar 7040 in the view of the three-dimensional environment 7000′. In some embodiments, when the tabs "A" 7060, tab "B" 7062, tab "C" 7064, tab "D" 7066, and tab "E" 7068 are displayed separately from the browser toolbar 7040, the tabs "A" 7060, tab "B" 7062, tab "C" 7064, tab "D" 7066, and tab "E" 7068 are displayed to at least partially cover the content window 7030.

[0216] In some embodiments, user 7002 does not have to gaze at a specific portion of browser toolbar 7040 to expand browser toolbar 7040. For example, when user 7002 gazes at any portion of browser toolbar 7040 while hand 7020 is in the ready state, browser toolbar 7040 expands and displays open tabs "A" 7060 through "E" 7068. In some embodiments, user 7002 must gaze at a specific portion of browser toolbar 7040, such as address bar 7042 or other box for searching web pages, to expand browser toolbar 7040. In some embodiments, user 7002 must gaze at a location in the three-dimensional environment occupied by a portion of browser toolbar 7040 for at least a threshold amount of time while hand 7020 is in the ready state to expand browser toolbar 7040. This allows computer system 101 to distinguish between intentional in-air gestures used to interact with browser toolbar 7040 and accidental or quick gazes that are not intended to expand or otherwise interact with browser toolbar 7040.

[0217] In some embodiments, tab "A" 7060, tab "B" 7062, tab "C" 7064, tab "D" 7066, and tab "E" 7068 show the corresponding source or name of the web page associated with tab "A" 7060, tab "B" 7062, tab "C" 7064, tab "D" 7066, and tab "E" 7068, respectively (e.g., rather than showing the content of the associated web page). In some embodiments, content window 7030 includes the content of the currently active tab. Figure 7C , content window 7030 includes web page content of a web page associated with tab “A” 7060 .

[0218] Figure 7CIt is also illustrated that when the user 7002 gazes (e.g., continues to gaze) at the browser toolbar 7040 and the hand 7020 remains in the ready state "A", the browser toolbar 7040 remains in the expanded state. In some embodiments, if the user 7002's gaze (the gaze that expanded the browser toolbar 7040) moves away from the browser toolbar 7040, the browser toolbar 7040 will retract to its non-expanded state, e.g., Figure 7B 7040 . For example, if user 7002 interacts with the web page visible in content window 7030 (e.g., if user 7002 scrolls the web page or selects a link in the web page), browser toolbar 7040 will collapse to its unexpanded state. In some embodiments, if user 7002's gaze moves away from browser toolbar 7040 and then (e.g., within a predetermined amount of time) user 7002's gaze quickly returns to a location in three-dimensional environment 7000' occupied by a portion of browser toolbar 7040, browser toolbar 7040 will not collapse to its unexpanded state. In some embodiments, in order for browser toolbar 7040 to collapse, user 7002's gaze must be directed to a location in three-dimensional environment 7000' not occupied by browser toolbar 7040 for at least a predetermined amount of time, e.g., collapsing browser toolbar 7040 is delayed until a threshold amount of time has passed without user 7002's gaze returning to browser toolbar 7040. In some embodiments, the browser toolbar 7040 retracts without delay (e.g., immediately without requiring a time threshold to elapse) in response to the user 7002 interacting with a user interface other than the browser toolbar 7040 (such as the content window 7030 or an application other than the browser application). In some embodiments, the browser toolbar 7040 retracts without delay when the user 7002 gazes at a predetermined area of ​​the content window 7030 (e.g., the center or lower area of ​​the window 7030). In some embodiments, the browser toolbar 7040 retracts if the hand 7020 is no longer engaged in the ready state "A" or is no longer otherwise engaged (e.g., when the hand 7020 is not performing a gesture or is outside the field of view of the camera).

[0219] In some embodiments, when (e.g., upon determination) the user's 7002 attention is not directed toward the content window 7030 (optionally for at least a predetermined amount of time), e.g., when the user's 7002 gaze moves in a direction away from the content window 7030 and away from the browser toolbar 7040, the browser toolbar 7040 is automatically hidden from view and, thus, not included in the display view of the three-dimensional environment 7000'. In some embodiments, after hiding the browser toolbar 7040, when the user's 7002 gaze or attention is again directed back toward the content window 7030, the browser toolbar is automatically redisplayed in the display view of the three-dimensional environment 7000'.

[0220] FIG. 7D (e.g., Figures 7D1 to 7D3 )(For example, where Figure 7D1 The HMD 7100a in FIG. 7 shows a similar Figure 7D3 7066 is detached from the browser toolbar 7040 in response to the gaze input directed to the tab “D” 7066 while the hand 7020 is in the ready state. In some embodiments, if the user 7002 stops holding the hand 7020 in the ready state (e.g., moves the hand 7020 out of view or lowers the position of the hand 7020), the tab "D" 7066 is moved by the computer system 101 back to the position where the tab "D" 7066 was before it was popped up, the browser toolbar 7040 is retracted, and the tabs A 7060 through E 7068 are hidden, respectively. In some embodiments, if the user 7002 stops holding the hand 7020 in the ready state (state "A"), the computer system 101 retracts the browser toolbar 7040 even if the user 7002's gaze is directed toward the browser toolbar 7040. In addition, FIG. 7D (e.g., Figures 7D1 to 7D3 ) illustrates user 7002 performing an air pinch gesture (shown by arrows near hand 7020) while user 7002's gaze is directed toward tab “D” 7066. Gazing at tab “D” 7066 places tab “D” 7066 in focus, and the air pinch gesture performed while gaze is maintained on tab “D” 7066 selects tab “D” 7066.

[0221] In some embodiments, in FIG. 7D (e.g., Figures 7D1 to 7D3), if user 7002 gazes at browser toolbar 7040 while browser toolbar 7040 is in an expanded state, and user 7002 swipes their hand 7020 in a left or right direction, then open tabs “A” 7060 through “E” 7068 in browser toolbar 7040 are scrolled, e.g., revealing previously undisplayed open tabs, and one or more of tab “A” 7060, tab “B” 7062, tab “C” 7064, tab “D” 7066, and tab “E” 7068 are hidden to make room for the revealed tabs. In some embodiments, in FIG. 7D (e.g., Figures 7D1 to 7D3 ), if user 7002 gazes at browser toolbar 7040 while browser toolbar 7040 is in the expanded state (and before selecting tab “D” 7066), and user 7002 swipes their hand 7020 in the left or right direction, computer system 101 switches from tab “A” 7060 to the next (adjacent tab), e.g., from tab “A” 7060 to tab “B” 7062 as the currently active tab. In some embodiments, switching from tab “A” 7060 to tab “B” 7062 also changes the web page content displayed in content window 7030. In some embodiments, when browser toolbar 7040 is in the expanded state, user 7002 can grab and drag a tab from tab “A” 7060 to tab “E” 7068 to create a new window with the content of the dragged tab. For example, user 7002 may reach out and pinch tab “B” 7062 (e.g., pinch at the location where tab “B” 7062 is located in the view of three-dimensional environment 7000′), and drag the pinched tab “B” 7062 out of browser toolbar 7040 to create a new content window that includes the webpage content associated with tab “B” 7062. Alternatively, user 7002 may perform an air pinch gesture with hand 7020 while staring at tab “B” 7062, and then move hand 7020 while maintaining the air pinch gesture to drag tab “B” 7062 out of browser toolbar 7040, wherein upon releasing the air pinch gesture, a new content window is created that includes the webpage content associated with tab “B” 7062.

[0222] Figure 7E 7D (eg, Figures 7D1 to 7D3In response to detecting the mid-air pinch gesture while the user 7002's gaze is directed toward tab “D” 7066 (e.g., as shown in FIG. 7D ), tab “D” 7066 is selected, and the webpage associated with tab “D” 7066 becomes active, with content window 7030 of tab “A” 7060 being replaced with content window 7050 of tab “D” 7066, as shown in FIG. Figure 7E 7066, the browser toolbar 7040 is retracted and tabs "A" 7060, "B" 7062, "C" 7064, "D" 7066, and "E" 7068 are hidden from view in the three-dimensional environment 7000' (also illustrated by the reduced size of the toolbar 7040 in the side view 7024). In some embodiments, the content of the web page displayed in the content window 7050 can be scrolled in response to a gaze input directed to a location in the three-dimensional environment occupied by the content window 7050 and a directional movement of the user's hand 7020 (e.g., up, down, left, or right) while maintaining an air pinch gesture (e.g., pinching without releasing). In some embodiments, in response to further input by user 7002 (e.g., input occurring after the input selecting tab "D" 7066), browser toolbar 7040 collapses and / or tabs "A" 7060 through "E" 7068 are hidden. Such further input by user 7002 may be a scroll input in response to which the content of content window 7050 is scrolled or an input selecting a link displayed in content window 7050.

[0223] Figures 7B to 7E Illustrate normal browsing mode according to some embodiments (e.g., with ( Figures 7F to 7I Tab overview mode (as exemplified in Figure 7N To the) fast tab switching mode illustrated in Figure 7Y).

[0224] Figures 7F to 7I Example techniques for displaying and using an overview of multiple content items of the same category in a three-dimensional environment are illustrated.

[0225] Figure 7F7020 is shown gazing at the tab overview button 7054 while the hand 7020 is (at least initially) in the ready state. The tab overview button 7054 is displayed in the browser toolbar 7040 for activating the tab overview mode. In response to detecting a gaze input from the user 7002 directed at the tab overview button 7054 while the hand 7020 is held in the ready state "A", the tab overview button 7054 pops up (moves in the "z" direction), e.g., the tab overview button 7054 moves toward the user 7002 to provide the user 7002 with visual feedback that the user's focus is on the tab overview button 7054, as illustrated in the side view 7024. In some embodiments, in response to a gaze input directed at the tab overview button 7054 while the hand 7020 is in the ready state, the tab overview button 7054 separates from the browser toolbar 7040. In some embodiments, if the user 7002 stops holding the hand 7020 in the ready state (e.g., moves the hand 7020 out of the field of view or lowers the position of the hand 7020), the tab overview button 7054 moves back to the position where the tab overview button 7054 was before it popped up, the browser toolbar 7040 is retracted, and tabs "A" 7060 to "E" 7068 are also hidden, respectively.

[0226] also, Figure 7F User 7002 is illustrated performing an air pinch gesture (shown by an arrow near hand 7020) while the user's 7002 gaze is directed toward tab overview button 7054. Gazing at tab overview button 7054 places tab overview button 7054 in focus, and the air pinch gesture performed while tab overview button 7054 is in focus selects tab overview button 7054.

[0227] Figure 7G 7054 in response to detecting a mid-air pinch gesture while the user's 7002 gaze is directed toward the tab overview button 7054. Figure 7F In response to detecting an air pinch gesture while the user 7002's gaze is directed toward the tab overview button 7054, the tab overview mode is activated. In some embodiments, in the tab overview mode, as Figure 7GAs shown, multiple open tabs are displayed concurrently in the three-dimensional environment 7000'. For example, in the tab overview mode, the content window 7030 is hidden (or removed) from the view of the three-dimensional environment 7000' and is replaced with a reduced-scale representation of the web page associated with the currently open tab. For example, reduced-scale representations of web page “A” 7070, web page “B” 7072, web page “C” 7074, web page “D” 7076, web page “E” 7078, and web page “F” 7080 are displayed in place of content window 7030, where web page “A” 7070 is associated with open tab “A” 7060, web page “B” 7072 is associated with open tab “B” 7062, web page “C” 7074 is associated with open tab “C” 7064, web page “D” 7076 is associated with open tab “D” 7066, web page “E” 7078 is associated with open tab “E” 7068, and web page “F” 7080 is associated with open tab “F” (due to limited space in browser toolbar 7040, tab “F” is not shown in the figure). Figure 7F 7080 and drag it out of the grid 7045.

[0228] In some embodiments, when Figure 7F Normal browsing mode in the Figure 7G 7080 is entered into tab overview mode. For example, in the transition animation, the content window 7030 may fly out upward (optionally until it disappears) while also tilting toward the user 7002, and the browser toolbar 7040 may fly out downward. In some embodiments, in response to entering tab overview mode, the visual prominence of the view of the three-dimensional environment 7000' not occupied by the browser application is reduced. For example, the view of the three-dimensional environment 7000' other than the browser toolbar 7040 and web pages "A" 7070 through "F" 7080 is dimmed, blurred, or hidden.

[0229] In some embodiments, the tab overview mode for the browser application can be activated by an air pinch gesture (e.g., pinching inwards) performed with two hands. For example, each hand 7020 and 7022 can maintain an air pinch gesture (e.g., index finger in contact with thumb) and move the pinching fingers on hand 7020 into contact with or toward the pinching fingers on hand 7022. In some embodiments, the tab overview mode for the browser application can be activated by a double air pinch gesture, where the second air pinch gesture follows the first air pinch gesture within a threshold amount of time. In some embodiments, if consecutive air pinch gestures are not performed within the threshold amount of time, the computer system interprets the corresponding air pinch gestures as separate selection inputs (e.g., selecting a link or playing a video, or other types of selection operations, depending on the position of the focus selector).

[0230] In some embodiments, in tab overview mode, the web pages displayed in the first and last columns of the grid 7045 are angled toward the user 7002. For example, web page "A" 7070 and web page "D" 7076 on the left (or first column) and web page "C" 7074 and web page "F" 7080 on the right (or last column) are displayed at an angle toward the user 7002, as also illustrated in the side view 7024. In some embodiments, the sizes of web pages "A" 7070 through "F" 7080 are determined based on the number of open tabs. In some embodiments, the web pages displayed in the grid 7045 in overview mode are scrolled vertically or horizontally, or both, to reveal web pages that were not previously displayed. In some embodiments, the web pages of all currently open tabs are displayed in the grid 7045, and the grid 7045 of web pages is not scrollable. In some embodiments, if web pages "A" 7070 through "F" 7080 are included in one or more web page groups, those web page groups are also displayed in overview mode. In some embodiments, the vertical space occupied by grid 7045 in the view of three-dimensional environment 7000' is the same regardless of the number of open tabs for which web pages are displayed. For example, if the number of open tabs increases, the size of grid 7045 will increase horizontally but not vertically.

[0231] In some embodiments, in response to an air pinch gesture while the user 7002's gaze is directed toward the tab overview button 7054, the computer system may change the content displayed in the browser toolbar 7040 in addition to activating the tab overview mode. For example, the browser toolbar 7040 collapses and enters a tab search mode (e.g., Figure 7G), in which tab search mode, different user interface elements and controls are included in the displayed browser toolbar 7040 (e.g., when the browser application is in tab overview mode, one or more controls displayed in the browser toolbar 7040 when in normal browsing mode are removed, and / or when the browser application is in tab overview mode, one or more controls that are not available in normal browsing mode are displayed in the browser toolbar 7040). For example, in the tab search mode of the browser toolbar 7040, the sidebar button 7044, the back button 7046, the forward button 7048, the tab overview button 7054, and the share button 7051 are removed from the browser toolbar 7040. In addition, in the tab search mode of the browser toolbar 7040, the address bar 7042 for entering a web page address is replaced with a search box 7082 for receiving or entering a search query, which is in turn used to search for content that matches or satisfies the search query in the currently opened web pages and tabs. Additionally, in some embodiments, when the browser is in tab overview mode, a Done button 7084 for exiting tab overview mode is displayed in the browser toolbar 7040. In response to selecting Done button 7084, the browser application exits tab overview mode, and the browser toolbar 7040 also exits tab search mode. The tab button 7052 for adding a new tab remains displayed in the browser toolbar 7040 in both normal browsing mode and tab overview mode. In some embodiments, in response to a gaze input by user 7002 directed to the search box 7082 while hand 7020 or hand 7022 is in the ready state, the browser toolbar 7040 can expand and display tabs "A" 7070 through "F" 7080, as shown in FIG. Figure 7G In some embodiments, in addition to displaying multiple tabs in tab overview mode, the browser toolbar 7040 is removed from the display, as shown in FIG. Figure 7G shown.

[0232] In some embodiments, if the user interface of the other application was displayed / visible in the view of the three-dimensional environment 7000' before entering the tab overview mode (e.g., the user interface of the other application was displayed concurrently with the content window 7030), then when the tab overview mode is activated for the browser application, the user interface is removed from the view of the three-dimensional environment 7000'.

[0233] Figure 7H Illustrated is a view of a browser application in tab overview mode where user 7002 performs an air pinch gesture with hand 7020 (illustrated by an arrow near hand 7020) in combination with gaze input directed to web page "F" 7080 (e.g., focusing attention on the location occupied by the reduced-scale representation of web page "F" 7080 in the view of the three-dimensional environment).

[0234] Figure 7I Illustrated from Figure 7H The browser application then transitions to a tabbed view, the transition being made in response to detecting gaze input directed to web page "F" 7080 by user 7002 in conjunction with an air pinch gesture performed with hand 7020. In response to detecting gaze input directed to web page "F" 7080 by user 7002 in conjunction with an air pinch gesture performed with hand 7020, web page "F" 7080 is selected as the active web page for the browser application. Furthermore, the browser application exits tab overview mode, and the content window 7090 for the content of web page "F" 7080 replaces the grid 7045 of reduced-scale representations of web pages "A" 7070 through "F" 7080. Furthermore, the browser toolbar 7040 exits tab search mode and is displayed in a collapsed state. In some embodiments, the content of web page "F" 7080 displayed in content window 7090 may change in response to scrolling input or other input performed by user 7002. In some embodiments, the content of web page “F” 7080 displayed in content window 7090 may change in response to selection input by user 7002 that selects a link displayed in content window 7090 .

[0235] Figure 7J The browser application is illustrated in normal browsing mode, where the open tabs are displayed on each side of the browser toolbar 7040 (e.g., displayed separately from the browser toolbar 7040), rather than as Figure 7C 7060 is displayed within the expanded browser toolbar 7040 as in FIG. 7061 . For example, tab "A" 7060 is displayed on the left side of browser toolbar 7040, and tab "B" 7062 is displayed on the right side of browser toolbar 7040. As shown in top-view 7026, browser toolbar 7040 is spaced apart from content window 7030. For example, browser toolbar 7040 is separated from content window 7030 in the "z" direction such that browser toolbar 7040 and content window 7030 are displayed at different depths in the view of three-dimensional environment 7000'. For example, browser toolbar 7040 is displayed closer to the viewpoint of user 7002 than content window 7030. For example, the distance from content window 7030 to user 7002 (or other reference point) is greater than the distance from browser toolbar 7040 to user 7002 (or the same reference point). In this example, from the viewpoint of user 7002, tab "A" 7060 and tab "B" 7062 are displayed at the same depth as the browser toolbar 7040 is displayed. Figure 7JAs illustrated, web page content "A" associated with tab "A" 7060 is displayed in content window 7030, where tab "A" 7060 is the currently active tab of the browser application. For example, the tab displayed on the left side of browser toolbar 7040 is the currently active tab of the browser application (e.g., tab "A" 7060), and the tab displayed on the right side of the browser toolbar is the next tab in the sequence of open tabs of the browser application (e.g., tab "B" 7062).

[0236] Figure 7J Also illustrated is that when user 7002 is staring at (e.g., focusing attention on) the location occupied by browser toolbar 7040 in the view of the three-dimensional environment, hand 7020 performs an air pinch gesture (indicated by state "B") in conjunction with movement of hand 7020 in a left direction (indicated by a dashed arrow), and then releases the air pinch gesture (indicated by state "C") at the end of the leftward movement of hand 7020.

[0237] Figure 7K In response to detecting the above Figure 7J The user input is Figure 7J For example, in response to detecting a gaze input directed to the browser toolbar 7040 by the user 7002 in conjunction with holding the air pinch gesture with the hand 7020 while the hand 7020 moves in a left direction, followed by releasing the air pinch gesture, tab “B” 7062 becomes the currently active tab, moving tab “B” 7062 from the right side of the browser toolbar 7040 to the left side, thereby replacing tab “A” 7060 and revealing tab “C” 7064 on the right side of the browser toolbar 7040 previously occupied by tab “B” 7062. As a result, the next tab in the sequence of opened tabs (e.g., tab “B” 7062, which follows tab “A” 7060 in the sequence of opened tabs) becomes the currently active tab of the browser application.

[0238] Figure 7L70. The user 7002 is illustrated gazing at a tabbed browsing button 7094 for activating tabbed browsing while the hand 7020 is (initially) in a ready state. The tabbed browsing button 7094 is displayed in the browser toolbar 7040. In response to detecting gaze input directed to the tabbed browsing button 7094 while the hand 7020 is held in the ready state, the tabbed browsing button 7094 pops up (in the "z" direction), e.g., the tabbed browsing button 7094 moves toward the user 7002 to provide visual feedback to the user 7002 that the user's focus is on the tabbed browsing button 7094, as illustrated in the side view 7024. In some embodiments, if the user 7002 stops holding the hand 7020 in the ready state (e.g., by moving the hand 7020 out of view or lowering the positioning of the hand 7020), the tabbed browsing button 7094 will move back to the position where the tabbed browsing button 7094 was before it popped up (e.g., from the user's 7002's point of view, the tabbed browsing button will move back to the same depth as the browser toolbar 7040).

[0239] also, Figure 7L User 7002 is illustrated performing an air pinch gesture (shown by an arrow near hand 7020) while user 7002's gaze is directed toward tabbed browsing button 7094. Staring at tabbed browsing button 7094 places tabbed browsing button 7094 in focus, and performing an air pinch gesture with hand 7020 while tabbed browsing button 7094 is in focus causes computer system 101 to select tabbed browsing button 7094 and activate tabbed browsing mode.

[0240] FIG. 7M (e.g., Figure 7M1 and Figure 7M2 , among which Figure 7M2 The HMD 7100a in FIG. 7 shows a similar Figure 7M1 ) illustrates the user interface described in the user interface in response to detecting a mid-air pinch gesture while the user 7002's gaze is directed to the tab browsing button 7094. Figure 7LIn response to detecting an air pinch gesture while the user 7002's gaze is directed toward the tabbed browsing button 7094, tabbed browsing mode is activated and the open tabs "A" 7060 through "E" 7068 are displayed. In some embodiments, the tabs "A" 7060 through "E" 7068 are displayed within the expanded browser toolbar 7040. In some embodiments, the tabs "A" 7060 through "E" 7068 are displayed separately from the browser toolbar 7040, for example, such that the tabs are suspended in the view of the three-dimensional environment 7000' (e.g., below or under the browser toolbar 7040). The tabs "A" 7060 through "E" 7068 are displayed to at least partially cover the content window 7030, which includes the content of the currently active web page associated with the tab "A" 7060. In some embodiments, the tabs "A" 7060 through "E" 7068 correspond to a reduced-scale representation of the web page. For example, the content of the web pages associated with tabs "A" 7060 through "E" 7068 are displayed in tabs "A" 7060 through "E" 7068, respectively, at a reduced scale (e.g., relative to the regular scale displayed in the content window 7030). In some embodiments, in tabbed browsing mode, web page logos or other information identifying the sources of the web pages are displayed in tabs "A" 7060 through "E" 7068. In some embodiments, the browser toolbar 7040 is translucent, with the content window 7030 visible through the browser toolbar 7040. In some embodiments, the tabs "A" 7060 through "E" 7068 are scrolled in response to gaze input at the browser toolbar 7040 (or directed to a portion of the view of the three-dimensional environment 7000' occupied by one or more of the tabs "A" 7060 through "E" 7068) in combination with an air pinch and drag gesture. In some embodiments, user 7002 can instruct computer system 101 to exit tabbed browsing mode by focusing on content window 7030 or on a portion of the view of three-dimensional environment 7000' other than browser toolbar 7040. In some embodiments, user 7002 can select a tab from tabs "A" 7060 through "E" 7068 to instruct computer system 101 to exit tabbed browsing mode.

[0241] The following references to Figure 8 and Figure 9 The described methods 800 and 900 provide information on Figures 7A to 7M3 Additional description of .

[0242] Figure 7N to Figure 7Y3 Demonstrates an example of quickly switching between tabbed windows in a 3D environment. Figure 10 is a flow chart of an example method 1000 for quickly switching between tabbed windows in a three-dimensional environment. Figure 7N to Figure 7Y3 The user interface in exemplifies the procedures described below, which include the procedures referenced in this article. Figure 10 In addition, Figure 7N to Figure 7Y3 Example techniques are illustrated for viewing an overview of multiple content items of the same category in a three-dimensional environment while reducing the visual prominence of the remainder of the view of the three-dimensional environment. Figure 11 is a flow chart of an example method 1100 for spatially positioning and dynamically changing a browser toolbar when interacting with a browser application in a three-dimensional environment. Figure 7N The user interface in FIG. 7Y illustrates the process described below, including the process described in this article. Figure 11 Describe the process.

[0243] Figure 7N A browser application is illustrated in a view of a three-dimensional environment 7000′ visible to a user 7002 via a display generation component 7100. The browser application in normal browsing mode is visible to the user 7002 via the display generation component 7100. Optionally, a browser toolbar 7040 of the browser application is displayed spaced apart from the content window 7030 of the browser application, as illustrated in the side view 7024. For example, the browser toolbar 7040 is separated from the content window 7030 in the “z” direction, such that the browser toolbar 7040 and the content window 7030 are displayed at different depths in the view of the three-dimensional environment 7000′. In some embodiments, the browser toolbar 7040 includes a control for searching for user-specified content in currently open tabs. In some embodiments, the browser toolbar 7040 includes a control for adding a new tab, such as a tab button (e.g., a control) 7052. The content window 7030 includes web page content associated with tab “A” 7060, where tab “A” 7060 is the currently active tab of the browser application. In some embodiments, the browser toolbar 7040 can appear and disappear in normal browsing mode in response to various user actions or instructions (e.g., instructions in the form of user gazes and air gestures).

[0244] In some embodiments, in response to the user 7002 moving their gaze away from the browser toolbar and / or content window 7030 for more than a predetermined amount of time (e.g., more than 1 second, 2 seconds, or more seconds), the browser toolbar 7040 is hidden from view in the three-dimensional environment 7000'. In some embodiments, if the focus of the user 7002 is directed to (e.g., while the user 7002 is gazing at) the browser application or to a location previously occupied by the browser toolbar 7040 for more than a predetermined amount of time (e.g., a first threshold amount of time), the browser toolbar 7040 is redisplayed. In some embodiments, the browser toolbar 7040 dynamically changes (e.g., expands to include additional or different controls) when the focus of the user 7002 is maintained directed to the browser toolbar 7040 for more than a second threshold amount of time, where the second threshold amount of time is greater than the first threshold amount of time.

[0245] Figure 7N Also illustrated is movement of user 7002's hand 7020 along z-axis 7206 (e.g., further away from user 7002 in the depth direction) while hand 7020 maintains an air pinch gesture (e.g., with the index finger and thumb of hand 7020 in contact) (indicated by state "B" and an arrow near hand 7020). View 7200 illustrates a three-dimensional coordinate system of the three-dimensional environment (e.g., a Cartesian coordinate system as shown in view 7200, or another coordinate system such as a radial coordinate system; Figure 7N The illustrated Cartesian coordinate system is based on a representation of three mutually perpendicular coordinate axes: an x-axis 7202, a y-axis 7204, and a z-axis 7206. The movement (distance and direction) of the hand 7020 in the three-dimensional environment 7000 is illustrated by dashed arrows in the coordinate system of the three-dimensional environment (e.g., a Cartesian coordinate system as shown in view 7200, or another coordinate system such as a radial coordinate system). According to some embodiments, if the movement of the hand 7020 along the axis 7206 reaches a point 7208, the browser application switches from the normal browsing mode to the fast tab switching mode.

[0246] Figure 7O 7206 while the hand 7020 maintains an air pinch gesture (indicated by an arrow near the hand 7020 and state "B"). Figure 7NIn response to detecting movement of hand 7020 along z-axis 7206 while hand 7020 maintains the mid-air pinch gesture, content window 7030 is moved along z-axis 7206 in accordance with the movement of hand 7020 along z-axis 7206. For example, content window 7030 is moved further away from user 7002 or the viewpoint of user 7002. Additionally, while content window 7030 is being moved along z-axis 7206, the size of content window 7030 is reduced based on the movement of hand 7020 along z-axis 7206. In some embodiments, if browser toolbar 7040 is displayed when movement of hand 7020 along z-axis 7206 is detected, browser toolbar 7040 is removed or hidden from view of three-dimensional environment 7000′ in response to detecting movement of hand 7020 along z-axis 7206 while hand 7020 maintains the mid-air pinch gesture, as illustrated in side view 7024.

[0247] Point 7208 represents a distance away from user 7002 (or the viewpoint of user 7002). When the hand movement along z-axis 7206 reaches point 7208, the fast tab switching mode is activated. In some embodiments, the fast tab switching mode is activated when the hand 7020 reaches another predetermined threshold (e.g., a threshold optionally based on other criteria such as speed and / or direction). In some embodiments, the fast tab switching mode is activated based on more than one criterion (such as a criterion based at least in part on the distance, speed, and / or direction of the user's hand movement (e.g., along z-axis 7206).

[0248] Figure 7P 7206 while the hand 7020 maintains the air pinch gesture. Figure 7O The transformation that takes place. Figure 7P As illustrated, the size of the content window 7030 continues to decrease in accordance with the movement of the hand 7020 along the z-axis 7206, and the content window 7030 continues to move along the z-axis 7206 until the hand 7020 moves a predetermined distance along the z-axis 7206, for example, until the hand 7020 reaches a point 7208 in the coordinate system of the three-dimensional environment (e.g., a Cartesian coordinate system as shown in the view 7200, or another coordinate system such as a radial coordinate system), or until the hand 7020 reaches another threshold for activating the fast tab switching mode. In some embodiments, audio feedback is provided that increases in volume as the hand movement along the z-axis 7206 approaches the threshold for activating the fast tab switching mode (e.g., as the hand 7020 approaches the point 7208). In some embodiments, the audio stops when the hand movement along the z-axis 7206 approaches the threshold for activating the fast tab switching mode, thereby providing feedback that the threshold for activating the fast tab switching mode has been reached.

[0249] Figure 7Q 7020 reaches a corresponding threshold for activating the fast tab switching mode (or satisfies other gesture criteria for activating the fast tab switching mode). Figure 7P For example, in response to detecting that the hand 7020 moves a predetermined distance along the z-axis 7206 to reach the coordinate system of the three-dimensional environment (e.g., Figure 7P 7200 in the Cartesian coordinate system shown in view 7200, or another coordinate system such as a radial coordinate system, fast tab switching mode is activated. In response to activating the fast tab switching mode, multiple (tabbed) content windows are displayed. For example, in response to activating the fast tab switching mode (e.g., in response to hand movement along z-axis 7206 reaching a corresponding threshold for activating the fast tab switching mode), content window 7030 for web page "A", content window 7102 for web page "B", content window 7104 for web page "C", content window 7106 for web page "Z", and content window 7108 for web page "Y" are displayed. In some embodiments, content windows 7030, 7102, 7104, 7106, and 7108 are displayed in a virtual area in the view of the three-dimensional environment 7000′ (e.g., fast tab switching area 7240), where the fast tab switching area 7240 is positioned in the view of the three-dimensional environment 7000′ based at least in part on the position of the content window 7030 before movement of the hand 7020 along the z-axis 7206 is detected (e.g., before a gesture to activate fast tab switching mode is detected). In some embodiments, once content windows 7030, 7102, 7104, 7106, and 7108 are displayed in the fast tab switching area 7240, the fast tab switching area 7240 cannot be repositioned or moved to a different location in the view of the three-dimensional environment 7000′.

[0250] In some embodiments, content windows 7030, 7102, 7104, 7106, and 7108 are displayed in a carousel or loop mode, wherein in response to a scroll or swipe input, content windows 7030, 7102, 7104, 7106, and 7108 can be scrolled or navigated through, wherein after navigating through the last content window in the sequence, navigation continues with the first content window in the sequence (e.g., navigating through the content windows in a loop, wherein after navigating through all content windows, if another scroll request is detected, scrolling can start from the beginning). In some embodiments, indicator 7110 provides visual feedback indicating the number of content windows displayed (e.g., indicated by filled black dots) and / or the number of content windows that can be additionally displayed in response to a scroll input (e.g., indicated by dashed dots). In some embodiments, content window 7030 for web page "A" (which is the currently active content window of the browser application) is displayed closest to user 7002 (or the viewpoint of user 7002), as illustrated by side view 7024 and top view 7220, followed by content window 7102 for web page "B" and content window 7106 for web page "Z," with content window 7104 for web page "C" and content window 7108 for web page "Y" being displayed farthest from user 7002. Each content window 7030, 7102, 7104, 7106, and 7108 is associated with a respective window grabber, which is a user interface element for selecting and moving the respective window within the view of three-dimensional environment 7000'. For example, content window 7030 for web page "A" is associated with window grabber 7030a, content window 7102 for web page "B" is associated with window grabber 7102a, content window 7104 for web page "C" is associated with window grabber 7104a, content window 7106 for web page "Z" is associated with window grabber 7106a, and content window 7108 for web page "Y" is associated with window grabber 7108a.

[0251] In some embodiments, to activate the fast tab switching mode, the movement of the hand 7020 along the z-axis 7206 is required to be continuous within a predetermined time interval and meet movement criteria based on the rate along one or more of the axes 7202 to 7206. In some embodiments, to activate the fast tab switching mode and display the content windows 7030, 7102, 7104, 7106, and 7108, in combination with maintaining an air pinch gesture (in the middle of the air) during the entire movement of the hand 7020 along the z-axis 7206, the hand 7020 is required to continuously move along the z-axis 7206 for a predetermined time interval. Figures 7P to 7QIn some embodiments, if the selection input performed with hand 7020 is stationary, e.g., the selection input is performed without movement of hand 7020 along z-axis 7206, then a corresponding selection operation is performed (e.g., selection of a control or link displayed in content window 7030 for web page “A”). In some embodiments, if the selection input performed with hand 7020 is performed in conjunction with movement of hand 7020 along x-axis 7202, and not preceded by movement of hand 7020 along z-axis 7206, web page “A” remains as the currently active page, and content window 7030 for web page “A” remains displayed without activating the fast tab switching mode (e.g., content windows 7030, 7102, 7104, 7106, and 7108 are not displayed). In some embodiments, if the selection input performed with hand 7020 is performed in conjunction with movement of hand 7020 along x-axis 7202, and not preceded by movement of hand 7020 along z-axis 7206, a corresponding operation is performed in content window 7030 for web page “A” (e.g., content in content window 7030 is scrolled horizontally).

[0252] In some embodiments, movement of hand 7020 along z-axis 7206 does not have to be performed in conjunction with an air pinch gesture to activate fast tab switching mode. In some embodiments, the air pinch gesture of hand 7020 (indicated by an arrow near hand 7020 and state "B") must be maintained to activate and maintain fast tab switching mode. For example, even if fast tab switching mode is activated in response to detecting movement of hand 7020 along z-axis 7206 while hand 7020 maintains an air pinch gesture (e.g., state "B"), if the air pinch gesture is released, the browser application returns to normal browsing mode, in which only the currently active content window is displayed, and content windows associated with other open tabs, such as Figure 7N exemplified.

[0253] In some embodiments, when the user makes an air gesture, in response to detecting movement of the hand 7020 along the z-axis 7206, the computer system distinguishes the user's 7002 intention, e.g., whether to activate the fast tab switching mode, based at least in part on a comparison of the rate of movement of the hand 7020 in the direction along the z-axis 7206 with the rate of movement of the hand 7020 in the direction along the x-axis 7202. In some embodiments, in response to detecting movement of the hand 7020 along the z-axis 7206, the computer system distinguishes the user's 7002 intention to activate the fast tab switching mode based at least in part on a comparison of the rate of movement of the hand 7020 in the direction along the z-axis 7206 with the rate of movement of the hand 7020 in the direction along the y-axis 7204. In some embodiments, the fast tab switching mode is activated in response to detecting movement of the hand 7020 along the z-axis 7206 at a rate that is at least as great as the rate of movement of the hand 7020 along the y-axis 7204 multiplied by a predefined integer (e.g., 2, 3, 4, 5, or another integer).

[0254] Figure 7R Movement of the hand 7020 along the x-axis 7202 (e.g., from right to left) is illustrated (see view 7200) in conjunction with maintaining an air pinch gesture (indicated by an arrow and state "B") performed with the hand 7020. After movement of the hand 7020 along the z-axis 7206 has reached point 7208 (or other gesture criteria for activating the fast tab switching mode have been met), and while the fast tab switching mode is active, movement of the hand 7020 along the x-axis 7202 is detected. Movement (distance and direction) of the hand 7020 along the x-axis 7202 in the three-dimensional environment 7000 is illustrated in view 7200 by a dashed arrow that is parallel to the x-axis 7202 in a coordinate system of the three-dimensional environment (e.g., a Cartesian coordinate system as shown in view 7200, or another coordinate system such as a radial coordinate system).

[0255] Figure 7S 7202 in response to detecting movement of the hand 7020 along the x-axis 7202 in conjunction with maintaining an air pinch gesture. Figure 7R In this example, in response to detecting movement of hand 7020 along x-axis 7202 in conjunction with maintaining an air pinch gesture, content windows 7030, 7102, 7104, 7106, and 7108 are scrolled to the left. For example, content window 7030 is moved in a left direction, as shown in FIG. Figure 7S7204, 7106, and 7108 are also scrolled or shifted in a left direction according to the movement of hand 7020 along x-axis 7202. For example, content windows 7030, 7102, 7104, 7106, and 7108 are scrolled or shifted according to the direction and magnitude of the movement of hand 7020 along x-axis 7202. In some embodiments, the scrolling speed of content window 7030 (or the set of displayed content windows, e.g., content windows 7030, 7102, 7104, 7106, and 7108) is determined based on the movement of hand 7020 along x-axis 7202, and optionally, the scrolling speed can be modified based on the location of the user's gaze. For example, if the gaze of user 7002 is directed to the location where content window 7030 (which is the currently active content window of the browser application) is displayed in the view of three-dimensional environment 7000′, then content windows 7030, 7102, 7104, 7106, and 7108 are scrolled at a first speed. For example, if the gaze of user 7002 is directed to the center of fast tab switching area 7240 or somewhere along or near center line 7260, as shown in FIG. Figure 7R 7260) while the hand 7020 moves in a left direction along the x-axis 7202, as shown. Figure 7S As illustrated, the scrolling speed increases from the second (or first) scrolling speed to a third scrolling speed that is faster than the second scrolling speed. In some embodiments, the second scrolling speed is determined by multiplying the first scrolling speed by a first integer greater than 1 (or other multiplier different from 1), and the third scrolling speed is determined by multiplying the first speed by a second integer greater than 1 (or other multiplier different from 1), wherein the second integer is higher than the first integer.

[0256] In some embodiments, if the gaze of the user 7002 shifts from the content window 7030 in a direction opposite to the direction of movement of the hand 7020 along the x-axis 7202 (e.g., the gaze input shifts toward the right side of the quick tab switching area 7240 or the right line 7262), the scrolling speed is not increased, and scrolling continues at the first scrolling speed in accordance with the movement of the hand 7020 along the x-axis 7202. In some embodiments, after an initial lateral movement of the hand 7020 in a leftward direction along the x-axis 7202, scrolling can be maintained based solely on the user's gaze, e.g., if the gaze of the user 7002 is directed toward the line 7264 (or, alternatively, toward the left side of the quick tab switching area 7240), once scrolling is initiated, the hand 7020 does not have to continuously move laterally along the x-axis 7202 to scroll. In some embodiments, after an initial lateral movement of the hand 7020 in a leftward direction along the x-axis 7202, scrolling can be maintained by maintaining the air pinch gesture and holding the hand 7020 at the ending position of the lateral movement of the hand 7020 along the x-axis 7202 (e.g., similar to a swipe and hold), where the lateral movement of the hand 7020 along the x-axis 7202 corresponds to a swipe and holding the air pinch at the ending position corresponds to a hold. Thus, once scrolling is initiated, the hand 7020 does not have to continuously move laterally along the x-axis 7202 to continue scrolling.

[0257] In some embodiments, if after the content window 7030 has moved away from the center line 7260, but before the content window 7030 has reached a position in the quick tab switching area 7240 that corresponds to the position of the content window 7106 before the current scrolling operation began (e.g., Figure 7S In some embodiments, in response to detecting the air pinch gesture or in response to detecting the air pinch and pull gesture, the content window 7030 automatically snaps back to a central position in the fast tab switching area 7240, where the center line 7260 passes through the middle of the content window 7030 and the fast tab switching area 7240. In some embodiments, in response to detecting the air pinch gesture or in response to detecting the air pinch and pull gesture, the content window 7030 automatically snaps back before the content window 7030 has reached a position in the fast tab switching area 7240 that corresponds to the position of the content window 7106 before the scrolling operation began.

[0258] Figure 7T 7202 while the hand 7020 maintains the air pinch gesture or in response to continuously detecting a scroll input as described above (e.g., a scroll input based on the gaze of the user 7002 or based on maintaining the air pinch gesture at the end position of the lateral movement of the hand 7020 along the x-axis 7202). Figure 7S The transformation is performed as illustrated in side view 7024. Figure 7T As illustrated, scrolling of content windows 7030, 7102, 7104, 7106, and 7108 continues, thereby revealing content window 7109 for web page "D" (which was not previously displayed), wherein content window 7030 is moved to the position or location of content window 7106 prior to scrolling, and content window 7102 is moved to the position or location of content window 7030 prior to scrolling. In some embodiments, content windows 7030, 7102, 7104, 7106, 7108, and 7109 are cycled through in a loop, wherein the (previously displayed and newly revealed) content windows rotate within quick tab switching area 7240 (e.g., similar to a carousel). In some embodiments, during scrolling, the vertical positioning of content windows 7030, 7102, 7104, 7106, 7108, and 7109 along the y-axis 7204 does not change, but the horizontal positioning of each of the content windows along the x-axis 7202 and the depth positioning of these windows along the z-axis 7206 change.

[0259] also, Figure 7T Continuous movement of hand 7020 along x-axis 7202 is illustrated as hand 7020 maintains an air pinch gesture, as illustrated in view 7200 .

[0260] Figure 7U 7202 while the hand 7020 maintains the air pinch gesture or in response to continuously detecting a scroll input as described above (e.g., a scroll input based on maintaining the air pinch gesture at the end position of the lateral movement of the hand 7020 along the x-axis 7202). Figure 7T The transformation that takes place. Figure 7U As illustrated, scrolling continues through content windows 7030, 7102, 7104, 7106, 7108, 7109, with content window 7112 for web page "E" being revealed and content windows 7108 and 7106 being hidden from view (e.g., to make room for the newly displayed content window). Figure 7U7220, content window 7030 is moved to the position of content window 7108 before scrolling, content window 7102 is moved to the position of content window 7106 before scrolling, content window 7104 is moved to the position of content window 7030 before scrolling, content window 7109 is moved to the position of content window 7102 before scrolling, and content window 7112 is moved to the position of content window 7104 before scrolling. In some embodiments, an audible sound is generated each time a different content window from content windows 7030, 7102, 7104, 7106, 7108, 7109, and 7112 is displayed or moved to a center position (e.g., a middle position relative to other content windows) in quick tab switching area 7240. For example, a click or audible ticking sound is generated when a new content window is moved to a center position corresponding to the position of the content window that will become active if scrolling is terminated. In some embodiments, content windows 7030, 7102, 7104, 7106, 7108, 7109, and 7112 are open tabs of a browser application. In some embodiments, when content windows 7030, 7102, 7104, 7106, 7108, 7109, and 7112 are displayed in the fast tab switching area 7240, source indications for the content windows 7030, 7102, 7104, 7106, 7108, 7109, and 7112 are displayed (e.g., at a top or bottom location within each of the respective content windows, or in a separate navigation area not shown in this example).

[0261] Figure 7U The hand 7020 is further illustrated performing termination of the selection input, eg, releasing an air pinch gesture (eg, represented by an arrow and state “C”) that was maintained throughout the movement of the hand 7020 along the x-axis 7202 .

[0262] Figure 7V 7202 in response to detecting termination of the selection input (e.g., releasing an air pinch gesture maintained throughout the movement of the hand 7020 along the x-axis 7202). Figure 7U In response to detecting termination of the selection input, the content window that was centrally located when termination of the selection input was detected is selected as the current active content window of the browser application, and the browser application re-enters normal browsing mode (e.g., displaying the current active content window without concurrently displaying other content windows and optionally redisplaying the browser toolbar 7040). For example, Figure 7U As illustrated, when the content window 7104 for web page "C" is displayed at the center position of the fast tab switching area 7240, termination of the selection input is detected, and as shown in FIG. Figure 7VAs illustrated, the content window 7104 for web page "C" is selected as the current active content window of the browser application for re-entering normal browsing mode. Thus, web page "C" becomes the current active web page of the browser application. Figure 7V As illustrated, when content window 7104 is selected as the active content window of the browser application and the browser application is in normal browsing mode, window grabber 7104a displayed in fast tab switching area 7240 is removed.

[0263] In some embodiments, selection of content window 7104 for web page “C” as the active content window for the browser application is determined based on the magnitude and direction of lateral movement of hand 7020 along x-axis 7202 (e.g., relative to the release of the air pinch gesture). In some embodiments, selection of content window 7104 for web page “C” as the active content window for the browser application is determined based on the magnitude and direction of lateral movement of hand 7020 along x-axis 7202 (e.g., relative to the release of the air pinch gesture) in combination with termination of the selection input (e.g., release of the air pinch gesture). In some embodiments, content window 7104 is selected as active for the browser application in response to detecting movement of the hand along z-axis 7206 toward user 7002 (e.g., similar to a push gesture), optionally while maintaining the air pinch gesture.

[0264] Figure 7W Illustrated from Figure 7O The transition is made in response to detecting the following: a selection input made in conjunction with movement of the hand 7020 along the z-axis 7206 that does not meet the corresponding gesture criteria for activating the fast tab switching mode, or in conjunction with other movement of the hand 7020 that does not meet the corresponding gesture criteria (e.g., Figure 7O (The mid-air pinch gesture is represented by state "B" in the figure). Figure 7W As illustrated, in response to detecting a selection input along the z-axis 7206 in conjunction with movement of the hand 7020 that does not satisfy the corresponding gesture criteria for activating the fast tab switching mode, or in conjunction with other movement of the hand 7020 that does not satisfy the corresponding gesture criteria (e.g., in Figure 7O ), moves the browser application including the content window 7030 and, optionally, the browser toolbar 7040 (if displayed) in the view of the three-dimensional environment.

[0265] Figure 7X to FIG. 7Y (e.g., Figure 7Y1 to Figure 7Y3 ) illustrates example techniques for viewing an overview of multiple content items of the same kind in a three-dimensional environment while reducing the visual prominence of the remainder of the view of the three-dimensional environment, according to some embodiments.

[0266] Figure 7X 7020 is illustrated in response to detecting movement of the hand 7020 to activate the fast tab switching mode (or satisfying other gesture criteria for activating the fast tab switching mode, as described above with respect to Figure 7P The corresponding threshold value of Figure 7P For example, in response to detecting that the hand 7020 moves a predetermined distance along the z-axis 7206 to reach the coordinate system of the three-dimensional environment (e.g., Figure 7P 7206, or another coordinate system such as a radial coordinate system, activates the fast tab switching mode. In some embodiments, the fast tab switching mode is activated in response to detecting movement of the hand 7020 along the z-axis 7206 that satisfies various gesture criteria, including magnitude, velocity, corresponding configuration of the hand 7020 when performing the movement of the hand along the z-axis 7206 (e.g., an air pinch gesture), or a combination of two or more such criteria.

[0267] In some embodiments, in response to activating the fast tab switching mode, multiple (tabbed) content windows are displayed while reducing the visual prominence of the remaining portion of the view of the three-dimensional environment 7000′. For example, when the fast tab switching mode is activated (in response to detecting movement of the hand 7020 along the z-axis 7206), content windows 7102, 7104, 7106, and 7108 are displayed concurrently with the currently active content window 7030, while simultaneously shrinking (or reducing the size of) content window 7030 and visually de-prominently the portion of the view of the three-dimensional environment 7000′ not occupied by the content windows 7030, 7102, 7104, 7106, and 7108 and the corresponding window grabbers 7030a, 7102a, 7204a, 7106a, and 7108a (or other user interfaces related to the browser application, such as indicator 7110). For example, the representations (or optical views) of walls 7004', 7006', and 7008', the representation (or optical view) of physical object 7014', and any unoccupied free space in the representation (or optical view) of three-dimensional environment 7000' are dimmed or blurred (e.g., Figure 7X exemplified) or hidden from the representation (or optical view) of the three-dimensional environment 7000′ (as shown in FIG. 7Y (e.g., Figure 7Y1 to Figure 7Y3 , among which Figure 7Y2 The HMD 7100a in FIG. 7 shows a similar Figure 7Y1 ).

[0268] In some embodiments, when, for example, in response to lateral movement of the hand 7020 along the x-axis 7202 (e.g., with respect to Figures 7R to 7UAs content windows 7030, 7102, 7104, 7106, and 7108 are scrolled (as described above), portions of three-dimensional environment 7000' not occupied by content windows 7030, 7102, 7104, 7106, and 7108 (and other user interface elements associated with the browser application) continue to be displayed with reduced visual prominence (e.g., remain dimmed, blurred, or hidden).

[0269] In some embodiments, when tab overview mode is activated, such as Figure 7G As illustrated, reduced-scale representations of web pages 7070-7080 are displayed, and the visual prominence of the remaining portions of the view of the three-dimensional environment 7000' that are not associated with the browser application (e.g., browser toolbar 7040) is also reduced. For example, the representations (or optical views) of walls 7004', 7006', and 7008', the representation (or optical view) of physical object 7014', and any unoccupied free space in the representation (or optical view) of the three-dimensional environment 7000' are dimmed or blurred or otherwise hidden from the representation of the three-dimensional environment 7000'. In some embodiments, in tab overview mode, all open tabs (rather than fewer than all tabs) are displayed concurrently.

[0270] The following references to Figure 10 and Figure 11 The described methods 1000 and 1100 provide information on Figure 7N Additional description to Figure 7Y.

[0271] Figure 8 is a flow chart of an exemplary method 800 for switching between tabbed windows in a three-dimensional environment according to some embodiments. In some embodiments, the method 800 is performed in conjunction with a display generation component (e.g., Figure 1A 、 Figure 3 and Figure 4 1 ) and one or more input devices (e.g., a camera, a controller, a touch-sensitive surface, a joystick, a button, etc.). In some embodiments, the method 800 is performed at a computer system (e.g., computer system 101 in FIG. 1 ) that communicates with a display generation component 120 in FIG. 1 (e.g., a head-up display, a head-mounted display (HMD), a display, a touch screen, a projector, a tablet, a smartphone, etc.) and one or more input devices (e.g., a camera, a controller, a touch-sensitive surface, a joystick, a button, etc.). In some embodiments, the method 800 is performed by storing in a non-transitory (or transient) computer-readable storage medium and executed by one or more processors of the computer system (e.g., one or more processors 202 (e.g., Figure 1A Some operations in method 800 may be optionally combined, and / or the order of some operations may be optionally changed.

[0272] As described herein, method 800 provides a mechanism for viewing tabbed windows and switching tabs in a mixed reality three-dimensional environment, including selecting a tab of interest in response to detecting an air gesture. An example of an air gesture for selecting a corresponding tab is a gaze input directed to the corresponding tab (e.g., to bring the target tab into focus) in combination with an air pinch or air tap gesture performed when the corresponding tab is in focus (e.g., to perform a selection). Optionally, in response to a gaze input directed to a browser toolbar, the open tabs are first displayed in the browser toolbar. For example, in response to a gaze input directed to the browser toolbar 7040 by the user 7002, Figure 7B The browser toolbar 7040 in FIG. 1 is transformed from a collapsed state to an expanded state, wherein in the expanded state, previously hidden open tabs 7060 to 7068 (such as Figure 7C exemplified). In some embodiments, gaze input must be performed in conjunction with holding the hand in a ready state to display the open tabs. Switching between different open tabs in response to air gestures in a mixed reality three-dimensional environment provides additional control for browsing and navigating between tabs and tabbed windows without displaying (e.g., not requiring the display of) additional controls that clutter the mixed reality three-dimensional environment and / or reduces the amount of user input required to switch between tabs. Reducing the amount of user input and providing additional control options to the user enhances the operability of the system and makes the user-system interface more efficient (e.g., by helping the user provide appropriate input and reducing user errors when operating / interacting with the system), which in turn reduces power usage and extends the battery life of the system by enabling the user to use the system more quickly and efficiently. Furthermore, using gaze input and air gestures (e.g., touchless interaction with digital content) provides an ergonomically improved gesture mechanism for switching between tabbed content items. Providing an ergonomically improved gesture mechanism makes the user-system interface more efficient, which in turn reduces power usage and extends the battery life of the system by enabling the user to use the system more quickly and efficiently.

[0273] The computer system concurrently displays (802) via a display generation component (e.g., display generation component 120) a browser toolbar ("chrome") (e.g., a graphical user interface for exploring content such as documents, web pages, emails, notes) and a window (e.g., a window corresponding to an area displaying content items such as web pages, notes, emails, documents) of a browser (e.g., an application for searching, exploring, and navigating content such as web pages, notes, emails, documents), the browser toolbar including a plurality of tabs (e.g., a plurality of open tabs corresponding to a plurality of selectable user interface elements for switching between content items), the window including first content associated with a first tab of the plurality of tabs. The browser toolbar (e.g., browser toolbar 7040) and the window (e.g., content window 7030) are displayed as overlaying a view of a three-dimensional environment (e.g., a view of three-dimensional environment 7000') ( Figure 7B ).

[0274] In some embodiments, the browser toolbar includes one or more controls or selectable user interface elements, such as one or more of the following: navigation controls (e.g., Figure 7B , a back button 7046 and a forward button 7048 in the browser), an address bar or a search bar (e.g., for providing identification information (sometimes referred to as a search query) that can be used by a browser application to locate desired content) (e.g., Figure 7B 7042 in the address bar or Figure 7G ), a search bar 7082 in ), a control for opening a new tab (e.g., Figure 7B ), controls for sharing content (e.g., Figure 7B ), a control for showing all currently open tabs (e.g., Figure 7B ), a control for closing all tabs, a control associated with each tab for closing the associated tab, a refresh control for updating the displayed content, and other controls. In some embodiments, the browser application includes a graphical user interface dedicated to displaying browsed content (e.g., Figure 7B The first area (eg, content display area) of the content window 7030 in FIG. 1 and the first area (eg, content display area) for displaying the browser toolbar (eg, Figure 7BIn some embodiments, the toolbar includes one or more controls corresponding to one or more of the functions provided by the browser application. For example, in response to a gesture (e.g., a direct gesture or an indirect gesture) (e.g., a gaze input and / or a combination of a gaze input and a hand movement) to select a corresponding tab, content associated with a particular content item is displayed in the first area. For example, in response to user 7002's gaze directed toward tab "D" 7066 (which places tab "D" 7066 in focus) in conjunction with an air pinch gesture performed by hand 7020 while tab "D" 7066 is in focus, content window 7050 for web page "D" is displayed, replacing content window 7030 for web page "A" (as shown in Figures 7D to 7D). Figure 7E In some embodiments, when the browser toolbar is in the expanded state, at least some of the tabs are visible (and selectable) in the browser toolbar. In some embodiments, the number of visible tabs depends on factors such as the number of open tabs, the size of the tabs, the size of the toolbar, and / or the size of the display. In some embodiments, each tab corresponds to a content item that is open and ready to be browsed and displayed in the first area (e.g., the content display area).

[0275] When displaying a browser toolbar (e.g., browser toolbar 7040) and a window including first content (e.g., content window 7030) as overlaying a view of a three-dimensional environment (e.g., a view of three-dimensional environment 7000'), the computer system detects (804) a first air gesture that meets first gesture criteria, the first air gesture comprising a hand movement and a gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar. In some embodiments, the browser toolbar is displayed in an expanded state in which opened tabs are visible in the browser toolbar, wherein when the browser toolbar is in a collapsed state, the tabs are hidden from display. In some embodiments, the window and the browser toolbar are displayed in separate areas (e.g., a content display area and a toolbar display area) overlaying the view of the three-dimensional environment. In some embodiments, the browser toolbar area is separated from the content display area in the z-dimension. In some embodiments, the gaze input is directed to a corresponding tab displayed in the browser toolbar (in the expanded state), and when gazing at the corresponding tab to be selected, the hand movement (e.g., a hand gesture or configuration) includes an air pinch gesture (e.g., a pinch gesture performed with the thumb and index finger or other fingers of the left or right hand). For example, the gaze of the user 7002 is directed to the tab "D" 7066 (which puts the tab "D" 7066 in focus) in combination with the air pinch gesture performed by the hand 7020 while the tab "D" 7066 is in focus (e.g., as shown in FIG. 7D (e.g., Figures 7D1 to 7D3 ). In some embodiments, the gaze input is directed to the browser toolbar or an area around the browser toolbar, and the hand movement comprises an ongoing gesture having a first part and a subsequent second part, the first part being a mid-air pinch gesture and the second part being a drag gesture (e.g., dragging the hand while performing a mid-air pinch, where the gesture ends when the pinch is released). In some embodiments, the gaze input is directed to the browser toolbar (when in an expanded state), and the hand movement comprises crossing the index and middle fingers (e.g., by moving the fingers in opposite directions toward each other) to switch between adjacent tabs. In some embodiments, the gaze input is directed to the browser toolbar or its surroundings, and the hand movement is a swipe gesture that selects the previous or next tab in a sequence of multiple tabs, e.g., a lateral hand movement while optionally maintaining the mid-air pinch gesture.

[0276] In response to detecting the first air gesture that meets the first gesture criteria, the computer system displays (806) second content in the window, the second content associated with the second tab in the plurality of tabs (e.g., transitioning from displaying the first content in the window to displaying the second content in response to detecting the first air gesture). For example, in response to user 7002's gaze directed at tab "D" 7066 (which places tab "D" 7066 in focus) in combination with an air pinch gesture performed with hand 7020 while tab "D" 7066 is in focus, content window 7050 for webpage "D" is displayed to replace content window 7030 for webpage "A" (as shown in Figures 7D to 7D). Figure 7E In some embodiments, while transitioning from displaying the first content in the window to displaying the second content window, the computer system automatically switches from the first tab to the second tab (e.g., the content displayed in the window corresponds to the currently selected associated tab).

[0277] Transitioning from displaying content items associated with a first tab to displaying content items associated with a second tab in response to an air gesture that includes gaze input and hand movement reduces the amount of input required to navigate multiple open content items of the same kind (such as web pages, documents, and other content items) and / or provides an ergonomically improved gesture mechanism for switching between tabs.

[0278] In some embodiments, the first set of tabs is displayed before a first air gesture that satisfies first gesture criteria is detected. In some embodiments, the first set of tabs is displayed in an expanded browser toolbar. For example, before a gesture is detected to switch from one tab to another as the active tab, previously hidden open tabs 7060 through 7068 are displayed in the browser toolbar 7040, as shown in FIG. Figure 7C and FIG. 7M (e.g., Figures 7M1 to 7M3 ). In some embodiments, the first set of tabs is displayed in a separate area (e.g., covering at least a portion of the content currently displayed in the window). In some embodiments, the first set of tabs includes the second tab and / or the first tab. Displaying tabs corresponding to content items in the browser toolbar allows for efficient browsing of content items because navigating between tabs in the browser toolbar causes switching of the displayed active content item (e.g., in response to an air gesture such as staring and pinching or staring and a lateral drag of the hand to select a different tab, and displaying the content item associated with the selected tab and making it active for the browser application).

[0279] In some embodiments, when the browser toolbar and window are displayed without displaying the plurality of tabs (e.g., when the browser toolbar is in a collapsed state, the plurality of tabs are not visible), the computer system detects a first user input interacting with the browser toolbar, and in response to detecting the first user input interacting with the browser toolbar, displays a first set of tabs from the plurality of tabs. In some embodiments, in response to the user interaction with the browser toolbar, the browser toolbar expands or is switched to a state in which one or more tabs from the plurality of tabs are visible in the browser toolbar. For example, in response to a gaze directed at the browser toolbar 7040 by the user 7002, Figure 7B The browser toolbar 7040 in FIG. 1 is transformed from a collapsed state to an expanded state, wherein in the expanded state, previously hidden open tabs 7060 to 7068 are displayed in the browser toolbar 7040, as shown in FIG. Figure 7C In some embodiments, in response to user interaction with the browser toolbar, one or more of the plurality of tabs are displayed (or presented) adjacent to but separate from the browser toolbar (e.g., the tabs may be displayed in an array, and optionally, the array may be scrolled). In some embodiments, the array is one-dimensional (e.g., Figure 7F and FIG. 7M (e.g., Figures 7M1 to 7M3 ), open tabs 7060 through 7068 are displayed in a one-dimensional array. In some embodiments, the array is multi-dimensional, such as a grid with more than one row (e.g., Figure 7G In some embodiments, content items associated with one or more of the multiple tabs are displayed at a reduced scale, allowing more content items to be previewed and explored simultaneously. In some embodiments, reduced-scale (sometimes referred to as scaled-down) content items are displayed instead of the associated tabs. For example, reduced-scale representations of web page "A" 7070, web page "B" 7072, web page "C" 7074, web page "D" 7076, web page "E" 7078, and web page "F" 7080 are displayed in grid 7045 to provide an overview of the currently opened web pages ( Figure 7G ). In some embodiments, the tab is displayed concurrently with the scaled-down content item.

[0280] Presenting or displaying tabs in response to user input interacting with the browser toolbar (e.g., gaze input directed to a portion of the browser toolbar and / or positioning of a hand in a ready state) reduces the number of inputs required to switch between tabs and provides the user with additional control while maintaining a view of the three-dimensional environment free of clutter from additional controls, windows, menus, and / or other user-selectable elements. For example, in response to detecting a first user input interacting with the browser toolbar, multiple tabs are optionally presented, either individually or within the browser toolbar, and the user can quickly switch to a new content item by selecting one of the presented tabs, or can quickly scroll through other tabs associated with the browser toolbar that are not yet presented, without having to explore and view the corresponding content of the target content item. In other words, the user can focus on the currently active content item for the selected tab while the view of the three-dimensional environment is kept free of clutter from unnecessary windows or user-selectable elements, and tabs can be presented as needed in response to user input.

[0281] In some embodiments, in response to detecting a first user input interacting with the browser toolbar, the computer system expands the browser toolbar, including displaying a first set of tabs in the expanded browser toolbar. For example, gaze input directed to a location occupied by the browser toolbar 7040, optionally in conjunction with hand 7020 in the ready state "A," causes the browser toolbar to expand (e.g., Figure 7C In some embodiments, when the browser toolbar is expanded or in an expanded state, some of the currently open tabs are visible in the expanded browser toolbar, and when the browser toolbar is collapsed or in a collapsed state, the tabs are not visible. Automatically displaying tabs (e.g., user-selectable representations of open tabs) in the browser toolbar in response to user input interacting with the browser toolbar and automatically collapsing the browser toolbar when the user is no longer interacting with the browser toolbar reduces the amount of input required to switch between tabs and provides additional control to the user, while maintaining a view of the three-dimensional environment without clutter from additional controls, windows, menus, and / or other user-selectable elements.

[0282] In some embodiments, the first user input for interacting with the browser toolbar includes a corresponding gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar. In some embodiments, the gaze input directed to the browser toolbar or near or around the browser toolbar is sufficient to expand the browser toolbar or otherwise reveal or display one or more tabs in the plurality of tabs. For example, a gaze input directed to the location occupied by the browser toolbar 7040 without any hand gesture or movement causes the browser toolbar to expand ( Figure 7B). In some embodiments, in addition to gaze input, the user's hand in the ready state configuration is also required (e.g., in some embodiments, the ready state configuration corresponds to raising the hand so that the hand appears within the field of view of the image sensor or a portion thereof corresponding to the interaction space, in which hand movements captured by the image sensor are treated as input to the controller 110) in order to expand the browser toolbar. For example, gaze input directed to the location occupied by the browser toolbar 7040 in conjunction with the hand 7020 in the ready state "A" causes the browser toolbar to expand, as indicated by FIG. 7B to FIG. 7C Automatically presenting or displaying tabs (e.g., in the browser toolbar or separately) in response to a gaze input directed at a portion of the browser toolbar (optionally in combination with a user's hand in a ready state) reduces the number of inputs required by the computer system to switch between content items by providing a mechanism for switching between content items without having to manipulate multiple windows. Furthermore, switching between hiding and displaying tabs in response to a gaze input (optionally in combination with a user's hand in a ready state) without selecting a user control improves device operability and operational efficiency. For example, keeping tabs hidden when they are not used for navigating between content items, but providing them in response to (e.g., a single) gaze input reduces the number of inputs required to browse content items associated with the corresponding tabs. In other words, using a single gaze input to control whether tabs are displayed improves device operability by providing more control options while keeping the view of the three-dimensional environment uncluttered with additional windows, controls, and / or other user interface elements.

[0283] In some embodiments, the first user input for interacting with the browser toolbar includes a corresponding gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar (e.g., in some embodiments, the gaze input must be directed to a portion of the space occupied by a particular portion of the browser toolbar, such as a search bar, and in some embodiments, a gaze input directed to any portion of the space occupied by the browser toolbar is sufficient). In some embodiments, in response to detecting the gaze input directed to the location in the view of the three-dimensional environment occupied by the browser toolbar: based on determining that the gaze input meets a duration threshold, the computer system displays a first set of tabs in the plurality of tabs; and based on determining that the gaze input does not meet the duration threshold, the computer system maintains display of the browser toolbar and the window without displaying the first set of tabs in the plurality of tabs (e.g., the first set of tabs in the plurality of tabs remains hidden or otherwise not displayed). In some embodiments, displaying the first set of tabs is delayed until the user looks at the browser toolbar for a predetermined period of time. In other words, the duration of the gaze is used to distinguish between gazes that are not intended as user input and gazes that are intended as input for interacting with the browser toolbar. In some embodiments, the number of times that an open tab unnecessarily appears and then disappears when a user briefly shifts their gaze to the browser toolbar is reduced, and the user's intent is distinguished based on determining whether the user's gaze meets a corresponding threshold criterion (e.g., a duration threshold). By utilizing the gaze input (e.g., without requiring any other direct or indirect gestures) to control whether the tab is displayed based on determining that the gaze input meets the duration threshold, an intended input to display the tab is automatically distinguished from a gaze directed to the browser toolbar that is not intended to interact with the browser toolbar. Automatically distinguishing between a gaze at the browser toolbar that is intended to display an open tab and a gaze that is not intended to display a tab improves the operability and operating efficiency of the device by avoiding the display of unnecessary user interface elements and / or avoiding the user input required to correct the unintended display (and / or unintended hiding) of a tab.

[0284] When the browser toolbar and window are displayed without displaying the plurality of tabs (e.g., the plurality of tabs are not visible), the computer system detects a corresponding gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar (e.g., the corresponding gaze input is a specific example of the aforementioned first user input for interacting with the browser toolbar). In some embodiments, in response to detecting the corresponding gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar: based on determining that the hand is in a ready state (e.g., in some embodiments, the ready state corresponds to raising the hand so that the hand appears within the field of view of the image sensor or a portion thereof corresponding to the interaction space, in which hand movements captured by the image sensor are considered input to the controller 110), the computer system displays a first set of tabs in the plurality of tabs; and based on determining that neither hand is in a ready state, the computer system maintains display of the browser toolbar and window without displaying the first set of tabs in the plurality of tabs (e.g., the tabs are hidden and / or the browser toolbar is in a retracted state). For example, when the user 7002 gazes at any portion of the browser toolbar 7040 while the hand 7020 is in the ready state (in Figure 7B In the state "A", Figure 7B and Figure 7C , the browser toolbar 7040 in the ready state is expanded and displays open tabs "A" 7060 through "E" 7068. Utilizing gaze input (in combination with the hand in the ready state) to control whether tabs are displayed provides additional user control over tabbed browser navigation by distinguishing gaze inputs intended to display tabs from gaze inputs not intended to display tabs (e.g., when the user wants to view the address in the address bar or the count of open tabs that may be visible in the browser toolbar). In addition to gaze input directed to the browser toolbar, automatically distinguishing gazes at the browser toolbar intended to display open tabs from gazes not intended to display tabs based on whether the user's hand is in the ready state improves device operability by avoiding displaying unnecessary user interface elements and / or avoiding the need for additional user input to clear or correct unintended display (and / or unintended hiding) of tabs.

[0285] In some embodiments, a first user input for interacting with the browser toolbar includes a corresponding gaze input (e.g., a gaze input pointing to a location in the view of the three-dimensional environment occupied by a control in the browser toolbar for displaying multiple tabs) and a corresponding hand movement (e.g., in combination therewith), the corresponding hand movement (e.g., using a direct or indirect air gesture) selecting a control displayed in the browser toolbar (e.g., the control is a button for expanding the toolbar, or a button for displaying an overview of multiple open tabs in a one-dimensional array or multi-dimensional grid). In some embodiments, in response to selecting the control displayed in the browser toolbar, open tabs that were not previously displayed are displayed. In some embodiments, the hand movement to select the control corresponds to an indirect input (e.g., a gaze input combined with an air pinch or air tap). For example, Figures 7F to 7G 7054, activating tab overview mode and displaying reduced-scale representations of web page “A” 7070, web page “B” 7072, web page “C” 7074, web page “D” 7076, web page “E” 7078, and web page “F” 7080, wherein web pages “A” through “F” are respectively associated with open tabs “A” 7060 through “F” 7080. In some embodiments, selection of a control is a direct input, such as an air tap at a location in the space occupied by the control in the view of the three-dimensional environment (e.g., in such embodiments, gaze input is not required because the user is interacting directly with the respective control). Utilizing gaze input (in combination with hand movement to select a control) to control whether tabs are displayed provides additional user control over tabbed browser navigation by distinguishing gaze input intended to display tabs (e.g., when the user wants to quickly switch between tabs, e.g., without needing to switch between content items themselves) from gaze input not intended to display undisplayed tabs (e.g., when the user wants to quickly view an address in an address bar or a count of open tabs displayed in a browser toolbar, without needing to display multiple tabs). Displaying tabs in response to gaze input combined with hand movement improves device operability because there is no need to distinguish user input due to the presence of a dedicated button / control for displaying tabs.

[0286] In some cases, the computer system detects a second user input that is different from the first user input. In some embodiments, the second user input includes moving the user's gaze direction away from the browser toolbar and / or tab. In some embodiments, the second user input corresponds to selecting a tab. In some embodiments, the second user input corresponds to a gaze input that is directed towar...

Claims

1. A method, comprising: At a computer system in communication with a display generating component and one or more input devices: concurrently displaying, via the display generation component, a browser toolbar of a browser and a window, the browser toolbar comprising a plurality of tabs, the window comprising first content associated with a first tab of the plurality of tabs, wherein the browser toolbar and the window are overlaying a view of a three-dimensional environment; while displaying the browser toolbar and the window including the first content as overlaying the view of the three-dimensional environment, detecting a first mid-air gesture that satisfies first gesture criteria, the first mid-air gesture comprising a hand movement and a gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar; as well as In response to detecting the first mid-air gesture that satisfies the first gesture criteria, second content is displayed in the window, the second content being associated with a second tab of the plurality of tabs. 2 . The method of claim 1 , wherein a first set of tabs is displayed prior to detecting the first mid-air gesture that satisfies the first gesture criteria.

3. The method according to claim 1, further comprising: detecting a first user input interacting with the browser toolbar while the browser toolbar and the window are displayed and the plurality of tabs are not displayed; as well as In response to detecting the first user input interacting with the browser toolbar, a first set of tabs in the plurality of tabs is displayed.

4. The method according to claim 3, further comprising: In response to detecting the first user input interacting with the browser toolbar, expanding the browser toolbar includes displaying the first set of tabs in the expanded browser toolbar.

5. The method of any one of claims 3 to 4, wherein the first user input for interacting with the browser toolbar comprises a corresponding gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar.

6. The method of any one of claims 3 to 4, wherein the first user input for interacting with the browser toolbar comprises a corresponding gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar, and the method further comprises: In response to detecting the gaze input directed to the location occupied by the browser toolbar: Based on determining that the gaze input satisfies a duration threshold, displaying the first set of tabs in the plurality of tabs; and Based on determining that the gaze input does not satisfy the duration threshold, the browser toolbar and the window remain displayed without displaying the first set of tabs in the plurality of tabs.

7. The method according to claim 3, wherein: the first user input interacting with the browser toolbar comprises a corresponding gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar; And the method also includes: In response to detecting the corresponding gaze input directed to the location occupied by the browser toolbar in the view of the three-dimensional environment: Based on determining that the hand is in the ready state, displaying the first set of tabs in the plurality of tabs; and Based on determining that neither hand is in the ready state, the browser toolbar and the window remain displayed without displaying the first set of tabs in the plurality of tabs.

8. The method of any one of claims 3 to 4, wherein the first user input interacting with the browser toolbar comprises a corresponding gaze input and a corresponding hand movement selecting a control displayed in the browser toolbar.

9. The method according to any one of claims 3 to 8, further comprising: detecting a second user input different from the first user input; as well as In response to detecting the second user input, ceasing to display the first set of tabs in the plurality of tabs.

10. The method of claim 9, wherein when the second user input is detected, the browser toolbar is expanded, and the method comprises: Collapse of the browser toolbar in response to the second user input includes ceasing to display the first set of tabs displayed in the expanded browser toolbar.

11. The method of any one of claims 9 or 10, wherein the second user input selects a tab in the first set of displayed tabs.

12. The method of any one of claims 9 or 10, wherein the second user input comprises transitioning a hand from a state where the hand is occupied to a state where the hand is no longer occupied.

13. The method of any one of claims 9 or 10, wherein the second user input comprises moving a gaze direction away from a position in the three-dimensional environment occupied by the browser toolbar to a position outside of the browser toolbar.

14. The method according to any one of claims 3 to 6, further comprising: while displaying the browser toolbar and the first set of tabs in the plurality of tabs, detecting gaze input directed to a location outside of the browser toolbar; as well as In response to detecting that the gaze input is directed to a location outside of the browser toolbar: Based on determining that the gaze input is directed to the location outside of the browser toolbar for greater than a predetermined amount of time, ceasing to display the first set of tabs; and Based on determining that the gaze input is directed to the location outside of the browser toolbar for less than a predetermined amount of time, the first set of tabs remains displayed.

15. The method according to claim 14, further comprising: In response to detecting gaze input directed to the location outside of the browser toolbar: Based on determining that the gaze input is directed to the location outside the browser toolbar for less than a predetermined amount of time and determining that the location outside the browser toolbar is a location within a predetermined area in the window displaying the first content or the second content, stopping displaying the first set of tabs without delay.

16. The method according to any one of claims 3 to 15, further comprising: prior to detecting the first user input interacting with the browser toolbar, displaying the browser toolbar at a first distance from a user's viewpoint; as well as In response to detecting the first user input interacting with the browser toolbar, displaying the first set of tabs in the plurality of tabs at a second distance from the viewpoint of the user, wherein: There is a corresponding depth difference between the first distance and the second distance; The corresponding depth difference is greater than 0; and The first distance is greater than the second distance.

17. The method according to any one of claims 4 to 15, further comprising: before detecting the first user input interacting with the browser toolbar, displaying the browser toolbar in a collapsed state at a first distance from a user's viewpoint; as well as In response to detecting the first user input interacting with the browser toolbar, displaying an expanded browser toolbar includes displaying the first set of tabs in the expanded browser toolbar at a second distance from the viewpoint of the user, wherein: There is a corresponding depth difference between the first distance and the second distance; The corresponding depth difference is greater than 0; and The first distance is greater than the second distance.

18. The method of any one of claims 3 to 15, wherein in response to detecting the first user input interacting with the browser toolbar, displaying the first set of tabs in the plurality of tabs comprises: The first set of tabs is displayed to cover at least a portion of the window displaying the first content or the second content, wherein: The window is displayed at a first distance from the viewpoint of the user; The first set of tabs is displayed at a second distance from the user's viewpoint; There is a corresponding depth difference between the first distance and the second distance; and The first distance is greater than the second distance.

19. The method according to any one of claims 1 to 18, wherein the plurality of tabs are ordered into a sequence, and the method comprises: When the second tab is selected, detecting a second mid-air gesture that satisfies second gesture criteria, the second mid-air gesture comprising a second gaze input and a swipe gesture performed by a hand; In response to detecting the second air gesture, scrolling through one or more tabs in the plurality of tabs in the sequence includes selecting a third tab in the plurality of tabs in the sequence.

20. The method according to any one of claims 1 to 18, wherein the plurality of tabs are ordered into a sequence, and the method comprises: when a third tab is selected in the sequence of tabs, detecting a third mid-air gesture that satisfies third gesture criteria, the third mid-air gesture comprising a third gaze input and a swipe gesture performed by a hand; In response to detecting the third mid-air gesture, a tab in the sequence of the plurality of tabs that is adjacent to the third tab is selected.

21. The method of any one of claims 19 to 20, wherein the second gaze input or the third gaze input is directed to a location in the view of the three-dimensional environment occupied by the browser toolbar.

22. The method of any one of claims 19 to 20, wherein the second gaze input or the third gaze input is directed to a location in the view of the three-dimensional environment occupied by a search box of the browser toolbar.

23. The method according to any one of claims 1 to 18, wherein the plurality of tabs are ordered into a sequence, and the method comprises: When the second tab is selected, detecting a fourth mid-air gesture that satisfies fourth gesture criteria, the fourth mid-air gesture comprising a fourth gaze input and a swipe gesture performed by a hand; In response to detecting the fourth air gesture: scrolling through one or more of the plurality of tabs in the sequence, including selecting a third tab of the plurality of tabs in the sequence, based on determining that the fourth gaze input is directed to a location in the view of the three-dimensional environment occupied by the browser toolbar; Based on determining that the fourth gaze input is directed to a location in the view of the three-dimensional environment occupied by the window displaying the second content associated with the second tab, displaying a portion of the second content not previously displayed in the window.

24. The method according to claim 1, further comprising: detecting a second mid-air gesture that meets a second gesture criterion, the second mid-air gesture comprising a gaze input and a pinch gesture, the gaze input pointing to a location in the three-dimensional environment where a third tab among the plurality of tabs is displayed; as well as In response to detecting the second mid-air gesture that satisfies second gesture criteria, the third tab of the plurality of tabs is selected.

25. The method of claim 1, further comprising: When a fourth tab in the plurality of tabs is displayed at a first distance from a viewpoint of the user, detecting a second mid-air gesture that satisfies third gesture criteria, the second mid-air gesture comprising a second hand movement, the second hand movement comprising a first portion and a second portion, wherein: The first portion corresponds to selecting the fourth tab; and The second portion corresponds to moving the selected fourth tab to a second distance from the viewpoint of the user, wherein: The first distance is greater than the second distance, and There is a corresponding depth difference between the first distance and the second distance; and In response to detecting the second mid-air gesture that satisfies the third gesture criteria, displaying a new window that includes content associated with the fourth tab of the plurality of tabs.

26. The method according to any one of claims 1 to 25, further comprising: Before detecting the first mid-air gesture that satisfies the first gesture criterion: displaying a representation of the first tab on a left side of the browser toolbar, And displaying a representation of the second tab on a right side of the browser toolbar.

27. The method according to claim 3, further comprising: while displaying the first set of tabs at a first distance from a viewpoint of a user, detecting a second user input different from the first user input, the second user input comprising a gaze input directed to a third tab in the first set of tabs and a hand in a first state corresponding to a ready state; In response to detecting the second user input, displaying the third tab at a second distance from the viewpoint of the user, wherein: The first distance is greater than the second distance, and There is a corresponding depth difference between the first distance and the second distance; and detecting a third user input different from the second user input, the third user input selecting the third tab in the first set of tabs, when the third tab is displayed at the second distance from the viewpoint of the user; and In response to the third user input selecting the third tab in the first set of tabs, the third tab is displayed at the first distance from the viewpoint of the user.

28. The method according to any one of claims 3 to 15, wherein when the window including the first content or the second content is displayed at a first distance from a user's viewpoint, detecting the first user input interacting with the browser toolbar, and the method comprises: In response to detecting the first user input interacting with the browser toolbar, dimming the window while displaying the first set of tabs, and moving the window in a direction away from the viewpoint of the user.

29. A computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generating component and one or more input devices, the one or more programs comprising instructions for executing a method according to any one of claims 1 to 28.

30. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: one or more processors; and A memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising instructions for executing the method according to any one of claims 1 to 28.

31. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: A component for carrying out the method according to any one of claims 1 to 28.

32. A computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices, the one or more programs comprising instructions for: concurrently displaying, via the display generation component, a browser toolbar of a browser and a window, the browser toolbar comprising a plurality of tabs, the window comprising first content associated with a first tab of the plurality of tabs, wherein the browser toolbar and the window are overlaying a view of a three-dimensional environment; while displaying the browser toolbar and the window including the first content as overlaying the view of the three-dimensional environment, detecting a first mid-air gesture that satisfies first gesture criteria, the mid-air gesture comprising a hand movement and a gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar; as well as In response to detecting the first mid-air gesture that satisfies the first gesture criteria, second content is displayed in the window, the second content being associated with a second tab of the plurality of tabs.

33. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: one or more processors; and A memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for: concurrently displaying, via the display generation component, a browser toolbar of a browser and a window, the browser toolbar comprising a plurality of tabs, the window comprising first content associated with a first tab of the plurality of tabs, wherein the browser toolbar and the window are overlaying a view of a three-dimensional environment; while displaying the browser toolbar and the window including the first content as overlaying the view of the three-dimensional environment, detecting a first mid-air gesture that satisfies first gesture criteria, the mid-air gesture comprising a hand movement and a gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar; as well as In response to detecting the first mid-air gesture that satisfies the first gesture criteria, second content is displayed in the window, the second content being associated with a second tab of the plurality of tabs.

34. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: means for concurrently displaying, via the display generating component, a browser toolbar of a browser and a window, the browser toolbar comprising a plurality of tabs, the window comprising first content associated with a first tab of the plurality of tabs, wherein the browser toolbar and the window are overlaying a view of a three-dimensional environment; means enabled for detecting a first mid-air gesture satisfying first gesture criteria when displaying the browser toolbar and the window including the first content as overlaying the view of the three-dimensional environment, the mid-air gesture comprising a hand movement and a gaze input directed to a location in the view of the three-dimensional environment occupied by the browser toolbar; and In response to detecting the first air gesture that satisfies the first gesture criteria, means is enabled for displaying second content in the window, the second content being associated with a second tab of the plurality of tabs.

35. A method comprising: At a computer system in communication with a display generating component and one or more input devices: concurrently displaying a browser toolbar at a first distance from a viewpoint of a user and a window including first content at a second distance from the viewpoint of the user, wherein: There is a corresponding depth difference between the first distance and the second distance; The corresponding depth difference is greater than 0; The browser toolbar and the window are overlaying a view of a three-dimensional environment; and The browser toolbar and the window are associated with a browser application; receiving, via the one or more input devices, input corresponding to a request to change content in the window; and In response to receiving the input corresponding to the request to change the content in the window, changing the content displayed in the window from the first content to second content different from the first content, while continuing to display the browser toolbar and the window overlaid on the view of the three-dimensional environment, wherein the corresponding depth difference between the browser toolbar and the window is the same before and after the change of the content in the window from the first content to the second content.

36. The method of claim 35, wherein The input corresponding to the request to change content in the window comprises an air gesture that satisfies a first gesture criterion; and The method comprises: In response to detecting the mid-air gesture that satisfies the first gesture criteria, content in the displayed window is scrolled.

37. The method of claim 35, wherein The input corresponding to the request to change content in the window comprises an air gesture that satisfies a second gesture criterion; and The method comprises: In response to the air gesture satisfying the second gesture criteria, a link displayed within the content in the window is selected, wherein the second content displayed in the window is associated with the selected link.

38. The method of claim 35, wherein displaying a first plurality of tabs including a first tab in the three-dimensional environment, and the first content is associated with the first tab; the input corresponding to the request to change content in the window comprises an air gesture that satisfies a third gesture criterion; and The method comprises: In response to the air gesture satisfying the third gesture criteria, a second tab is selected from the first plurality of tabs.

39. The method of claim 35, wherein a second plurality of tabs are associated with the browser application, and the method further comprising: displaying the browser application in a first display mode in which content associated with a tab in the second plurality of tabs is displayed in the window; detecting an air gesture that meets a fourth gesture criterion; In response to detecting the mid-air gesture that satisfies the fourth gesture criteria, changing the display of the browser application from the first display mode to a second display mode, comprising: ceasing to display said window; as well as A first plurality of reduced-scale representations of content items are concurrently displayed, each of the first plurality of reduced-scale representations being associated with a respective tab of the second plurality of tabs.

40. The method of claim 39, wherein changing display of the browser application from the first display mode to the second display mode comprises: Stops displaying the browser toolbar.

41. The method of claim 39, wherein changing display of the browser application from the first display mode to the second display mode comprises: Collapse of the browser toolbar includes stopping displaying controls previously displayed in the browser toolbar.

42. A method according to any one of claims 39 to 41, wherein the subset of the first plurality of reduced scale representations of content items is displayed tilted towards the viewpoint of the user.

43. The method of any one of claims 39 to 42, wherein a user interface of a first application different from the browser application is displayed in the three-dimensional environment, and changing the display of the browser application from the first display mode to the second display mode comprises: Stop displaying the user interface of the first application.

44. The method of any one of claims 39 to 43, wherein the mid-air gesture that satisfies the fourth gesture criterion comprises a mid-air pinch gesture performed with two hands.

45. The method of any one of claims 39 to 43, wherein receiving the input comprising the mid-air gesture that satisfies the fourth gesture criteria comprises: When a gaze input directed to an affordance displayed in the browser toolbar is detected, a selection gesture is detected, the selection gesture being an air gesture performed with one hand.

46. ​​The method of any one of claims 39 to 43, wherein receiving the input comprising the mid-air gesture that satisfies the fourth gesture criteria comprises: When a gaze input directed to a search input area displayed in the browser toolbar is detected, a selection gesture is detected, the selection gesture being an air gesture performed with one hand.

47. The method according to any one of claims 35 to 38, further comprising: The browser toolbar continues to be displayed while a gaze directed to an area within the window is detected. detecting input corresponding to a gaze moving in a direction away from the window and away from the browser toolbar; and In response to detecting the input corresponding to a gaze moving away from the window and away from the browser toolbar, ceasing to display the browser toolbar.

48. The method of claim 47, further comprising: detecting an input corresponding to a gaze directed to an area within the window; In response to detecting the input corresponding to a gaze directed to the area within the window, the browser toolbar is redisplayed.

49. The method according to any one of claims 35 to 48, further comprising: displaying the browser toolbar at an angle toward the user; When a change in the viewpoint of the user is detected, the angle at which the browser toolbar is displayed toward the user is updated, wherein the updated angle is greater than 0.

50. The method of any one of claims 35 to 49, wherein continuing to display the browser toolbar and the window overlaid on the view of the three-dimensional environment comprises: The browser toolbar is displayed to at least partially cover the window.

51. The method according to any one of claims 35 to 50, further comprising: Collapse the browser toolbar; When the browser toolbar is collapsed, detecting an input for interacting with the browser toolbar; as well as In response to detecting the input interacting with the browser toolbar, an expanded browser toolbar is displayed in a form different from a form when the browser toolbar is collapsed.

52. The method according to any one of claims 35 to 51, further comprising: detecting a change in the viewpoint of the user; as well as In response to the detected change, after a predetermined amount of time has elapsed, the browser toolbar is moved according to the change in the viewpoint of the user.

53. A method according to any one of claims 35 to 52, wherein the browser toolbar is partially transparent.

54. The method of claim 39, further comprising: In response to detecting the mid-air gesture that satisfies the fourth gesture criteria and before entering the second display mode, providing an animated transition between the first display mode to the second display mode.

55. The method of claim 54, providing an animated transition from the first display mode to the second display mode comprising: vertically moving the window in a first direction in the view of the three-dimensional environment and tilting the window toward a user's viewpoint before ceasing to display the window, and The browser toolbar is moved vertically in the view of the three-dimensional environment in a second direction opposite the first direction.

56. A computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generating component and one or more input devices, the one or more programs comprising instructions for executing a method according to any one of claims 35 to 55.

57. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: one or more processors; and A memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising instructions for executing the method according to any one of claims 35 to 55.

58. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: A component for carrying out the method according to any one of claims 35 to 55.

59. A computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices, the one or more programs comprising instructions for: concurrently displaying a browser toolbar at a first distance from a user's viewpoint and a window including first content at a second distance from the user's viewpoint, wherein: There is a corresponding depth difference between the first distance and the second distance; The corresponding depth difference is greater than 0; The browser toolbar and the window are overlaying a view of a three-dimensional environment; and The browser toolbar and the window are associated with a browser application; receiving, via the one or more input devices, input corresponding to a request to change content in the window; as well as In response to receiving the input corresponding to the request to change the content in the window, changing the content displayed in the window from the first content to second content different from the first content, while continuing to display the browser toolbar and the window overlaid on the view of the three-dimensional environment, wherein the corresponding depth difference between the browser toolbar and the window is the same before and after the change of the content in the window from the first content to the second content.

60. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: one or more processors; and A memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for: concurrently displaying a browser toolbar at a first distance from a viewpoint of a user and a window including first content at a second distance from the viewpoint of the user, wherein: There is a corresponding depth difference between the first distance and the second distance; The corresponding depth difference is greater than 0; The browser toolbar and the window are overlaying a view of a three-dimensional environment; and The browser toolbar and the window are associated with a browser application; receiving input corresponding to a request to change content in the window via the one or more input devices; as well as In response to receiving the input corresponding to the request to change the content in the window, changing the content displayed in the window from the first content to second content different from the first content, while continuing to display the browser toolbar and the window overlaid on the view of the three-dimensional environment, wherein the corresponding depth difference between the browser toolbar and the window is the same before and after the change of the content in the window from the first content to the second content.

61. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: Means for concurrently displaying a browser toolbar at a first distance from a viewpoint of a user and a window including first content at a second distance from the viewpoint of the user, wherein: There is a corresponding depth difference between the first distance and the second distance; The corresponding depth difference is greater than 0; The browser toolbar and the window are overlaying a view of a three-dimensional environment; and The browser toolbar and the window are associated with a browser application; means for receiving, via the one or more input devices, input corresponding to a request to change content in the window; and a component enabled in response to receiving the input corresponding to the request to change the content in the window for changing the content displayed in the window from the first content to second content different from the first content while continuing to display the browser toolbar and the window overlaid on the view of the three-dimensional environment, wherein the respective depth differences between the browser toolbar and the window are the same before and after the change of the content in the window from the first content to the second content.

62. A method comprising: At a computer system in communication with a display generating component and one or more input devices: displaying, via the display generation component, a first content item of a plurality of content items, wherein the first content item is overlaying a view of a three-dimensional environment; when the first content item is an active content item of the application, detecting a first mid-air gesture, the first mid-air gesture comprising movement of a hand in a respective direction along a first axis of movement, the first axis of movement being perpendicular to a second axis of movement away from a viewpoint of a user; as well as In response to detecting the first mid-air gesture: Based on determining that the first air gesture included movement of the hand in the direction along the second movement axis that met corresponding criteria before detecting the movement of the hand in the corresponding direction along the first movement axis, switching from the first content item being the active content item of the application to the second content item among the multiple content items being the active content item of the application.

63. The method of claim 62, further comprising: In response to detecting the first air gesture, based on determining that the first air gesture did not include movement of the hand in the corresponding direction along the second movement axis that meets corresponding criteria before detecting the movement of the hand in the corresponding direction along the first movement axis, moving the application while maintaining the first content item as the active content item of the application.

64. The method of claim 63, wherein moving the application while maintaining the first content item as the active content item for the application comprises: Based on movement of the hand in the corresponding direction along the second movement axis, the first content item is moved further away from the user's viewpoint.

65. The method of claim 63 or 64, wherein moving the application while maintaining the first content item as the active content item of the application comprises: The first content item is reduced in size based on movement of the hand in the corresponding direction along the second axis of movement.

66. The method of any one of claims 62 or 65, wherein the first mid-air gesture comprises a gaze input, and switching from the first content item being the active content item of the application to the second content item being the active content item of the application comprises: In response to detecting the hand movement in the direction along the first movement axis: scrolling through the plurality of content items at a first scrolling speed based on determining that the gaze input is directed to a first location, the first location being a first distance from a location where the active content item of the application is displayed in the three-dimensional environment; as well as Scroll through the plurality of content items at a second scrolling speed based on determining that the gaze input is directed to a second location, the second location being a second distance from the location where the active content item is displayed in the three-dimensional environment, wherein the second distance is greater than the first distance and the second scrolling speed is different from the first scrolling speed.

67. The method of claim 66, wherein the second scrolling speed is faster than the first scrolling speed.

68. The method of any one of claims 62 to 67, wherein switching from the first content item being the active content item of the application to the second content item being the active content item of the application further comprises: The second content item is selected based on a magnitude of the movement of the hand in the corresponding direction along the first axis of movement.

69. The method of any one of claims 62 to 68, wherein switching from the first content item being the active content item of the application to the second content item being the active content item of the application further comprises: The second content item is selected based on a direction of the movement of the hand along the first movement axis.

70. The method of any one of claims 62 to 69, further comprising: detecting movement of the hand in the corresponding direction along the second movement axis before detecting movement of the hand in the corresponding direction along the first movement axis; In response to detecting the movement of the hand in the corresponding direction along the second movement axis: Based on determining that the movement of the hand in the corresponding direction along the second movement axis meets the corresponding standard, two or more content items among the multiple content items are displayed, wherein the content items are switched in response to the movement of the hand in the corresponding direction along the first movement axis.

71. The method of any one of claims 62 to 69, further comprising: detecting movement of the hand in the corresponding direction along the second movement axis before detecting movement of the hand in the corresponding direction along the first movement axis; In response to detecting the movement of the hand in the corresponding direction along the second movement axis: Based on determining that the movement of the hand in the corresponding direction along the second movement axis meets the corresponding criterion, a mode for switching content items in response to movement of the hand in the corresponding direction along the first movement axis is activated.

72. The method of any one of claims 62 to 70, further comprising: When the movement of the hand in the corresponding direction along the second movement axis is detected, audio feedback is provided with the volume increasing as the hand moves further away from the user's viewpoint and approaches a predetermined threshold, and once the predetermined threshold is reached, a mode for switching content items in response to the movement of the hand in the corresponding direction along the first movement axis is activated.

73. The method of claim 72, wherein the first mid-air gesture comprises a selection input that is held while the first mid-air gesture is being detected, and the method comprises: In response to detecting termination of the selection input, the audio feedback is stopped.

74. The method of any one of claims 62 to 71, further comprising: In response to detecting the first mid-air gesture, determining a response from a plurality of responses to the first mid-air gesture based at least in part on a comparison of a rate of the movement of the hand in the direction along the second axis of movement to a rate of the movement of the hand in the direction along the first axis of movement, comprising: Based on determining that the rate of movement of the hand in the corresponding direction along the second movement axis is greater than the rate of movement of the hand in the direction along the first movement axis by at least a predetermined amount, a mode for switching content items in response to movement of the hand in the corresponding direction along the first movement axis is activated.

75. The method of any one of claims 62 to 74, further comprising: In response to detecting the first mid-air gesture, determining a response from a plurality of responses to the first mid-air gesture based at least in part on a comparison of a rate of the movement of the hand in the direction along the second axis of movement and a rate of movement of the hand in a direction along a third axis of movement perpendicular to the first axis of movement and the second axis of movement, comprising: Based on determining that the rate of movement of the hand in the corresponding direction along the second movement axis is greater than the rate of movement of the hand in the direction along the third movement axis by at least a predetermined amount, a mode for switching content items in response to movement of the hand in the corresponding direction along the first movement axis is activated.

76. A method according to claim 75, wherein the predetermined amount corresponds to the rate at which the hand moves in the corresponding direction along the second movement axis is at least a predefined multiple of the rate at which the hand moves along the third movement axis.

77. The method of any one of claims 62 to 76, wherein the first mid-air gesture comprises a first portion corresponding to a selection input.

78. The method of claim 77, further comprising: Prior to detecting the movement of the hand in the respective direction along the first movement axis or the second movement axis, and based on determining that the first portion of the first mid-air gesture is stationary, performing a respective selection operation.

79. The method according to any one of claims 77 to 78, further comprising: In response to detecting the first mid-air gesture: Based on determining that the first air gesture is not preceded by movement of the hand in the corresponding direction along the second movement axis and determining that the movement of the hand in the corresponding direction along the first axis is the initial movement of the hand during the first air gesture, the first content item is maintained as the active content item of the application.

80. The method of claim 79, further comprising: In response to detecting the first mid-air gesture: Based on determining that the first air gesture is not preceded by movement of the hand in the corresponding direction along the second movement axis and determining that the movement of the hand in the corresponding direction along the first axis is the initial movement of the hand during the first air gesture, an operation is performed in the first content item.

81. The method of any one of claims 77 to 79, performing the operation in the first content item comprises: Scrolling through the content of the first content item includes revealing a previously undisplayed portion of the content of the first content item.

82. The method of claim 77, further comprising: In response to detecting the movement of the hand in the corresponding direction along the second axis of movement while the first portion of the first air gesture corresponding to the selection input is maintained prior to detecting the movement of the hand in the corresponding direction along the first axis of movement: Based on determining that the movement of the hand in the respective direction along the second movement axis satisfies the respective criterion, two or more content items of the plurality of content items are displayed.

83. The method of claim 82, further comprising: In response to detecting the movement of the hand in the corresponding direction along the first movement axis, scrolling through the multiple content items according to the movement of the hand in the corresponding direction along the first movement axis, wherein the second content item is selected in response to detecting the release of the selection input.

84. The method of claim 83, further comprising: An audible sound is provided each time a new content item is displayed in a location previously occupied by the first content item in the view of the three-dimensional environment prior to detecting the first mid-air gesture.

85. The method of claim 83, further comprising: An audible sound is provided when a content item is moved, in accordance with scrolling through the content items, to a respective position previously occupied by another content item of the plurality of content items, in accordance with the scrolling.

86. The method of any one of claims 82 to 85, further comprising: In response to detecting the movement of the hand in the respective direction along the first axis of movement, scrolling through the plurality of content items, wherein: Based on determining that the movement of the hand is in a first direction, the scrolling is in a first scrolling direction; and Based on determining that the movement of the hand is in a second direction, the scrolling is in a second scrolling direction different from the first scrolling direction.

87. The method of any one of claims 82 to 86, further comprising: In response to detecting the movement of the hand in the respective direction along the first axis of movement, scrolling through the plurality of content items, wherein: Based on determining that the movement of the hand has a first magnitude, the scrolling has a first scrolling magnitude; and Based on determining that the movement of the hand has a second magnitude, the scrolling has a second scrolling magnitude different from the first scrolling magnitude.

88. The method of any one of claims 77 to 87, further comprising: In response to detecting termination of the selection input, selection of the second content item is active for the application, wherein the second content item is selected from the plurality of content items.

89. The method of claim 88, wherein the second content item is selected based on determining that the second content item was in focus when termination of the selection input is detected.

90. A method according to any one of claims 62 to 89, wherein the second content item is selected as the active content item of the application based on determining that movement of the hand in a second direction along the second movement axis is detected, wherein the second direction is opposite to the corresponding direction along the second movement axis.

91. A method according to any one of claims 62 to 90, wherein the first content item corresponds to a first tab and the second content item corresponds to a second tab of the application.

92. The method of claim 91, further comprising: detecting movement of the hand in the corresponding direction along the second movement axis before detecting movement of the hand in the corresponding direction along the first movement axis; In response to detecting the movement of the hand in the corresponding direction along the second movement axis: Based on determining that the movement of the hand in the corresponding direction along the second movement axis meets the corresponding standard, portions of two or more of the multiple content items are displayed concurrently, wherein the two or more of the multiple content items correspond to multiple tabs of the application.

93. The method of claim 92, wherein concurrently displaying two or more of the plurality of content items comprises: A respective source indication of each of the two or more of the plurality of content items is displayed.

94. A method according to any one of claims 62 to 91, wherein the first content item is a first web page and the second content item is a second web page.

95. The method of any one of claims 62 to 90, further comprising: A browser toolbar of the application is displayed via the display generating component, the browser toolbar including a selectable user interface element for adding a new tab, the selectable user interface element opening a tab for a new content item when selected.

96. The method of any one of claims 62 to 95, further comprising: A browser toolbar of the application is displayed via the display generating component, the browser toolbar including an interface element for searching for content items.

97. The method of any one of claims 71 to 75, wherein activating the mode for switching content items comprises: Displaying two or more of the plurality of content items in a virtual area of ​​the three-dimensional environment, wherein the virtual area is positioned in the three-dimensional environment based at least in part on a position of the first content item before detecting the first mid-air gesture.

98. The method of claim 97, wherein: When the two or more content items of the plurality of content items are displayed in the designated virtual area and when the mode for switching content items is activated, the position of the virtual area remains fixed in the three-dimensional environment.

99. The method of any one of claims 62 to 98, further comprising: prior to detecting the first mid-air gesture, displaying a first user interface element for selecting the first content item; In response to detecting the first mid-air gesture, ceasing to display the first user interface element.

100. The method of any one of claims 62 to 99, further comprising: detecting termination of the first mid-air gesture before switching focus away from the first content item; as well as In response to detecting termination of the first mid-air gesture, automatically moving the first content item back to a location where the first content item was located before detecting the movement of the hand in the corresponding direction along the first movement axis.

101. The method of any one of claims 62 to 100, further comprising: detecting a user input directed to the first content item before detecting the movement of the hand in the respective direction along the first movement axis and when the first content item is the active content item of the application; as well as In response to detecting the user input directed to the first content item, the first content item is moved back to the location where the first content item was located before the user input directed to the first content item was detected.

102. A computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generating component and one or more input devices, the one or more programs comprising instructions for executing a method according to any one of claims 62 to 101.

103. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: one or more processors; and A memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising instructions for executing the method according to any one of claims 62 to 101.

104. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: A component for carrying out the method according to any one of claims 62 to 101.

105. A computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices, the one or more programs comprising instructions for: displaying, via the display generation component, a first content item of a plurality of content items, wherein the first content item is overlaying a view of a three-dimensional environment; When the first content item is an active content item of the application, detecting a first mid-air gesture, the first mid-air gesture comprising movement of a hand in a respective direction along a first axis of movement, the first axis of movement being perpendicular to a second axis of movement away from a viewpoint of a user; and In response to detecting the first mid-air gesture: Based on determining that the first air gesture included movement of the hand in the direction along the second movement axis that met corresponding criteria before detecting the movement of the hand in the corresponding direction along the first movement axis, switching from the first content item being the active content item of the application to the second content item among the multiple content items being the active content item of the application.

106. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: one or more processors; and A memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for: displaying, via the display generation component, a first content item of a plurality of content items, wherein the first content item is overlaying a view of a three-dimensional environment; when the first content item is an active content item of the application, detecting a first mid-air gesture, the first mid-air gesture comprising movement of a hand in a respective direction along a first axis of movement, the first axis of movement being perpendicular to a second axis of movement away from a viewpoint of a user; as well as In response to detecting the first mid-air gesture: Based on determining that the first air gesture included movement of the hand in the direction along the second movement axis that met corresponding criteria before detecting the movement of the hand in the corresponding direction along the first movement axis, switching from the first content item being the active content item of the application to the second content item among the multiple content items being the active content item of the application.

107. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: means for displaying, via the display generation component, a first content item of a plurality of content items, wherein the first content item is overlaying a view of a three-dimensional environment; means enabled for detecting a first mid-air gesture when the first content item is an active content item of an application, the first mid-air gesture comprising movement of a hand in a respective direction along a first axis of movement, the first axis of movement being perpendicular to a second axis of movement away from a viewpoint of a user; and A component enabled in response to detecting the first mid-air gesture, the component comprising: A component enabled for switching from the first content item being the active content item of the application to the second content item among the multiple content items being the active content item of the application based on determining that the first air gesture included movement of the hand in the direction along the second movement axis that met corresponding criteria before detecting the movement of the hand in the corresponding direction along the first movement axis.

108. A method comprising: At a computer system in communication with a display generating component and one or more input devices: displaying a first content item of a plurality of content items at a first size in a first area in the view of the three-dimensional environment when the view of the three-dimensional environment is visible via the display generation component; detecting a first gesture while the first content item is displayed in the first area at the first size; as well as In response to detecting the first gesture: concurrently displaying the first content item and a first set of one or more content items of the plurality of content items, wherein the first content item and the first set of one or more content items are displayed as reduced scale representations; as well as Visually de-emphasize one or more portions of the view of the three-dimensional environment, wherein the one or more portions of the view of the three-dimensional environment that are visually de-emphasized are visible concurrently with the first content item and the first set of one or more content items.

109. The method of claim 108, wherein visually de-emphasizes one or more portions of the view of the three-dimensional environment comprises: A visual prominence of a portion of the view of the three-dimensional environment that was visible before the first gesture was detected is reduced.

110. The method of claim 109, wherein reducing the visual prominence of the portion of the view of the three-dimensional environment comprises: The portion of the view of the three-dimensional environment is one or more of blurred, dimmed, or hidden.

111. The method of claim 109, wherein after detecting the first gesture, at least a portion of the three-dimensional environment is visible.

112. The method according to any one of claims 108 to 111, further comprising: In response to detecting the first gesture, an overview mode is activated in which currently opened content items are concurrently displayed for selection.

113. A method according to any one of claims 108 to 112, wherein the multiple content items correspond to web pages, and a browser toolbar including multiple tabs corresponding to two or more content items among the multiple content items for the browser is displayed concurrently with the first content item in the second area.

114. The method of any one of claims 108 to 112, wherein the first gesture comprises an air pinch gesture performed with one hand of a user and a pushing movement of the hand away from the user's viewpoint while maintaining the air pinch gesture.

115. A method according to any one of claims 108 to 112, wherein the first gesture comprises a change in the distance between the first hand of the user and the second hand of the user when the first hand of the user and the second hand of the user are performing an air gesture.

116. The method of any one of claims 108 to 112, wherein the air gesture comprises a first two-finger air pinch gesture performed with one hand of the user, followed by a second two-finger air pinch gesture performed with the same hand.

117. The method of any one of claims 108 to 116, wherein a proportion of the representation of the plurality of content items is based at least in part on a number of the plurality of content items that are displayed concurrently, the plurality of content items including the first content item.

118. The method of any one of claims 108 to 117, further comprising: detecting a second gesture; as well as In response to detecting the second gesture, scrolling through the plurality of content items includes displaying one or more previously undisplayed content items of the plurality of content items.

119. The method of any one of claims 108 to 117, wherein concurrently displaying the first content item and the first set of one or more content items of the plurality of content items comprises: Displays all currently opened content items concurrently.

120. The method of any one of claims 108 to 119, further comprising: detecting a third gesture; In response to detecting the third gesture, a corresponding content item of the plurality of content items is selected and the corresponding content item is moved from a first position to a second position in the view of the three-dimensional environment.

121. A method according to any one of claims 108 to 120, wherein each content item of the plurality of content items corresponds to a web page, and the method comprises: One or more representations of one or more groups of web pages are displayed concurrently with the plurality of content items.

122. A method according to any one of claims 108 to 120, wherein each content item of the plurality of content items corresponds to a web page, and the method comprises: detecting a fourth gesture; In response to the fourth gesture, one or more representations of one or more web page groups are displayed without concurrently displaying content items of the plurality of content items that are not included in the one or more web page groups.

123. A method according to any one of claims 108 to 122, wherein each content item of the plurality of content items corresponds to a web page, and the method comprises: displaying a browser toolbar including a plurality of user-selectable controls including navigation controls and a search input area; as well as In response to detecting the first gesture, collapsing the browser toolbar includes ceasing to display the plurality of user-selectable controls while maintaining display of the search input area.

124. A method according to any one of claims 108 to 123, wherein the first subset of content items that are concurrently displayed as reduced-scale representations are displayed at an angle relative to the user's viewpoint.

125. The method of any one of claims 108 to 124, further comprising: displaying a browser toolbar including a plurality of tabs including a user-selectable affordance for creating a new tab; receiving a fourth gesture selecting the affordance for creating a new tab; as well as In response to receiving the fourth gesture, a new tab is created, and a new content item is displayed as an active item of the application, the content item being associated with the new tab.

126. The method of any one of claims 108 to 125, further comprising: displaying a browser toolbar, including concurrently displaying a plurality of tabs corresponding to two or more of the plurality of content items; detecting a selection input selecting a tab displayed in the browser toolbar from among the plurality of tabs; In response to detecting the selection input, and while the selection input is maintained, moving the selected tab away from the browser toolbar; as well as In response to detecting termination of the selection input, creating a new window having content of the content item corresponding to the selected tab.

127. The method of any one of claims 108 to 126, further comprising: detecting a first input selecting a first window representing a first target content item from among the plurality of content items, wherein the first input is performed with a first hand; In response to detecting the first input, selecting the first window; while maintaining the first input selecting the first window, detecting a second input selecting a second window representing a second target content item from the plurality of content items, wherein the second selection input is performed with a second hand different from the first hand; as well as While the first input and the second input are maintained, a change in the distance between the first window and the second window is detected so that the first window and the second window are combined in one window group representation including the first window and the second window.

128. The method of any one of claims 112 to 127, wherein activating the overview mode comprises: Displaying two or more of the plurality of content items in a virtual area of ​​the three-dimensional environment, wherein the virtual area is positioned in the three-dimensional environment based at least in part on a position of the first content item before detecting the first gesture.

129. The method of claim 128, wherein: When the two or more content items of the plurality of content items are displayed in the designated virtual area and when the overview mode is activated, the position of the designated virtual area remains fixed.

130. The method of claim 129, wherein the size of the designated virtual area is based on a number of content items displayed within the designated virtual area.

131. The method of claim 130, wherein: When in the overview mode, the vertical extent of the virtual area is within the same range of vertical extent values ​​for various different numbers of content items displayed concurrently within the virtual area.

132. The method of any one of claims 108 to 131, further comprising: prior to detecting the first gesture, displaying a first user interface element for selecting the first content item; In response to detecting the first gesture, ceasing to display the first user interface element.

133. A computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system that communicates with a display generating component and one or more input devices, the one or more programs comprising instructions for executing a method according to any one of claims 108 to 132.

134. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: one or more processors; and A memory storing one or more programs configured to be executed by the one or more processors, the one or more programs comprising instructions for executing the method according to any one of claims 108 to 132.

135. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: A component for carrying out the method according to any one of claims 108 to 132.

136. A computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system in communication with a display generation component and one or more input devices, the one or more programs comprising instructions for: displaying a first content item of a plurality of content items at a first size in a first area in the view of the three-dimensional environment when the view of the three-dimensional environment is visible via the display generation component; detecting a first gesture while the first content item is displayed in the first area at the first size; as well as In response to detecting the first gesture: concurrently displaying the first content item and a first set of one or more content items of the plurality of content items, wherein the first content item and the first set of one or more content items are displayed as reduced scale representations; as well as Visually de-emphasize one or more portions of the view of the three-dimensional environment, wherein the one or more portions of the view of the three-dimensional environment that are visually de-emphasized are visible concurrently with the first content item and the first set of one or more content items.

137. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: one or more processors; and A memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for: displaying a first content item of a plurality of content items at a first size in a first area in the view of the three-dimensional environment when the view of the three-dimensional environment is visible via the display generation component; detecting a first gesture while the first content item is displayed in the first area at the first size; as well as In response to detecting the first gesture: concurrently displaying the first content item and a first set of one or more content items of the plurality of content items, wherein the first content item and the first set of one or more content items are displayed as reduced scale representations; as well as Visually de-emphasize one or more portions of the view of the three-dimensional environment, wherein the one or more portions of the view of the three-dimensional environment that are visually de-emphasized are visible concurrently with the first content item and the first set of one or more content items.

138. A computer system in communication with a display generation component and one or more input devices, the computer system comprising: means enabled, when a view of a three-dimensional environment is visible via the display generating component, for displaying a first content item of a plurality of content items at a first size in a first area in the view of the three-dimensional environment; means enabled for detecting a first gesture when the first content item is displayed in the first area at the first size; and A component enabled in response to detecting the first gesture, the component comprising: means for concurrently displaying the first content item and a first set of one or more content items of the plurality of content items, wherein the first content item and the first set of one or more content items are displayed as reduced scale representations; and Means for visually de-emphasizing one or more portions of the view of the three-dimensional environment, wherein the one or more portions of the view of the three-dimensional environment that are visually de-emphasized are visible concurrently with the first content item and the first set of one or more content items.

Images