Integration of augmented reality experiences with other components

Abstract

Methods and systems for generating an AR experience are disclosed. Methods and systems access a first component of a plurality of components implemented by a messaging application, the plurality of components including an AR experience, each component of the plurality of components configured to be individually launched by the messaging application. Methods and systems store a first state of a first component in a data structure shared across a plurality of components; and starting. In response to determining that the interaction has been performed using the first component, the method and system launches, by the messaging application, a second component of the plurality of components; and configure a second state of the second component based on the interaction that has been performed using the first component.

Description

[0001] Priority claim

[0002] This application claims the benefit of U.S. patent application serial number 17 / 845,496, filed on June 21, 2022, the entire contents of which are incorporated herein by reference. Technical Field

[0003] The present disclosure generally relates to generating augmented reality (AR) experiences on messaging applications. Background Art

[0004] Augmented reality (AR) is a modification of a virtual environment. For example, in virtual reality (VR), the user is completely immersed in a virtual world, while in AR, the user is immersed in a world that combines virtual objects with the real world or superimposes virtual objects on the real world. AR systems are designed to generate and present virtual objects that interact realistically with the real world environment and with each other. Examples of AR applications can include single or multiplayer video games, instant messaging systems, etc. BRIEF DESCRIPTION OF THE DRAWINGS

[0005] In the accompanying drawings (which are not necessarily drawn to scale), like numbers may describe similar components in different views. To easily identify the discussion of any particular element or action, the most significant digit or digits in a reference numeral refer to the figure number in which the element is first introduced. Some non-limiting examples are shown in the accompanying drawings, in which:

[0006] Figure 1 is a diagrammatic representation of a networking environment in which the present disclosure may be deployed, according to some examples.

[0007] Figure 2 is a diagrammatic representation of a messaging client application according to some examples.

[0008] Figure 3 is a diagrammatic representation of data structures maintained in a database according to some examples.

[0009] Figure 4 is a graphical representation of messages according to some examples.

[0010] Figure 5 is a block diagram illustrating an example component integration system according to some examples.

[0011] Figure 6 , Figure 7 , Fig. 8A and Figure 8B is a diagrammatic representation of the output of a component integration system according to some examples.

[0012] Fig. 9is a flow diagram illustrating example operations of a component integration system according to some examples.

[0013] Fig.10 is a diagrammatic representation of a machine in the form of a computer system according to some examples within which a set of instructions may be executed for causing the machine to perform any one or more of the methodologies discussed herein.

[0014] Fig.11 is a block diagram illustrating a software architecture in which examples may be implemented. DETAILED DESCRIPTION

[0015] The following description includes systems, methods, techniques, instruction sequences and computing machine program products that implement illustrative examples of the present disclosure. In the following description, for the purpose of illustration, many specific details are set forth to provide an understanding of various examples. However, it will be apparent to those skilled in the art that examples may be practiced without these specific details. Typically, it is not necessary to show in detail known instruction instances, protocols, structures and techniques.

[0016] Messaging applications typically enable end users to access various AR experiences by launching an AR experience bundle or package that includes AR content associated with the AR experience. AR experiences typically present AR elements that are animated or anchored to a specific location. This allows the user to move around in the real world and keep the AR elements in place or move around in a similar manner. Messaging applications also allow users to access other features or components, such as messaging functions, map applications, avatar applications, and / or web-based applications (e.g., web-based game applications). Each of these features or components typically works independently of each other, so that operations performed on one component typically do not reflect operations performed by another component.

[0017] Due to the lack of interoperability between the various components that can be used on the messaging application, disjoint experiences are provided to the user, and the user may become frustrated by having to repeat certain operations across multiple components. For example, a user may communicate with a friend on one component and may be interested in interacting with the friend on an AR experience as well. To do this, the user must reconnect with the same friend on the AR experience by browsing various information pages, and then must wait for the friend to join the user in the AR experience. This type of interaction wastes a lot of time and resources, and makes the user lose interest in using the messaging application and become frustrated. Some typical systems attempt to solve these problems by providing a limited amount of shared information between different components. However, the amount and type of data that can be shared between components is predetermined and limited, which limits developers from creating a wide variety of useful and attractive interactions, such as interactions involving AR experiences. This may reduce the level of interest of end users in accessing AR experiences, which leads to missed opportunities.

[0018] The disclosed technology solves these technical problems by providing a system that enables any type of data to be shared across all or some subsets of components implemented by a messaging application. To this end, the disclosed technology executed on a computing system accesses a first component of multiple components implemented by a messaging application through a messaging application implemented on a client device. The multiple components include an AR experience, and each of the multiple components is configured to be started separately by the messaging application. The disclosed technology stores a first state of a first component in a data structure shared across multiple components, and in response to determining that an interaction has been performed using the first component, a second component of the multiple components is started by the messaging application. The disclosed technology accesses the data structure through the second component to retrieve the first state of the first component, and configures the second state of the second component that has been started based on the first state of the first component. In some cases, the interaction with the first component can be directly communicated to the second component to configure the state of the second component (e.g., in the case of being transmitted through a shared data structure or not through a shared data structure).

[0019] For example, a user may interact with a web-based application (and / or a map application) to achieve a certain purpose or goal or to perform a task. Once the purpose or goal is achieved, the web-based application may pass one or more parameters of the web-based application to start the AR experience. The AR experience may be automatically (programmatically) started in response to achieving the purpose or goal and / or in response to presenting an option to the user to start the AR experience. Once the AR experience is started, the AR experience presents one or more AR elements related to the parameters received from the web-based game application. When a certain purpose, goal, standard, or level is achieved in the AR experience, the AR experience automatically (programmatically) and / or in response to a specific request, resumes the web-based application and / or starts a new or different web-based application. The AR experience may provide one or more parameters of the AR experience generated during the interaction and launch of the AR experience to the web-based application and / or the new or different web-based application. The user may continue to interact with the web-based application and / or the new or different web-based application based on the interaction performed by the user with the AR experience.

[0020] In some examples, the user can interact with the AR experience to achieve a specific purpose or goal or perform a task. Once the purpose or goal is achieved, the AR experience can pass one or more parameters of the AR experience to launch a web-based application (and / or map application). The web-based application can be automatically (programmatically) launched in response to achieving the purpose or goal and / or in response to presenting an option to the user to launch the web-based application. Once the web-based application is launched, the web-based application presents a display of a user interface related to the parameters received from the AR experience. When a certain purpose, goal, standard, or level is achieved in the web-based application, the web-based application automatically (programmatically) and / or in response to a specific request, resumes the AR experience. The user can continue to interact with the AR experience based on the interaction performed by the user with the web-based application.

[0021] In this way, the disclosed technology provides an integrated, unified and seamless experience to the user, allowing the user to dynamically interact with multiple components of the messaging application. This reduces the amount of information that needs to be re-entered and thereby reduces the total amount of resources required to complete the task.

[0022] In some examples, an AR development platform is provided to an AR experience developer. The AR development platform can present a user interface to the AR experience developer that enables the AR developer to select how various different components (implemented by different platforms of the messaging application) interact with each other and share data with each other to provide a unified experience to the user. This provides developers with a greater amount of flexibility to create useful, interesting, and engaging AR experiences without being limited by the resource constraints of the messaging application and / or client device running the AR experience. In this way, the disclosed technology improves the efficiency of using the electronic device and the overall experience of the user when using the electronic device.

[0023] Networked computing environment

[0024] Figure 1 1 is a block diagram illustrating an example messaging system 100 for exchanging data (e.g., messages and associated content) over a network. The messaging system 100 includes multiple instances of a client device 102, each of the multiple instances hosting several applications including a client application 104 and other external applications 109 (e.g., third-party applications). Each client application 104 is communicatively coupled to other instances of the client application 104 (e.g., hosted on corresponding other client devices 102), a messaging server system 108, and an external application server 110 via a network 112 (e.g., the Internet). The client application 104 may also communicate with locally hosted third-party applications such as the external application 109 using an application programming interface (API). The client application 104 may include a messaging client, a messaging application, and / or an AR developer application or an AR development client.

[0025] The messaging client or client application 104 can be used as an operating system (or main application) and can implement and coordinate operations across multiple components, including AR experiences, map applications, avatar applications, and / or web-based applications, such as web-based gaming applications. Each of the components of the front-end user interface of the messaging client or client application 104 can be started separately, for example, by selecting a corresponding option from the front-end user interface. In some implementations, in response to user input and / or when a goal is reached within the first component, the first component can automatically and programmatically start the second component and pass initialization parameters to the second component. This provides users with a seamless and unified user experience across multiple components.

[0026] To ensure user data privacy, the client device 102 (or the client application 104 implemented on the client device 102) can notify the user about the type of information that can be collected, and prompt the user to choose whether to opt-in before collecting data. If the user refuses to opt-in and does not give consent, the system will not collect data. If the user opts in, the data will be securely stored on the server in an encrypted manner. To further ensure user data privacy, the client device 102 can notify the user whether a given component is started or can be used to start another component that uses a camera or microphone of the client device 102 or other input devices that are not used by a given component.

[0027] The client device 102 can operate as a standalone device, or can be coupled (e.g., networked) to other machines. In a networked deployment, the client device 102 can operate with the capabilities of a server machine or a client machine in a server-client network environment, or operate as a peer machine in a peer-to-peer (or distributed) network environment. The client device 102 may include, but is not limited to, a server computer, a client computer, a personal computer (PC), a tablet computer, a notebook computer, a netbook, a set-top box (STB), a personal digital assistant (PDA), an entertainment media system, a cellular phone, a smart phone, a mobile device, a wearable device (e.g., a smart watch), a smart home device (e.g., a smart appliance), other smart devices, a web device, a network router, a network switch, a network bridge, or any machine capable of performing the disclosed operations. In addition, although only a single client device 102 is shown, the term "client device" should also be considered to include a collection of machines that perform the disclosed operations individually or jointly.

[0028] In some examples, client device 102 may include AR glasses or AR headsets, where virtual content is displayed within the lenses of the glasses while the user views the real world environment through the lenses. For example, an image may be presented on a transparent display, which allows the user to view content presented on the display and real-world objects simultaneously.

[0029] In some examples, the client device 102 may be operated by an AR experience developer. In this case, the AR experience developer (or AR developer) accesses the AR experience development platform. The AR experience development platform allows the AR developer to generate an AR experience bundle that includes different types of events or triggers and a set of AR elements for controlling the launch of another component, such as a web-based application, an avatar application, or a map application. In some examples, the AR developer can specify conditions for launching other components. The AR experience can access shared data structures (e.g., storage locations, files, or elements) that can also be accessed by other components implemented by the client application 104. The shared data structure can store state information of one or more components in the component and can be used to control the user interface and operation of any component in the component. In this way, a specified set of operations performed by one component (e.g., an AR experience) can be used to modify the operations performed by another component implemented by the same client application 104.

[0030] In some examples, the conditions for launching one or more other components of the client application 104 that are tracked by the given component currently being accessed may include: geographic location, level in a game application or AR experience, completion of one or more goals, view or depiction of a portion of a real-world environment, time, time of day, client device type, user type, user account type, location tag, image tag, or any other suitable condition. In some examples, these conditions may be manually programmed and stored as part of the AR experience bundle. In some examples, the conditions are set by the AR developer selecting between various options for setting certain conditions associated with the component.

[0031] The client applications 104 are able to communicate and exchange data with other client applications 104 and with the messaging server system 108 via the network 112. The data exchanged between the client applications 104 and between the client applications 104 and the messaging server system 108 includes functions (e.g., commands to activate functions) and payload data (e.g., text, audio, video, or other multimedia data).

[0032] The messaging server system 108 provides server-side functionality to certain client applications 104 via the network 112. Although certain functions of the messaging system 100 are described herein as being performed by the client application 104 or by the messaging server system 108, the location of certain functions within the client application 104 or the messaging server system 108 may be a design choice. For example, it may be technically preferable to initially deploy certain technologies and functions within the messaging server system 108, but later migrate the technologies and functions to the client application 104 where the client device 102 has sufficient processing power.

[0033] The messaging server system 108 supports various services and operations provided to the client applications 104. Such operations include sending data to the client applications 104, receiving data from the client applications 104, and processing data generated by the client applications 104. As examples, the data may include message content, client device information, geographic location information, media enhancements and overlays, message content persistence conditions, social network information, and live event information. The data exchange within the messaging system 100 is activated and controlled by functions available via the user interface (UI) of the client applications 104.

[0034] Turning now specifically to the messaging server system 108, an application programming interface (API) server 116 is coupled to and provides a programming interface to the application server 114. The application server 114 is communicatively coupled to a database server 120, which facilitates access to a database 126 that stores data associated with messages processed by the application server 114. Similarly, a web server 128 is coupled to and provides a web-based interface to the application server 114. To this end, the web server 128 processes incoming network requests via the Hypertext Transfer Protocol (HTTP) and several other related protocols.

[0035] The API server 116 receives and sends message data (e.g., commands and message payloads) between the client device 102 and the application server 114. Specifically, the API server 116 provides a set of interfaces (e.g., routines and protocols) that can be called or queried by the client application 104 to activate the functionality of the application server 114. The API server 116 exposes various functions supported by the application server 114, including account registration, login functionality, sending messages from a particular client application 104 to another client application 104 via the application server 114, sending media files (e.g., images or videos) from a client application 104 to a messaging server 118 and for possible access by another client application 104, setting of collections (e.g., stories) of media data, retrieval of a friend list of a user of the client device 102, retrieval of such collections, retrieval of messages and content, adding and removing entities (e.g., friends) from an entity graph (e.g., a social graph), the location of friends within a social graph, and opening application events (e.g., related to the client application 104). In some examples, the API provides a set of interfaces that can be called or queried to pass or share parameters / data between different components of the client application 104 .

[0036] The application server 114 hosts several server applications and subsystems, including, for example, a messaging server 118, an image processing server 122, and a social network server 124. The messaging server 118 implements several message processing techniques and functions, particularly those related to the aggregation and other processing of content (e.g., text and multimedia content) included in messages received from multiple instances of the client application 104. As will be described in further detail, text and media content from multiple sources can be aggregated into collections of content (e.g., called stories or galleries). These collections are then made available to the client application 104. Given the hardware requirements for other processor and memory intensive processing of data, such processing can also be performed on the server side by the messaging server 118.

[0037] The application server 114 also includes an image processing server 122 that is dedicated to performing various image processing operations, typically on images or videos within the payload of messages sent from or received at the messaging server 118 .

[0038] The image processing server 122 is used to implement the enhancement system 208 ( Figure 2 ). The scanning functionality includes activating and providing one or more augmented reality experiences on the client device 102 when an image is captured by the client device 102. Specifically, the client application 104 on the client device 102 can be used to activate the camera. The camera displays one or more real-time images or videos together with one or more icons or identifiers of one or more augmented reality experiences to the user. The user can select a given identifier in the identifier to launch the corresponding AR experience or perform the desired image modification (for example, replace the clothing worn by the user in the video or recolor the clothing worn by the user in the video or modify the clothing based on the gesture performed by the user).

[0039] The social network server 124 supports various social networking functions and services and makes them available to the messaging server 118. To this end, the social network server 124 maintains and accesses an entity graph 308 (e.g., Figure 3 ). Examples of functions and services supported by the social networking server 124 include identifying other users of the messaging system 100 that have a relationship with a particular user or that the particular user is "following," and also include identifying interests and other entities of a particular user.

[0040] Returning to the client application 104, the features and functions of the external resource (e.g., a third-party application 109 or an applet) are available to the user via the interface of the client application 104. The client application 104 receives a user selection of an option for launching or accessing features of an external resource (e.g., a third-party resource) such as an external application 109. The external resource can be a third-party application (external application 109) installed on the client device 102 (e.g., a "native application"), or a small-scale version of a third-party application (e.g., a "mini program") hosted on the client device 102 or located at a remote end of the client device 102 (e.g., on a third-party server 110). The small-scale version of the third-party application includes a subset of the features and functions of the third-party application (e.g., a full-scale, native version of a third-party standalone application) and is implemented using a markup language document. In one example, the small-scale version of the third-party application (e.g., a "mini program") is a web-based markup language version of the third-party application and is embedded in the client application 104. In addition to using markup language documents (eg, *ml files), applets may include scripting languages ​​(eg, .*js files or .json files) and style sheets (eg, *ss files).

[0041] In response to receiving a user selection of an option for launching or accessing a feature of an external resource (external application 109), also referred to as a component, the client application 104 determines whether the selected external resource is a web-based external resource or a locally installed external application. In some cases, the external application 109 installed locally on the client device 102 can be launched independently of the client application 104 and separately from the client application 104, for example, by selecting an icon corresponding to the external application 109 on the home screen of the client device 102. A small-scale version of such an external application (e.g., a component) can be launched or accessed via the client application 104, and in some examples, no part of the small-scale external application can be accessed outside the client application 104 or only a limited part of the small-scale external application can be accessed outside the client application 104. The small-scale external application can be launched by the client application 104 receiving a markup language document associated with the small-scale external application from the external application server 110 and processing such a document. In some examples, the small-scale external application can be launched by another component (e.g., an AR experience) currently accessed by the client application 104.

[0042] In response to determining that the external resource is a locally installed external application 109, the client application 104 (e.g., in response to a command received from a given component (e.g., an AR experience running on the client device 102)) instructs the client device 102 to launch the external application 109 by executing locally stored code corresponding to the external application 109. In response to determining that the external resource is a web-based resource, the client application 104 communicates with the external application server 110 to obtain a markup language document corresponding to the selected resource. The client application 104 then processes the obtained markup language document to present the web-based external resource within the user interface of the client application 104.

[0043] The client application 104 may notify the user of the client device 102 or other users (e.g., "friends") associated with such a user of activities occurring in one or more external resources. For example, the client application 104 may provide a notification related to the current or recent use of an external resource by one or more members of a group of users to a participant in a conversation (e.g., a chat session) in the client application 104. One or more users may be invited to join an active external resource or to start an external resource that was recently used but is currently inactive (in the friend group). The external resource may provide the ability to share items, conditions, states, or locations in the external resource with one or more members of a group of users entering the chat session to the participants in the conversation who each use the corresponding client application 104. The shared item may be an interactive chat card that the members of the chat may interact with to, for example, start the corresponding external resource, view specific information in the external resource, or bring the members of the chat to a specific location or state in the external resource. Within a given external resource, a response message may be sent to the user on the client application 104. The external resource may selectively include different media items in the response based on the current context of the external resource.

[0044] The client application 104 can present a list of available external resources (e.g., components, third parties, or external applications 109 or applets) to the user to launch or access a given external resource. The list can be presented in a context-sensitive menu. For example, icons representing different external applications in the external applications 109 (or applets) can change based on how the user launches the menu (e.g., from a dialog interface or from a non-dialog interface).

[0045] The client application 104 may allow a user to launch an AR experience with different types of AR elements or events. Specifically, the client application 104 may receive a request to access an AR experience. In response to receiving the request to access the AR experience, the client application 104 launches an AR experience bundle associated with the AR experience. As part of the AR experience bundle, the client application 104 accesses a list of event types or conditions associated with the AR experience for launching another component such as a map application or a web-based application or resource. The list may include predefined event types or conditions and / or event types specifically configured and selected by the AR developer.

[0046] The client application 104 may determine that the interaction associated with the AR experience corresponds to a first event type or a first condition in a list of event types. In response to detecting the interaction, the client application 104 identifies one or more components associated with the first condition. The client application 104 may access current state information associated with the AR experience and launch one or more components based on the current state information of the AR experience. One or more components may be launched programmatically, automatically (without user input), or in response to presenting a prompt with an action call option for the user to select to launch one or more components. This allows AR experience developers to enhance or improve certain features of the AR experience and unify such an experience across other components of the client application 104 (used to implement the AR experience), which improves the overall experience of the end user.

[0047] In some examples, the client application 104 may present an AR developer interface. In this case, as discussed below, the client application 104 may be operated by an AR developer to develop and create one or more AR experiences.

[0048] System Architecture

[0049] Figure 2 1 is a block diagram showing additional details about the messaging system 100 according to some examples. Specifically, the messaging system 100 is shown to include a client application 104 and an application server 114. The messaging server 100 contains several subsystems (also referred to as components) that are supported on the client side by the client application 104 and on the server side by the application server 114. These subsystems (or components) include, for example, a transient timer system 202, a collection management system 204, an enhancement system 208, a map system 210, a game system 212, and an external resource system 220 (also referred to as a web-based application system).

[0050] The transient timer system 202 is responsible for implementing temporary or time-limited access to content by the client application 104 and the messaging server 118. The transient timer system 202 includes several timers that selectively enable access (e.g., for presentation and display) of messages and associated content via the client application 104 based on duration and display parameters associated with a message or collection of messages (e.g., a story). Additional details regarding the operation of the transient timer system 202 are provided below.

[0051] The collection management system 204 is responsible for managing collections or collections of media (e.g., collections of text, image video, and audio data). Collections of content (e.g., messages, including images, videos, text, and audio) can be organized into "event galleries" or "event stories." Such collections can be available for a specified period of time (e.g., the duration of the event to which the content is related). For example, content related to a concert can be made available as a "story" for the duration of the concert. The collection management system 204 can also be responsible for publishing icons that provide notification of the existence of a particular collection to the user interface of the client application 104.

[0052] In addition, the collection management system 204 also includes a curation interface 206, which allows a collection manager to manage and curate a specific content collection. For example, the curation interface 206 enables an event organizer to curate a collection of content related to a specific event (e.g., to delete inappropriate content or redundant messages). In addition, the collection management system 204 uses machine vision (or image recognition technology) and content rules to automatically curate content collections. In some examples, compensation can be paid to users for including user-generated content in a collection. In such a case, the collection management system 204 operates to automatically pay such users for using their content.

[0053] The enhancement system 208 provides various functions that enable users to enhance (e.g., annotate or otherwise modify or edit) media content associated with a message. For example, the enhancement system 208 provides functions related to generating and publishing media overlays for messages processed by the messaging system 100. The enhancement system 208 can operably supply media overlays or enhancements (e.g., image filters) to the client application 104 based on the geographic location of the client device 102. In another example, the enhancement system 208 can operably supply media overlays to the client application 104 based on other information (e.g., social network information of the user of the client device 102). The media overlay can include audio and visual content and visual effects. Examples of audio and visual content include pictures, text, logos, animations, and sound effects. Examples of visual effects include color overlays. Audio and visual content or visual effects can be applied to media content items (e.g., photos) at the client device 102. For example, the media overlay can include text, graphic elements, or images that can be overlaid on photos taken by the client device 102. In another example, the media overlay includes a location identification overlay (e.g., Venice Beach), the name of a live event, or a business name overlay (e.g., Beach Cafe). In another example, the enhancement system 208 uses the geographic location of the client device 102 to identify a media overlay that includes the name of the business at the geographic location of the client device 102. The media overlay may include other tags associated with the business. The media overlay may be stored in the database 126 and accessed through the database server 120.

[0054] In some examples, the enhancement system 208 provides a user-based publishing platform that enables a user to select a geographic location on a map and upload content associated with the selected geographic location. The user can also specify an environment in which a particular media overlay should be provided to other users. The enhancement system 208 generates a media overlay that includes the uploaded content and associates the uploaded content with the selected geographic location.

[0055] In other examples, the augmentation system 208 provides a merchant-based publishing platform that enables merchants to select specific media overlays associated with a geographic location via a bidding process. For example, the augmentation system 208 associates the media overlay of the highest bidding merchant with the corresponding geographic location for a predefined amount of time. The augmentation system 208 communicates with the image processing server 122 to obtain an augmented reality experience, and presents an identifier of such an experience in one or more user interfaces (e.g., as an icon on a real-time image or video, or as a thumbnail or icon in an interface dedicated to the identifier of the augmented reality experience presented). Once the augmented reality experience is selected, one or more images, videos, or augmented reality graphical elements are retrieved and presented as an overlay on the image or video captured by the client device 102. In some cases, the camera is switched to a front view (e.g., the front camera of the client device 102 is activated in response to the activation of a particular augmented reality experience), and an image from the front camera of the client device 102, rather than the rear camera of the client device 102, begins to be displayed on the client device 102. One or more images, videos, or augmented reality graphical elements are retrieved and presented as an overlay on top of the image captured and displayed by the front-facing camera of the client device 102 .

[0056] In other examples, the augmentation system 208 can communicate and exchange data with another augmentation system 208 and a server on another client device 102 via the network 112. For example, the data exchanged during a video call between multiple users or participants may include: a session identifier identifying a shared AR session; a transformation between a first client device 102 and a second client device 102 (e.g., the multiple client devices 102 include the first device and the second device), the transformation used to align the shared AR session to a common origin; a common coordinate system; functionality (e.g., commands for activating functions) and other payload data (e.g., text, audio, video, or other multimedia data).

[0057] The augmentation system 208 sends the transformation to the second client device 102 so that the second client device 102 can adjust the AR coordinate system based on the transformation. In this way, the first client device 102 and the second client device 102 synchronize their coordinate systems and frames to display the content in the AR session. Specifically, the augmentation system 208 calculates the origin of the second client device 102 in the coordinate system of the first client device 102. The augmentation system 208 can then determine an offset in the coordinate system of the second client device 102 based on the location of the origin in the coordinate system of the second client device 102 from the perspective of the second client device 102. The transformation is generated using the offset so that the second client device 102 generates AR content according to a common coordinate system with the first client device 102.

[0058] The augmentation system 208 can communicate with the client device 102 to establish a separate or shared AR session. The augmentation system 208 can also be coupled to the messaging server 118 to establish an electronic group communication session (e.g., group chat, instant messaging, video call, group video call, etc.) for the client device 102 in the shared AR session. The electronic group communication session can be associated with a session identifier provided by the client device 102 to obtain access rights to the electronic group communication session and the shared AR session. In one example, the client device 102 first obtains access rights to the electronic group communication session, and then obtains a session identifier in the electronic group communication session that allows the client device 102 to access the shared AR session. In some examples, the client device 102 is able to access the shared AR session without the assistance of the augmentation system 208 in the application server 114 or communication with the augmentation system 208 in the application server 114.

[0059] The mapping system 210 provides various geo-location functions and supports the presentation of map-based media content and messages by the client application 104. For example, the mapping system 210 enables the display of (e.g., stored in Figure 3A user icon or avatar (in the profile data 316 shown) may be displayed to indicate the current or past locations of the user's "friends," as well as media content (e.g., a collection of messages including photos and videos) generated by such friends within the context of the map. For example, on the map interface of the client application 104, messages posted by the user to the messaging system 100 from a particular geographic location may be displayed to the particular user's "friends" within the context of that particular location on the map. The user may also share his or her location and status information with other users of the messaging system 100 (e.g., using an appropriate status avatar) via the client application 104, where the location and status information is similarly displayed to selected users within the context of the map interface of the client application 104.

[0060] The gaming system 212 provides various gaming functions within the context of the client application 104. The client application 104 provides a gaming interface that provides a list of available games (e.g., web-based games or web-based applications) that can be launched by a user within the context of the client application 104 and played with other users of the messaging system 100. The system 100 also enables a particular user to invite other users to participate in playing a particular game by sending an invitation to such other users from the client application 104. The client application 104 also supports both voice messaging and text messaging (e.g., chat) within the context of the game, provides leaderboards for the game, and also supports providing in-game rewards (e.g., coins and items).

[0061] The external resource system 220 provides the client application 104 with an interface for communicating with the external application server 110 to launch or access external resources. Each external resource (application) server 110 hosts, for example, an application based on a markup language (e.g., HTML5) or a small-scale version of an external application (e.g., a game, utility, payment, or ride-sharing application external to the client application 104). The client application 104 can launch the web-based resource (e.g., application) by accessing an HTML5 file from the external resource (application) server 110 associated with the web-based resource. In some examples, the application hosted by the external resource server 110 is programmed in JavaScript using a software development kit (SDK) provided by the messaging server 118. The SDK includes an application programming interface (API) with functions that can be called or activated by a web-based application. In some examples, the messaging server 118 includes a JavaScript library that provides access to certain user data of the client application 104 to a given third-party resource. HTML5 is used as an example technology for programming games, but applications and resources programmed based on other technologies can be used.

[0062] In order to integrate the functions of the SDK into the web-based resource, the SDK is downloaded from the messaging server 118 by the external resource (application) server 110 or received by the external resource (application) server 110 in other ways. Once downloaded or received, the SDK is included as part of the application code of the web-based external resource. The code of the web-based resource can then call or activate certain functions of the SDK to integrate the features of the client application 104 into the web-based resource.

[0063] The SDK stored on the messaging server 118 effectively provides a bridge between external resources (e.g., a third party or external application 109 or applet and a client application 104). This provides users with a seamless experience of communicating with other users on the client application 104 while retaining the look and feel of the client application 104. In order to bridge the communication between the external resources and the client application 104, in some examples, the SDK facilitates the communication between the external resource server 110 and the client application 104. In some examples, the WebViewJavaScriptBridge running on the client device 102 establishes two one-way communication channels between the external resources and the client application 104. Messages are sent asynchronously between the external resources and the client application 104 via these communication channels. Each SDK function activation is sent as a message and a callback. Each SDK function is implemented by constructing a unique callback identifier and sending a message with the callback identifier.

[0064] By using the SDK, not all information from the client application 104 is shared with the external resource server 110. The SDK limits which information is shared based on the needs of the external resource. In some examples, each external resource server 110 provides an HTML5 file corresponding to a web-based external resource to the messaging server 118. The messaging server 118 can add a visual representation (e.g., box art or other graphics) of the web-based external resource in the client application 104. Once the user selects a visual representation or instructs the client application 104 to access a feature of a web-based external resource through the GUI of the client application 104, the client application 104 obtains the HTML5 file and instantiates the resources required to access the features of the web-based external resource.

[0065] The client application 104 presents a graphical user interface (e.g., a login page or title screen) for an external resource. During, before, or after presenting the login page or title screen, the client application 104 determines whether the launched external resource has been previously authorized to access the user data of the client application 104. In response to determining that the launched external resource has been previously authorized to access the user data of the client application 104, the client application 104 presents another graphical user interface of the external resource including the functions and features of the external resource. In response to determining that the launched external resource has not been previously authorized to access the user data of the client application 104, after a threshold time period (e.g., 3 seconds) of displaying the login page or title screen of the external resource, the client application 104 slides a menu for authorizing the external resource to access the user data (e.g., animating the menu to emerge from the bottom of the screen to the middle or other part of the screen). The menu identifies the type of user data that the external resource will be authorized to use. In response to receiving a user selection of the accept option, the client application 104 adds the external resource to the list of authorized external resources and enables the external resource to access the user data from the client application 104. In some examples, client application 104 authorizes external resources to access user data according to the OAuth 2 framework.

[0066] The client application 104 controls the type of user data shared with the external resource and between components implemented by the client application 104 based on the type of external resource or component that is authorized. For example, an external resource including a full-scale external application (e.g., a third party or external application 109) is provided with access to a first type of user data (e.g., only a two-dimensional avatar of a user with or without different avatar characteristics). As another example, an external resource including a small-scale version of an external application (e.g., a web-based version of a third-party application) is provided with access to a second type of user data (e.g., payment information, a two-dimensional avatar of a user, a three-dimensional avatar of a user, and an avatar with various avatar characteristics). Avatar characteristics include different ways to customize the look and feel of an avatar (e.g., different poses, facial features, clothing, etc.).

[0067] The component integration system 224 may access, through the messaging application implemented on the client device 102, a first component of the plurality of components implemented by the messaging application. The plurality of components may include an AR experience, and each of the plurality of components may be configured to be individually initiated by the messaging application. The component integration system 224 stores the first state of the first component in a data structure shared across the plurality of components, such as in the data structure 300( Figure 3). In response to determining that the interaction has been performed using the first component, the component integration system 224 starts a second component of the plurality of components through the messaging application. The component integration system 224 accesses the data structure through the second component to retrieve the first state of the first component, and configures the second state of the started second component based on the first state of the first component. The AR developer platform can be used to develop integration between multiple components including at least an AR experience.

[0068] In some examples, the first component includes an AR experience and the second component includes at least one of a web-based application, a map application, or an avatar application. In some examples, the second component includes an AR experience and the first component includes at least one of a web-based application, a map application, or an avatar application.

[0069] The component integration system 224 can determine that an interaction has been performed using the first component by determining that an input corresponding to a specified gesture has been received from the user. In this case, the component integration system 224 performs an action call operation associated with the second component through the first component to start the second component. In response to determining that an input corresponding to the specified gesture has been received, the component integration system 224 displays a prompt with an option for performing an action call operation through the first component. The component integration system 224 receives a second input selecting an option for performing the action call operation.

[0070] Component integration system 224 can determine that the first component has been used to perform interaction by determining that the goal has been reached during the use of the first component. In this case, component integration system 224 automatically performs an action call operation associated with the second component by the first component in response to determining that the goal has been reached to start the second component.

[0071] In some examples, the component integration system 224 replaces the display of the first component with the display of the second component in response to starting the second component. In this case, the component integration system 224 detects the specified interaction performed using the second component and updates the data structure to represent the current state of the second component. The component integration system 224 revisits the first component based on the updated data structure in response to detecting the specified interaction performed using the second component. The display of the second component can be replaced with the display of the first component after revisiting the first component.

[0072] In some examples, the component integration system 224 detects a specified interaction performed using the second component and updates a data structure to represent the current state of the second component. In this case, the component integration system 224 starts a third component of the plurality of components through the second component based on the updated data structure in response to detecting the specified interaction performed using the second component. The display of the second component can be replaced with the display of the third component after starting the third component.

[0073] In some examples, the first component includes an AR experience and the second component includes a web-based application. The state of the first component can include a payload of parameters of the AR experience, which are used to adjust one or more parameters of the second component to provide a unified multi-component experience to the user.

[0074] In some examples, component integration system 224 generates a first user interface associated with the AR experience for display in response to receiving a user selection of an option to separately launch a second component that includes the AR experience. Component integration system 224 generates a second user interface associated with the AR experience for display in response to launching the second component in response to an interaction performed using the first component. One or more options available in the first user interface can be disabled in the second user interface.

[0075] In some examples, the first component includes an AR experience and the second component includes a map application. In this case, the component integration system 224 applies one or more AR elements to a real-world object depicted in an image captured by a camera of the client device 102 through the first component, the real-world object being associated with a real-world location. The component integration system 224 stores data representing the one or more AR elements and the real-world location in a data structure as a first state, and navigates a map displayed by the map application to an area including the real-world location. The component integration system 224 modifies a portion of the area of ​​the map corresponding to the real-world object to include one or more AR elements. The client device 102 may include a first client device 102 associated with a first user, wherein the first component includes an AR experience accessed by the first client device 102 and a map application accessed by a second client device 102 to display a modified portion of the area of ​​the map on a second client device associated with the second user. In this way, operations performed by the first client device 102 on the AR experience can be reflected by another component (which is different from the AR experience), such as a map application, which is accessed by another user on the second client device 102.

[0076] In some examples, the first component includes a web-based application and the second component includes an AR experience. In this case, the component integration system 224 navigates an avatar in the web-based application to a virtual location and determines a condition indicating that the virtual location is associated with an activated AR experience that includes a front-facing camera of the client device. The component integration system 224 adds one or more AR elements of the AR experience to a real-time video feed captured by the front-facing camera of the client device 102 in response to navigating the avatar in the web-based application to the virtual location. The component integration system 224 presents the real-time video feed including the one or more AR elements within the display of the web-based application.

[0077] In some examples, the first component includes a web-based application and the second component includes an AR experience. In this case, the component integration system 224 receives input including a selection of a virtual item by the web-based application, and determines that the selection of the virtual item is associated with an AR experience including activation of a rear camera of the client device. In response to receiving input including a selection of the virtual item by the web-based application, the component integration system 224 adds one or more AR elements of the AR experience representing the virtual item to a real-time video feed captured by the rear camera of the client device. The component integration system 224 presents the real-time video feed that includes the one or more AR elements representing the virtual item of the web-based application.

[0078] In some examples, the first component includes an AR experience and the second component includes a web-based application. In this case, component integration system 224 performs a series of operations including: presenting, by the AR experience, a first AR element including a virtual device; in response to receiving input by the AR experience for unlocking the virtual device, causing the web-based application to present a keypad; receiving, by the web-based application, a request for a password hint; in response to receiving the request for the password hint, causing the AR experience to present one or more AR elements representing the password hint over a live video feed captured by a camera of the client device; receiving, by the web-based application, an interaction with the keypad including a correct password associated with the password hint represented by the one or more AR elements; and in response to receiving the interaction with the keypad, enabling, by the web-based application, a user to interact with the virtual device.

[0079] The component integration system 224 may also perform one or more interactions with the AR experience after access to the virtual device has been enabled, and the AR experience determines that the one or more interactions correspond to the target. In this case, the component integration system 224 may unlock access to other features of the virtual device through the web-based application in response to determining that the one or more interactions correspond to the target.

[0080] This functionality provides developers with a greater amount of flexibility to create useful, interesting, unified, and engaging AR experiences across different components without being limited by the resource constraints of the messaging application and / or client device running the AR experience.

[0081] Data Architecture

[0082] Figure 3 is a schematic diagram illustrating a data structure 300 that may be stored in a database 126 of a messaging server system 108 according to some examples. Although the contents of the database 126 are illustrated as including several tables, it will be appreciated that data may be stored in other types of data structures (e.g., as an object-oriented database).

[0083] Database 126 includes message data stored in message table 302. For any particular message, the message data includes at least message sender data, message recipient (or receiver) data, and payload. Figure 4 Additional details regarding information that may be included in a message and included within the message data stored in message table 302 are described.

[0084] The entity table 306 stores entity data and is linked (e.g., by reference) to the entity graph 308 and profile data 316. The entities whose records are maintained within the entity table 306 may include individuals, corporate entities, organizations, objects, places, events, etc. Regardless of the entity type, any entity about which the messaging server system 108 stores data may be an identified entity. Each entity is provided with a unique identifier as well as an entity type identifier (not shown).

[0085] The entity graph 308 stores information about relationships and associations between entities. By way of example only, such relationships may be social, professional (e.g., working in a common company or organization), interest-based, or activity-based.

[0086] Profile data 316 stores multiple types of profile data about a particular entity. Based on the privacy settings specified by the particular entity, profile data 316 can be selectively used and presented to other users of the messaging system 100. In the case where the entity is a person, profile data 316 includes, for example, a user name, phone number, address, settings (e.g., notification and privacy settings), and an avatar representation (or a collection of such avatar representations) selected by the user. A particular user can then selectively include one or more of these avatar representations within the content of a message communicated via the messaging system 100 and on a map interface displayed to other users by the client application 104. The collection of avatar representations can include a "status avatar" that presents a graphical representation of a status or activity that a user may choose to communicate at a particular time.

[0087] Where the entity is a group, profile data 316 for the group may similarly include one or more avatar representations associated with the group, in addition to the group name, members, and various settings for the relevant group (eg, notifications).

[0088] The database 126 also stores enhancement data, such as overlays or filters, in an enhancement table 310. The enhancement data is associated with and applied to videos (data for videos is stored in the video table 304) and images (data for images is stored in the image table 312).

[0089] The database 126 may also store data related to individual and shared AR sessions. The data may include data transmitted between an AR session client controller of a first client device 102 and another AR session client controller of a second client device 102, and data transmitted between an AR session client controller and an augmented system 208. The data may include data for establishing a common coordinate system for a shared AR scene, transformations between devices, session identifiers, images depicting the body, skeletal joint positioning, wrist positioning, feet, etc.

[0090] In one example, a filter is displayed as an overlay over an image or video during presentation to a recipient user. The filters can be of various types, including user-selected filters from a set of filters presented to the sending user by the client application 104 when the sending user is composing a message. Other types of filters include geolocation filters (also known as geofilters), which can be presented to the sending user based on geographic location. For example, a geolocation filter specific to a nearby or special location can be presented by the client application 104 within the user interface based on geographic location information determined by a global positioning system (GPS) unit of the client device 102.

[0091] Another type of filter is a data filter, which can be selectively presented to the sending user by the client application 104 based on other input or information collected by the client device 102 during the message creation process. Examples of data filters include the current temperature at a particular location, the current speed the sending user is traveling, the battery life of the client device 102, or the current time.

[0092] Other augmented data that may be stored in the image table 312 include augmented reality content items (eg, corresponding to an applied augmented reality experience). Augmented reality content items or augmented reality items may be real-time special effects and sounds that may be added to an image or video.

[0093] As described above, augmented data includes augmented reality content items, overlays, image transformations, AR images, AR signs or logos, and similar items involving modifications that can be applied to image data (e.g., videos or images). This includes real-time modifications that modify the image when it is captured using a device sensor (e.g., one or more cameras) of the client device 102 and then display the image with the modifications on the screen of the client device 102. This also includes modifications to stored content (e.g., video clips in a gallery that can be modified). For example, in a client device 102 that has access to multiple augmented reality content items, a user can use a single video clip with multiple augmented reality content items to see how different augmented reality content items will modify the stored clips. For example, by selecting different augmented reality content items for the content, multiple augmented reality content items that apply different pseudo-random movement models can be applied to the same content. Similarly, real-time video capture can be used with the modifications shown to show how the video image currently captured by the sensor of the client device 102 will modify the captured data. Such data may be displayed only on the screen and not stored in memory, or the content captured by the device sensors may be recorded and stored in memory with or without modification (or both). In some systems, a preview feature may show how different augmented reality content items will be displayed simultaneously in different windows of the display. This may, for example, enable viewing of multiple windows with different pseudo-random animations on the display at the same time.

[0094] Thus, data and various systems using augmented reality content items or other such transformation systems using the data to modify content may involve detection of objects (e.g., faces, hands, bodies, cats, dogs, surfaces, objects, etc.) in video frames; tracking of such objects as they leave, enter, and move around the field of view; and modification or transformation of such objects as they are tracked. In various examples, different methods for implementing such transformations may be used. Some examples may involve: generating a three-dimensional mesh model of one or more objects; and using transformations of the model and animated textures within a video to implement the transformations. In other examples, tracking of points on an object may be used to place an image or texture (which may be two-dimensional or three-dimensional) at the tracked location. In yet another example, neural network analysis of a video frame may be used to place an image, model, or texture in content (e.g., an image or frame of a video). Thus, augmented reality content items refer to both images, models, and textures used to create transformations in content, as well as additional modeling and analysis information required to implement such transformations using object detection, tracking, and placement.

[0095] Real-time video processing can be performed using any type of video data (e.g., video streams, video files, etc.) stored in the memory of any type of computerized system. For example, a user can load a video file and save it in the memory of the device, or a sensor of the device can be used to generate a video stream. In addition, computer animation models can be used to process any object, such as human faces and body parts, animals, or inanimate objects (e.g., chairs, cars, or other objects).

[0096] In some examples, when a specific modification is selected together with the content to be transformed, the elements to be transformed are identified by a computing device, and then if the elements are present in the frame of the video, they are detected and tracked. The elements of the object are modified according to the modification request, thereby transforming the frame of the video stream. For different types of transformations, the transformation of the frame of the video stream can be performed by different methods. For example, for a frame transformation that mainly involves changing the form of the elements of the object, the feature points of each element of the object are calculated (for example, using an active shape model (Active Shape Model, ASM) or other known methods). Then, a grid based on the feature points is generated for each element of at least one element of the object. The grid is used for the subsequent stage of tracking the elements of the object in the video stream. During the tracking process, the grid mentioned for each element is aligned with the positioning of each element. Then, additional points are generated on the grid. A first group of first points is generated for each element based on the modification request, and a group of second points is generated for each element based on the group of first points and the modification request. Then, the frame of the video stream can be transformed by modifying the elements of the object based on the group of first points, the group of second points and the grid. In such an approach, the background of the modified object may also be changed or distorted by tracking and modifying the background.

[0097] In some examples, a transformation that changes some areas of an object using elements of an object can be performed by calculating characteristic points of each element of the object and generating a grid based on the calculated characteristic points. Points are generated on the grid, and then various areas are generated based on the points. The elements of the object are then tracked by aligning the area for each element with the positioning for each element of at least one element, and the properties of the area can be modified based on the modification request, thereby transforming the frame of the video stream. Depending on the specific modification request, the properties of the mentioned area can be transformed in different ways. Such modifications can involve changing the color of the area; removing at least some parts of the area from the frame of the video stream; including one or more new objects into the area based on the modification request; and modifying or distorting the elements of the area or object. In various examples, any combination of such modifications or other similar modifications can be used. For certain models to be animated, some characteristic points can be selected as control points for the entire state space to be used to determine options for model animation.

[0098] In some examples of computer animation models for transforming image data using face detection, faces are detected on an image using a specific face detection algorithm (e.g., Viola-Jones). An active shape model (ASM) algorithm is then applied to the face region of the image to detect facial feature reference points.

[0099] Other methods and algorithms suitable for face detection can be used. For example, in some examples, landmarks are used to locate features, and the landmarks represent distinguishable points that are present in most of the images considered. For example, for facial landmarks, the location of the left pupil can be used. If the initial landmarks are not identifiable (for example, when a person wears an eye patch), secondary landmarks can be used. Such a landmark identification process can be used for any such object. In some examples, a set of landmarks forms a shape. The coordinates of the points in the shape can be used to represent the shape as a vector. A similarity transformation (which allows translation, scaling, and rotation) that minimizes the average Euclidean distance between the shape points is used to align one shape with another shape. The mean shape is the average value of the aligned training shapes.

[0100] In some examples, the landmark search begins with an average shape that aligns with the location and size of the face as determined by a global face detector. Such a search then repeats the steps of proposing tentative shapes by template matching the image texture around each point to adjust the position of the shape points, and then conforming the tentative shapes to the global shape model until convergence occurs. In some systems, template matching alone is unreliable, and the shape model pools the results of weak template matches to form a stronger overall classifier. The entire search is repeated at each level in the image pyramid from coarse to fine resolution.

[0101] The transformation system can capture an image or video stream on a client device (e.g., client device 102) and perform complex image manipulations locally on the client device 102 while maintaining an appropriate user experience, computation time, and power consumption. Complex image manipulations can include size and shape changes, emotion transitions (e.g., changing a face from a frown to a smile), state transitions (e.g., aging a subject, reducing apparent age, changing gender), style transitions, application of graphical elements, and any other suitable image or video manipulations enabled by a convolutional neural network that has been configured to execute efficiently on the client device 102.

[0102] In some examples, a computer animation model for transforming image data can be used by a system in which a user can capture an image or video stream of the user (e.g., a selfie) using a client device 102 having a neural network that operates as part of a client application 104 operating on the client device 102. A transformation system operating within the client application 104 determines the presence of a face within the image or video stream and provides a modification icon associated with the computer animation model for transforming the image data, or the computer animation model can exist in association with an interface described herein. The modification icon includes the following changes, which can be the basis for modifying the user's face within the image or video stream as part of the modification operation. Once the modification icon is selected, the transformation system initiates a process of transforming the user's image to reflect the selected modification icon (e.g., generating a smiling face for the user). Once the image or video stream is captured and the specified modification is selected, the modified image or video stream can be presented in a graphical user interface displayed on the client device 102. The transformation system can implement a complex convolutional neural network for a portion of the image or video stream to generate and apply the selected modification. That is, a user can capture an image or video stream, and once a modification icon is selected, the modified result can be presented to the user in real time or near real time. In addition, the modification can be persistent while the video stream is being captured and the selected modification icon remains toggled. A machine learning neural network can be used to implement such modification.

[0103] The graphical user interface presenting the modifications performed by the transformation system can provide additional interactive options to the user. Such options can be based on the interface used to initiate the selection of a particular computer animation model and content capture (e.g., initiated from a content creator user interface). In various examples, the modifications can be persistent after the modification icon is initially selected. The user can turn the modification on or off by clicking or otherwise selecting the face being modified by the transformation system, and store it for later viewing or browsing to other areas of the imaging application. In the case where multiple faces are modified by the transformation system, the user can globally switch the modification on or off by clicking or selecting a single face modified and displayed within the graphical user interface. In some examples, each face in a group of multiple faces can be modified individually, or such modifications can be individually switched by clicking or selecting a single face or a series of faces displayed within the graphical user interface.

[0104] The story table 314 stores data related to a collection of messages and associated images, video or audio data that are compiled into a collection (e.g., a story or gallery). The creation of a particular collection can be initiated by a particular user (e.g., each user whose record is maintained in the entity table 306). A user can create a "personal story" in the form of a collection of content that has been created and sent / broadcasted by the user. To this end, the user interface of the client application 104 may include an icon that the user can select to enable the sending user to add specific content to his or her personal story.

[0105] A collection may also constitute a "live story," which is a collection of content from multiple users created manually, automatically, or using a combination of manual and automatic techniques. For example, a "live story" may constitute a curated stream of user-submitted content from various locations and events. Users whose client devices have location services enabled and who are at a common location event at a particular time may be presented with an option, for example via a user interface of the client application 104, to contribute content to a particular live story. Live stories may be identified to a user by the client application 104 based on his or her location. The end result is a "live story" told from a community perspective.

[0106] Another type of content collection is called a "location story," which enables users whose client devices 102 are located in a particular geographic location (e.g., on a college or university campus) to contribute to a particular collection. In some examples, contributions to location stories may require secondary authentication to verify that the end user belongs to a particular organization or other entity (e.g., is a student on a university campus).

[0107] As mentioned above, the video table 304 stores video data, which in one example is associated with a message whose record is maintained within the message table 302. Similarly, the image table 312 stores image data associated with a message whose message data is stored in the entity table 306. The entity table 306 can associate various enhancements from the enhancement table 310 with the various images and videos stored in the image table 312 and the video table 304.

[0108] Data communication architecture

[0109] Figure 4is a schematic diagram illustrating the structure of a message 400 according to some examples, the message 400 being generated by a client application 104 for transmission to another client application 104 or a messaging server 118. The content of a particular message 400 is used to populate a message table 302 stored in a database 126 accessible by a messaging server 118. Similarly, the content of the message 400 is stored in memory as "in-transit" or "in-flight" data for a client device 102 or application server 114. The message 400 is illustrated as including the following example components.

[0110] ●Message identifier 402: a unique identifier that identifies the message 400.

[0111] • Message text payload 404 : Text to be generated by a user via the user interface of the client device 102 and included in the message 400 .

[0112] • Message image payload 406 : Image data captured by a camera component of the client device 102 or retrieved from a memory component of the client device 102 and included in the message 400 . The image data for a sent or received message 400 may be stored in the image table 312 .

[0113] • Message video payload 408 : Video data captured by the camera component or retrieved from the memory component of the client device 102 and included in the message 400 . The video data for a message 400 that has been sent or received may be stored in the video table 304 .

[0114] • Message audio payload 410 : audio data captured by a microphone or retrieved from a memory component of the client device 102 and included in the message 400 .

[0115] Message enhancement data 412 : Enhancement data (eg, filters, stickers, or other annotations or enhancements) representing enhancements to be applied to the message image payload 406 , message video payload 408 , or message audio payload 410 of the message 400 .

[0116] • Message duration parameter 414: A parameter value indicating the amount of time in seconds that the content of the message (eg, message image payload 406, message video payload 408, message audio payload 410) will be presented to or made accessible to the user via the client application 104.

[0117] Message geolocation parameters 416: Geolocation data (e.g., latitude and longitude coordinates) associated with the content payload of the message. Multiple message geolocation parameter 416 values ​​may be included in the payload, each of which is associated with a content item included in the content (e.g., a specific image within a message image payload 406, or a specific video within a message video payload 408).

[0118] Message story identifier 418: An identifier value that identifies one or more content collections (e.g., a "story" identified in story table 314) associated with a particular content item in message image payload 406 of message 400. For example, an identifier value may be used to associate multiple images within message image payload 406 with each of multiple content collections.

[0119] Message tags 420: Each message 400 may be tagged with a plurality of tags, each of which indicates the subject of the content included in the message payload. For example, where a particular image included in the message image payload 406 depicts an animal (e.g., a lion), a tag value indicating the relevant animal may be included within the message tags 420. The tag values ​​may be manually generated based on user input, or may be automatically generated using, for example, image recognition.

[0120] • Message sender identifier 422: An identifier (eg, a messaging system identifier, an email address, or a device identifier) ​​that indicates the user of the client device 102 on which the message 400 was generated and from which the message 400 was sent.

[0121] • Message recipient identifier 424: An identifier (eg, a messaging system identifier, an email address, or a device identifier) ​​that indicates the user of the client device 102 to which the message 400 is addressed.

[0122] The content (e.g., value) of each component of message 400 may be a pointer to a location in a table in which the content data value is stored. For example, the image value in message image payload 406 may be a pointer to a location in image table 312 (or the address of a location in image table 312). Similarly, the value in message video payload 408 may point to data stored in video table 304, the value stored in message enhancement data 412 may point to data stored in enhancement table 310, the value stored in message story identifier 418 may point to data stored in story table 314, and the values ​​stored in message sender identifier 422 and message recipient identifier 424 may point to user records stored in entity table 306.

[0123] Component Integration System

[0124] Figure 5is a block diagram illustrating an example component integration system 224 according to some examples. Component integration system 224 includes an AR experience development module 500 , a component access module 510 , and a component synchronization module 520 .

[0125] The AR experience development module 500 generates a user interface to be presented to the AR developer on the AR developer client device 102. The user interface enables the AR developer to select AR events and conditions to control the launch of other components on one or more client devices 102. As referred to herein, an "AR experience bundle" or "AR bundle" refers to a set of AR elements (including standard AR elements and linked AR elements) and corresponding code that indicates the visual appearance, interaction, and behavior of each AR element. The AR bundle includes the code required for the client device 102 to launch and execute the AR experience associated with the AR bundle. The AR bundle includes conditions or parameters that are tracked and used to store the current state of the AR experience. These conditions are tracked consistently or periodically to identify one or more other components to be launched on the client device 102 based on one or more interactions performed on the AR experience. In some cases, another component can pass parameters to the AR bundle, which are used by the other component to initiate and launch the AR experience in a specific state.

[0126] In some examples, AR experience development module 500 receives a request to access a developer user interface from developer client device 102. For example, AR experience development module 500 receives login credentials from developer client device 102. AR experience development module 500 can search for an account associated with the login credentials and generate a graphical user interface associated with the account to present to developer client device 102. AR experience development module 500 presents multiple AR experience bundles associated with the account in the graphical user interface. In some cases, an account can be accessed by an organization, in which case multiple users within the organization can share access to the account and can view the same set of AR experience bundles.

[0127] AR experience development module 500 may receive input from developer client device 102 selecting a given AR experience bundle. In response to receiving the input, AR experience development module 500 presents a graphical user interface. AR experience development module 500 includes in the graphical user interface an identifier of the AR experience bundle and a list of AR events, conditions, or triggers that are included in the AR experience bundle and control the initiation of another component during execution of the AR experience.

[0128] AR events, conditions, or triggers may include or represent specified actions, targets, or objects associated with an AR experience. For example, an AR event, condition, or trigger may include any combination of a custom event, a camera event (specifying activation of a front or rear camera), a face found event, a face lost event, an object tracking criterion, a 3D object tracking criterion, a marker tracking component, a click event, a touch start event, a touch move event, a touch end event, a shared session event, a shared session join event, a voice command event, a voice transcription event, and / or a language event. The list may also include one or more AR elements or objects. AR elements may include 2D meshes, 3D meshes, videos, audio files, image files, and / or machine learning models. AR events, conditions, or triggers may include combinatorial logic that is used to determine when to assert an operation or call an action to start another component. For example, when the combinatorial logic asserts an output, the AR bundle identifies a second component (e.g., a map application or a web-based application) associated with the combinatorial logic. The AR bundle writes or stores the current state of the AR experience in a shared data structure for access by the second component. The AR bundle then instructs the client device 102 to launch the second component, which uses the data structure to configure a state of the second component.

[0129] The AR experience development module 500 may receive input selecting a given AR event or condition or combination logic. For example, the condition or combination logic specifies a subscription level of an end user, a geographic region associated with the end user, a time of day, a type of AR experience, a geographic location, a target, a game application or level in the AR experience, a view or depiction of a portion of a real-world environment, a request from an end user to enable persistence of an AR object or element, a time, a location tag, an image tag, or any other suitable condition.

[0130] In some examples, client device 102 determines that a particular interaction (e.g., a particular camera view, such as a front-facing camera view, a rear-facing camera view, or detection of a specified real-world object in a captured image) corresponds to a given condition associated with an AR experience. In this case, client device 102 aggregates the interaction into an entity or data structure associated with the given condition. If the condition is met, client device 102 identifies a second component associated with the condition and launches the second component using the aggregated interaction.

[0131] In some examples, the component access module 510 launches a first component, such as a web-based application, an avatar application, a map application, or an AR experience. The first component can be launched on the first client device 102. For example, the client application 104 presents a user interface to the first user on the first client device 102. In one example, the user interface includes a plurality of options, each option being associated with a different component implemented by the client application 104. In response to receiving a user selection of an option associated with the first component, the client application 104 launches the first component and presents or generates a display of the user interface including the first component.

[0132] The component access module 510 can retrieve a set of conditions associated with the first component. During access to the first component, the set of conditions controls when and which parameters are passed to the second and / or third components of the client application 104. The set of conditions can be stored or configured in the component synchronization module 520. The set of conditions can also control what types of data or information are shared between various components during access to the first component. The data or information is stored in a shared data structure by the component synchronization module 520.

[0133] The component synchronization module 520 can monitor the progress or interaction performed by the user during access to the first component on the first client device 102. For example, the component synchronization module 520 detects that a particular interaction or a set of interactions corresponds to a condition stored by the component synchronization module 520. For example, the first component includes a web-based application, and the condition represents a level, a virtual room, or a set of actions, such as navigating an avatar to a specific virtual location within the web-based application. In this case, the component synchronization module 520 identifies a second component (which may be a different type from the first component) associated with the condition. The component synchronization module 520 programmatically, automatically, or in response to a user confirmation or selection of an option in a displayed prompt, starts the second component. The component synchronization module 520 provides the component access module 510 with an identification of the second component and a set of configuration data from a shared data structure to initiate the launch of the second component into a specific state. The component access module 510 launches the second component in a specific state. For example, the second component may be an AR experience that presents one or more AR elements corresponding to a set of actions (such as navigating an avatar to a specific virtual location within the web-based application), a level, or a virtual room performed on the web-based application.

[0134] The component access module 510 may monitor the progress or interactions performed by the user during access to the second component on the first client device 102. For example, the component synchronization module 520 detects that a particular interaction or a set of interactions corresponds to a condition stored by the component synchronization module 520 for the second component. For example, the second component includes an AR experience, and the condition may represent a user interaction with one or more of the AR elements presented within a real-time video feed that is captured by the first client device 102 and presented on the first client device 102. In this case, the component synchronization module 520 identifies the first component and / or the third component (which may be a different type from the first component / second component) associated with the condition satisfied by the interaction with the second component. The component synchronization module 520 programmatically, automatically, or in response to a user confirmation or selection of an option in a displayed prompt, starts the first component and / or the third component. The component synchronization module 520 provides the identification of the first component and / or the third component and a set of configuration data from the shared data structure to the component access module 510 to initiate the start of the first component and / or the third component into a specific state. The component access module 510 starts the first component and / or the third component in a specific state. In this way, the interaction performed on one component is used to control the state of another component in a seamless and unified manner.

[0135] In some examples, the first component includes an AR experience, and the condition represents a level, a goal, a set of interactions with a virtual element or AR element displayed in the AR experience on top of a real-world environment depicted in a captured video stream, a virtual room, or a set of actions. In this case, the component synchronization module 520 identifies a second component (which may be a different type than the first component) associated with the condition. The component synchronization module 520 starts the second component programmatically, automatically, or in response to a user confirmation or selection of an option in a displayed prompt. The component synchronization module 520 provides the component access module 510 with an identification of the second component and a set of configuration data from a shared data structure to initiate the launch of the second component into a specific state. The component access module 510 starts the second component in a specific state. For example, the second component is a web-based application that presents a user interface associated with one or more AR elements that interact with the AR experience.

[0136] The component access module 510 monitors the progress or interaction performed by the user during access to the second component on the first client device 102. For example, the component synchronization module 520 detects that a particular interaction or a set of interactions corresponds to a condition stored by the component synchronization module 520 for the second component. When the condition is satisfied by the interaction performed using the second component, the component synchronization module 520 identifies the first component and / or the third component (which may be a different type from the first component / the second component) associated with the condition satisfied by the interaction with the second component. The component synchronization module 520 programmatically, automatically, or in response to a user confirmation or selection of an option in a displayed prompt, starts the first component and / or the third component. The component synchronization module 520 provides the identification of the first component and / or the third component and a set of configuration data from the shared data structure to the component access module 510 to initiate the start of the first component and / or the third component into a specific state. The component access module 510 starts the first component and / or the third component in a specific state. In this way, the interaction performed on one component is used to control the state of another component in a seamless and unified manner.

[0137] Figure 6 , Figure 7 , Fig. 8A and Figure 8B is a diagrammatic representation of the output of component integration system 224 according to some examples. For example, Figure 6 As shown in a set of user interfaces 600 of FIG. 2 , a user input requesting to launch a web-based application can be received. The component integration system 224 receives the input and launches the web-based application. In response, the component integration system 224 presents a first user interface 610 in which graphical elements of the web-based application are displayed. The first user interface 610 includes an avatar that the user can control. In some examples, the avatar is controlled by the user to walk to a virtual location, such as a virtual bathroom. This can be a response to a message informing the user to check the avatar's face in the mirror.

[0138] In response to determining that the avatar has been moved or navigated to the virtual bathroom location, the component integration system 224 can determine that the condition is met. The condition can be associated with initiating an AR experience. In this case, the component integration system 224 presents one or more graphical elements of the web-based application corresponding to the virtual bathroom location. For example, as shown in the user interface 620, the component integration system 224 displays a graphical mirror 626 as part of the web-based application. The component integration system 224 also initiates the AR experience with an indication of the AR element to be presented on a specific portion of the face.

[0139] The component integration system 224 can instruct the AR experience to activate the front-facing camera of the client device 102. In one example, the component integration system 224 requests input from the user to allow access to the front-facing camera (e.g., before launching the web-based application and / or in response to a condition that triggers launching the AR experience). If the user allows use of the front-facing camera, the component integration system 224 captures a real-time video stream from the camera and displays the real-time video stream in a designated portion of the user interface of the web-based application, such as in a portion surrounded by a virtual mirror 626. The AR experience can detect real-world facial elements in the video stream, such as the eyes of the user 622, and display one or more animated AR elements 624 on top of or adjacent to the detected facial elements. In this way, the component integration system 224 integrates some visual elements of the web-based application with visual elements of the AR experience to provide a unified experience.

[0140] The component integration system 224 can detect that a certain condition is met, such as the user selecting an exit option or performing certain movements detected by the front camera. In response, the component integration system 224 exits the AR experience and returns the user to the display of the web-based application shown in the user interface 630.

[0141] In some examples, such as Figure 7 As shown in a set of user interfaces 700, a user input requesting to launch a web-based application can be received. The component integration system 224 receives the input and launches the web-based application. In response, the component integration system 224 presents a first user interface 710 in which a graphical element 712 of the web-based application is displayed. The first user interface 710 includes a menu of virtual items (e.g., a virtual flower). The web-based application detects a selection of a given graphical element in the graphical elements 712. This triggers a condition for launching an AR experience.

[0142] Specifically, in response to determining that a given graphical element in the graphical elements 712 has been selected, the component integration system 224 determines that a condition is satisfied. In one example, the condition is associated with launching an AR experience. In this case, the component integration system 224 instructs the AR experience to activate the rear camera of the client device 102. The component integration system 224 passes one or more parameters of the web-based application, and the one or more parameters identify the given graphical element in the graphical elements 712 that have been selected. The component integration system 224 requests input from the user to allow access to the rear camera (e.g., before launching the web-based application and / or in response to a condition that triggers launching the AR experience). If the user allows the use of the rear camera, the component integration system 224 captures a real-time video stream from the rear camera and displays the real-time video stream in the user interface 720. The AR experience can display one or more animated AR elements 724 on top of or adjacent to one or more real-world objects 722 depicted in the video stream. AR element 724 may represent an AR counterpart (e.g., a 3D flower) of a virtual item (e.g., a virtual flower) corresponding to a given graphical element in graphical elements 712 selected from the user interface of the web-based application. In this manner, component integration system 224 integrates some features of the visual elements of the web-based application into the visual elements of the AR experience to provide a unified experience.

[0143] In some examples, such as Fig. 8A As shown, a user input requesting to start an AR experience is received. The component integration system 224 receives the input and starts the AR experience. In response, the component integration system 224 presents a first user interface 800 in which AR elements of the AR experience are displayed. The AR elements may include a virtual device, such as a virtual phone, which is displayed on top of the real-world environment depicted in a real-time video feed captured by a front camera or a rear camera of the client device 102 and presented on the screen.

[0144] The AR experience detects an interaction, such as a user selection of a displayed virtual AR device. The interaction triggers a condition for launching a web-based application. In this case, the interaction includes a request to access or use the virtual AR device. The component integration system 224 provides parameters of the virtual AR device and instructions for launching the web-based application to the web-based application. The web-based application presents a user interface 810 to replace the user interface 800 associated with the AR experience. The user interface 810 includes graphical elements of the web-based application, such as a virtual keypad. The web-based application receives input selecting a combination of keys of the virtual keypad and determines whether the combination matches a predetermined combination or code. In response to the web-based application determining that the combination fails to match the predetermined combination or code, the web-based application presents a message indicating that the facepass is invalid.

[0145] In response to determining the number of times that the combination entered by the user does not match the predetermined combination or code, the web-based application determines that the conditions for launching or revisiting the AR experience are met. In this case, the web-based application retrieves a set of characters and passes the characters to the AR experience to be presented as AR elements. The web-based application initiates the AR experience using instructions for activating the front-facing camera of the client device 102, in which the real-world environment is captured. The web-based application also instructs the AR experience to display an animated representation of the set of characters, such as using an animated 3D AR element. For example, as shown in the user interface 820, the AR experience presents a real-time video feed depicting the face of the user 822 and one or more 3D AR elements 824 corresponding to the set of characters received from the web-based application. After a threshold time period has passed, or in response to input from the user, the AR experience is terminated and the web-based application user interface 810 is redisplayed. The web-based application allows the user to enter a combination corresponding to the 3D AR element presented by the AR experience again.

[0146] In response to the web-based application determining that the combination matches the predetermined combination or code, the web-based application presents a user interface 830, such as Figure 8BAs shown in FIG. 830 . User interface 830 represents the visual elements of the unlocked virtual device. The web-based application receives input from the user interacting with the options presented on the virtual device to access the AR game experience. In response, the web-based application instructs the AR game experience to activate the rear camera of the client device 102. As shown in user interface 840, the web-based application provides data for rendering one or more AR elements on a real-time video feed received from the rear camera. The AR game experience can monitor the progress of the user's interaction with one or more AR elements. In response to determining that a goal has been achieved, such as capturing a specific group or several ghosts or AR elements, the AR game application determines that a condition is met. At this point, the AR game experience passes a parameter indicating the achieved goal to the web-based application. In response to receiving the parameter, the web-based application user interface 850 is displayed to replace the display of the AR game experience. Based on the user's interaction with the AR game experience, the user interface 850 identifies a new virtual game or mode that has become unlocked and can be used as part of the virtual device provided by the web-based application, and presents a message notifying the user of the new virtual game or mode.

[0147] In some examples, an AR experience is presented on the first client device 102. The AR experience may correspond to a capture the flag game. The first client device 102 uses a rear-mounted camera to capture real-time video of one or more real-world buildings in a real-world environment. In response to detecting that a condition associated with the first real-world building has been met, the AR experience renders an AR element, such as a color, animation, or pattern, on top of the first real-world building. The AR experience also stores real-world location information, such as GPS coordinates of the first real-world building. The real-world location information is shared with a map application (another component of the client application 104) through the AR experience. The AR experience also shares visual elements associated with the first real-world building with the map application.

[0148] At a later time or simultaneously with accessing the AR experience on the first client device 102, the second client device 102 may access a map application. The map application on the second client device 102 may access shared information from the AR experience, for example because the first client device 102 authorizes sharing of information with a particular group or groups of other client devices 102 including the second client device 102. The map application on the second client device 102 displays a map and receives input from a user to navigate the map to an area including the GPS coordinates of the first real-world building. In response, the map application displays a representation of the first real-world building on the map along with a representation of a visual element associated with the first real-world building generated by the AR experience. For example, the map application displays an indicator or icon having a certain color over the GPS coordinates of the first real-world building on the displayed map area. This allows a user who is not participating in the AR experience to track the progress of the game and the user on the AR experience by viewing a different component (e.g., a map outside the AR experience).

[0149] Fig. 9 900 is a flow chart of a process 900 performed by a component integration system 224 according to some examples. Although the flow chart may describe the operations as a sequential process, many of these operations may be performed in parallel or simultaneously. In addition, the order of the operations may be rearranged. When the operations of the process are completed, the process is terminated. The process may correspond to a method, a program, etc. The steps of the method may be performed in whole or in part, may be performed in combination with some or all of the steps in other methods, and may be performed by any number of different systems or any part thereof (e.g., a processor included in any system).

[0150] At operation 901, as discussed above, the component integration system 224 (e.g., the client device 102 or a server) accesses a first component of multiple components implemented by a messaging application via a messaging application implemented on the client device, the multiple components including an augmented reality (AR) experience, each of the multiple components being configured to be individually launched by the messaging application.

[0151] At operation 902 , as discussed above, the component integration system 224 stores a first state of a first component in a data structure that is shared across multiple components.

[0152] At operation 903 , as discussed above, the component integration system 224 initiates a second component of the plurality of components through a messaging application in response to determining that the interaction has been performed using the first component.

[0153] At operation 904 , as discussed above, the component integration system 224 accesses the data structure through the second component to retrieve the first state of the first component.

[0154] At operation 905 , as discussed above, the component integration system 224 configures a second state of the already started second component based on the first state of the first component.

[0155] Machine Architecture

[0156] Fig.10 1000 within which instructions 1008 (e.g., software, programs, applications, applet, app, or other executable code) may be executed for causing the machine 1000 to perform any one or more of the methods discussed herein. For example, the instructions 1008 may cause the machine 1000 to perform any one or more of the methods described herein. The instructions 1008 transform a general purpose, unprogrammed machine 1000 into a specific machine 1000 that is programmed to perform the functions described and illustrated in the manner described. The machine 1000 may operate as a standalone device or may be coupled (e.g., networked) to other machines. In a networked deployment, the machine 1000 may operate as a server machine or a client machine in a server-client network environment, or as a peer machine in a peer-to-peer (or distributed) network environment. The machine 1000 may include, but is not limited to, a server computer, a client computer, a personal computer (PC), a tablet computer, a laptop computer, a netbook, a set-top box (STB), a personal digital assistant (PDA), an entertainment media system, a cellular phone, a smart phone, a mobile device, a wearable device (e.g., a smart watch), a smart home device (e.g., a smart appliance), other smart devices, a web appliance, a network router, a network switch, a network bridge, or any machine capable of sequentially or otherwise executing instructions 1008 specifying actions to be taken by the machine 1000. In addition, although only a single machine 1000 is shown, the term "machine" should also be considered to include a collection of machines that individually or jointly execute instructions 1008 to perform any one or more of the methods discussed herein. For example, the machine 1000 may include any of the client device 102 or a number of server devices that form part of the messaging server system 108. In some examples, the machine 1000 may also include both a client system and a server system, wherein certain operations of a particular method or algorithm are performed on the server side and certain operations of the particular method or algorithm are performed on the client side.

[0157] The machine 1000 may include a processor 1002, a memory 1004, and an input / output (I / O) component 1038 that may be configured to communicate with each other via a bus 1040. In an example, the processor 1002 (e.g., a central processing unit (CPU), a reduced instruction set computing (RISC) processor, a complex instruction set computing (CISC) processor, a graphics processing unit (GPU), a digital signal processor (DSP), an application specific integrated circuit (ASIC), a radio frequency integrated circuit (RFIC), another processor, or any suitable combination thereof) may include, for example, a processor 1006 that executes instructions 1008 and a processor 1010. The term "processor" is intended to include multi-core processors, which may include two or more independent processors (sometimes referred to as "cores") that may execute instructions simultaneously. Although Fig.10 Multiple processors 1002 are shown, but the machine 1000 may include a single processor with a single core, a single processor with multiple cores (e.g., a multi-core processor), multiple processors with a single core, multiple processors with multiple cores, or any combination thereof.

[0158] The memory 1004 includes a main memory 1012, a static memory 1014, and a storage unit 1016, which are all accessible by the processor 1002 via the bus 1040. The main memory 1012, the static memory 1014, and the storage unit 1016 store instructions 1008 that embody any one or more of the methodologies or functions described herein. The instructions 1008 may also reside, completely or partially, within the main memory 1012, within the static memory 1014, within a machine-readable medium within the storage unit 1016, within at least one of the processors 1002 (e.g., within a cache memory of a processor), or within any suitable combination thereof during execution thereof by the machine 1000.

[0159] I / O components 1038 may include various components for receiving input, providing output, generating output, sending information, exchanging information, capturing measurements, etc. The specific I / O components 1038 included in a particular machine will depend on the type of machine. For example, a portable machine such as a mobile phone may include a touch input device or other such input mechanism, while a headless server machine will most likely not include such a touch input device. It should be understood that I / O components 1038 may include Fig.10, many other components not shown in the figure. In various examples, the I / O components 1038 may include a user output component 1024 and a user input component 1026. The user output component 1024 may include a visual component (e.g., a display such as a plasma display panel (PDP), a light emitting diode (LED) display, a liquid crystal display (LCD), a projector, or a cathode ray tube (CRT)), an acoustic component (e.g., a speaker), a tactile component (e.g., a vibration motor, a resistance mechanism), other signal generators, etc. The user input component 1026 may include an alphanumeric input component (e.g., a keyboard, a touch screen configured to receive alphanumeric input, an optical keyboard, or other alphanumeric input component), a point-based input component (e.g., a mouse, a touch pad, a trackball, a joystick, a motion sensor, or other pointing instrument), a tactile input component (e.g., a physical button, a touch screen or other tactile input component that provides the location and force of a touch or touch gesture), an audio input component (e.g., a microphone), etc.

[0160] In other examples, the I / O component 1038 may include a biometric component 1028, a motion component 1030, an environmental component 1032, or a positioning component 1034, as well as various other components. For example, the biometric component 1028 includes components for detecting expressions (e.g., hand expressions, facial expressions, voice expressions, body postures, or eye tracking), measuring biosignals (e.g., blood pressure, heart rate, body temperature, sweat, or brain waves), identifying people (e.g., voice recognition, retinal recognition, facial recognition, fingerprint recognition, or EEG-based recognition), etc. The motion component 1030 includes an acceleration sensor component (e.g., an accelerometer), a gravity sensor component, and a rotation sensor component (e.g., a gyroscope).

[0161] Environmental components 1032 include, for example, one or more cameras (with still image / photo and video capabilities), lighting sensor components (e.g., photometers), temperature sensor components (e.g., one or more thermometers that detect ambient temperature), humidity sensor components, pressure sensor components (e.g., barometers), acoustic sensor components (e.g., one or more microphones that detect background noise), proximity sensor components (e.g., infrared sensors that detect nearby objects), gas sensors (e.g., gas detection sensors that detect concentrations of hazardous gases for safety or measure pollutants in the atmosphere), or other components that can provide indications, measurements, or signals corresponding to the surrounding physical environment.

[0162] With respect to cameras, client device 102 may have a camera system including, for example, a front-facing camera on a front surface of client device 102 and a rear-facing camera on a rear surface of client device 102. The front-facing camera may, for example, be used to capture still images and videos (e.g., “selfies”) of a user of client device 102, which may then be enhanced with the enhancement data (e.g., filters) described above. For example, the rear-facing camera may be used to capture still images and videos in a more conventional camera mode, where the images are similarly enhanced with the enhancement data. In addition to the front-facing camera and the rear-facing camera, client device 102 may also include a 360° camera for capturing 360° photos and videos.

[0163] Additionally, the camera system of the client device 102 may include dual rear cameras (e.g., a main camera and a depth sensing camera), or even triple, quad, or quintuple rear camera configurations on the front and back sides of the client device 102. For example, these multiple camera systems may include a wide-angle camera, an ultra-wide-angle camera, a telephoto camera, a macro camera, and a depth sensor.

[0164] The positioning component 1034 includes a position sensor component (for example, a GPS receiver component), an altitude sensor component (for example, an altimeter or a barometer that detects air pressure, and the altitude can be obtained based on the air pressure), an orientation sensor component (for example, a magnetometer), etc.

[0165] A variety of technologies can be used to achieve communication. The I / O components 1038 also include a communication component 1036 that is operable to couple the machine 1000 to the network 1020 or the device 1022 via a corresponding coupling or connection. For example, the communication component 1036 may include a network interface component or other suitable device that interfaces with the network 1020. In other examples, the communication component 1036 may include a wired communication component, a wireless communication component, a cellular communication component, a near field communication (NFC) component, Parts (e.g. Low power consumption), Device 1022 may be another machine or any of a variety of peripheral devices (eg, a peripheral device coupled via USB).

[0166] In addition, the communication component 1036 can detect the identifier or include a component that can be operated to detect the identifier. For example, the communication component 1036 can include a radio frequency identification (RFID) tag reader component, an NFC smart tag detection component, an optical reader component (e.g., an optical sensor for detecting one-dimensional bar codes such as universal product code (UPC) bar codes, multi-dimensional bar codes such as Quick Response (QR) codes, Aztec codes, Data Matrix, Dataglyph, MaxiCode, PDF417, Ultra Code, UCC RSS-2D bar codes, and other optical codes) or an acoustic detection component (e.g., a microphone for identifying a tagged audio signal). In addition, various information can be obtained via the communication component 1036, such as location via Internet Protocol (IP) geolocation, ... Signal triangulation to derive location, location via detection of NFC beacon signals that can indicate a specific location, etc.

[0167] Various memories (e.g., main memory 1012, static memory 1014, and memory of processor 1002) and storage unit 1016 may store one or more sets of instructions and data structures (e.g., software) implemented or used by any one or more of the methods or functions described herein. When executed by processor 1002, these instructions (e.g., instructions 1008) cause various operations to implement the disclosed examples.

[0168] The instructions 1008 may be sent or received over the network 1020 using a transmission medium via a network interface device (e.g., a network interface component included in the communication component 1036) and using any of a number of well-known transmission protocols (e.g., the Hypertext Transfer Protocol (HTTP)). Similarly, the instructions 1008 may be sent or received via a coupling (e.g., a peer-to-peer coupling) with the device 1022 using a transmission medium.

[0169] Software Architecture

[0170] Fig.111100 is a block diagram illustrating a software architecture 1104 that may be installed on any one or more of the devices described herein. The software architecture 1104 is supported by hardware, such as a machine 1102 including a processor 1120, a memory 1126, and an I / O component 1138. In this example, the software architecture 1104 may be conceptualized as a stack of layers, where each layer provides specific functionality. The software architecture 1104 includes layers such as an operating system 1112, a library 1110, a framework 1108, and an application 1106. In operation, the application 1106 invokes an API call 1150 through the software stack and receives a message 1152 in response to the API call 1150.

[0171] The operating system 1112 manages hardware resources and provides public services. The operating system 1112 includes, for example, a kernel 1114, a service 1116, and a driver 1122. The kernel 1114 serves as an abstraction layer between the hardware and other software layers. For example, the kernel 1114 provides functions such as memory management, processor management (e.g., scheduling), component management, networking, and security settings. The service 1116 can provide other public services to other software layers. The driver 1122 is responsible for controlling the underlying hardware or interfacing with the underlying hardware. For example, the driver 1122 may include a display driver, a camera driver, or Low-power drivers, Flash drivers, Serial communication drivers (e.g., USB drivers), Drivers, audio drivers, power management drivers, etc.

[0172] The libraries 1110 provide a common low-level infrastructure used by the applications 1106. The libraries 1110 may include a system library 1118 (e.g., a C standard library) that provides functions such as memory allocation functions, string manipulation functions, mathematical functions, etc. In addition, the libraries 1110 may include an API library 1124, such as a media library (e.g., a library for supporting presentation and manipulation of various media formats such as Moving Picture Experts Group-4 (MPEG4), Advanced Video Coding (H.264 or AVC), Moving Picture Experts Group Layer-3 (MP3), Advanced Audio Coding (AAC), Adaptive Multi-Rate (AMR) audio codec, Joint Photographic Experts Group (JPEG or JPG), or Portable Network Graphics (PNG)), a graphics library (e.g., an OpenGL framework for rendering in two dimensions (2D) and three dimensions (3D) in graphics content on a display), a database library (e.g., SQLite providing various relational database functions), a web library (e.g., WebKit providing web browsing functions), etc. The library 1110 may also include various other libraries 1128 to provide many other APIs to the application 1106 .

[0173] The framework 1108 provides a common high-level infrastructure used by the applications 1106. For example, the framework 1108 provides various graphical user interface (GUI) functions, advanced resource management, and advanced location services. The framework 1108 can provide a wide range of other APIs that can be used by the applications 1106, some of which can be specific to a particular operating system or platform.

[0174] In an example, applications 1106 may include a home application 1136, a contacts application 1130, a browser application 1132, a book reader application 1134, a location application 1142, a media application 1144, a messaging application 1146, a game application 1148, and a variety of other applications such as external applications 1140. Applications 1106 are programs that execute functions defined in the program. Various programming languages ​​may be used to create one or more of the applications 1106 constructed in various ways, such as an object-oriented programming language (e.g., Objective-C, Java, or C++) or a procedural programming language (e.g., C or assembly language). In a specific example, external applications 1140 (e.g., created by an entity other than the vendor of a particular platform using ANDROID TM or IOS TM Software Development Kit (SDK) can be used to develop applications on mobile operating systems such as IOS TM ANDROID TM , Mobile software running on the iPhone or other mobile operating system. In this example, external applications 1140 can activate API calls 1150 provided by the operating system 1112 to facilitate the functions described herein.

[0175] Glossary

[0176] "Carrier signal" refers to any intangible medium capable of storing, encoding or carrying instructions for execution by a machine and includes digital or analog communications signals or other intangible media to facilitate the transmission of such instructions. Instructions may be sent or received over a network using a transmission medium via a network interface device.

[0177] "Client Device" refers to any machine that interfaces with a communications network to obtain resources from one or more server systems or other client devices. A client device may be, but is not limited to, a mobile phone, a desktop computer, a laptop computer, a portable digital assistant (PDA), a smart phone, a tablet computer, an ultrabook, a netbook, a laptop computer, a multiprocessor system, a microprocessor-based or programmable consumer electronics product, a game console, a set-top box, or any other communications device that a user may use to access a network.

[0178] "Communications Network" means one or more parts of a network, which may be an ad hoc network, an intranet, an extranet, a virtual private network (VPN), a local area network (LAN), a wireless LAN (WLAN), a wide area network (WAN), a wireless WAN (WWAN), a metropolitan area network (MAN), the Internet, a part of the Internet, a part of the Public Switched Telephone Network (PSTN), a Plain Old Telephone Service (POTS) network, a cellular telephone network, a wireless network, A network, other type of network, or a combination of two or more such networks. For example, the network or a portion of the network may include a wireless network or a cellular network, and the coupling may be a code division multiple access (CDMA) connection, a global system for mobile communications (GSM) connection, or other type of cellular or wireless coupling. In this example, the coupling may implement any of various types of data transmission technologies, such as single carrier radio transmission technology (1xRTT), evolution data optimized (EVDO) technology, general packet radio service (GPRS) technology, enhanced data rates for GSM evolution (EDGE) technology, the third generation partnership project (3GPP) including 3G, fourth generation wireless (4G) networks, universal mobile telecommunications system (UMTS), high speed packet access (HSPA), world wide interoperability for microwave access (WiMAX), long term evolution (LTE) standards, other data transmission technologies defined by various standard setting organizations, other long distance protocols, or other data transmission technologies.

[0179] "Component" means a device, physical entity, or logic having boundaries defined by function or subroutine calls, branch points, APIs, or other techniques that provide partitioning or modularization of specific processing or control functions. Components may interface with other components via their interfaces to perform machine processes. A component may be a packaged functional hardware unit designed for use with other components and is part of a program that typically performs a specific one of the related functions.

[0180] Components may constitute software components (e.g., code implemented on a machine-readable medium) or hardware components. A "hardware component" is a tangible unit that is capable of performing certain operations and that can be configured or arranged in some physical manner. In various examples, one or more computer systems (e.g., stand-alone computer systems, client computer systems, or server computer systems) or one or more hardware components of a computer system (e.g., a processor or group of processors) may be configured by software (e.g., an application or application portion) as hardware components that operate to perform certain operations described herein.

[0181] Hardware components can also be implemented mechanically, electronically, or in any suitable combination thereof. For example, hardware components can include dedicated circuits or logic that are permanently configured to perform certain operations. Hardware components can be dedicated processors, such as field programmable gate arrays (FPGAs) or application specific integrated circuits (ASICs). Hardware components can also include programmable logic or circuits that are temporarily configured to perform certain operations by software. For example, hardware components can include software executed by general-purpose processors or other programmable processors. Once configured by such software, hardware components become specific machines (or specific components of machines) that are uniquely customized to perform configured functions, and are no longer general-purpose processors. It will be recognized that it can be decided whether to implement hardware components mechanically in a dedicated and permanently configured circuit or in a temporarily configured circuit (e.g., configured by software) for cost and time considerations. Therefore, the phrase "hardware components" (or "hardware-implemented components") should be understood to include tangible entities, i.e., entities that are physically constructed, permanently configured (e.g., hardwired) or temporarily configured (e.g., programmed) to operate in some way or perform certain operations described herein.

[0182] Consider an example where hardware components are temporarily configured (e.g., programmed), without configuring or instantiating each of the hardware components at any one time. For example, where the hardware components include a general-purpose processor that is configured by software to become a special-purpose processor, the general-purpose processor can be configured into different special-purpose processors (e.g., including different hardware components) at different times. The software configures one or more specific processors accordingly, for example, to constitute a specific hardware component at one time and to constitute different hardware components at different times.

[0183] Hardware components can provide information to other hardware components and receive information from other hardware components. Therefore, the described hardware components can be considered to be communicatively coupled. In the case of multiple hardware components simultaneously, communication can be realized by signal transmission (e.g., by appropriate circuits and buses) between or among two or more hardware components in the hardware components. In the example where multiple hardware components are configured or instantiated at different times, communication between such hardware components can be realized, for example, by storing information in a memory structure to which multiple hardware components have access rights and retrieving information in the memory structure. For example, a hardware component can perform an operation and store the output of the operation in a memory device communicatively coupled thereto. Then, other hardware components can access the memory device at a subsequent time to retrieve the stored output and process it. Hardware components can also initiate communication with input devices or output devices, and can operate resources (e.g., a collection of information).

[0184] The various operations of the example methods described herein may be performed at least in part by one or more processors that are temporarily configured (e.g., by software) or permanently configured to perform related operations. Whether temporarily configured or permanently configured, such a processor may constitute a processor-implemented component that operates to perform one or more operations or functions described herein. As used herein, "processor-implemented components" refer to hardware components implemented using one or more processors. Similarly, the method described herein may be implemented at least in part by a processor, wherein a specific one or more processors are examples of hardware. For example, at least some operations of the method may be performed by one or more processors 1002 or processor-implemented components. In addition, one or more processors may also operate to support the execution of related operations in a "cloud computing" environment or as a "software as a service" (SaaS) operation. For example, at least some of the operations may be performed by a group of computers (as an example of a machine including a processor), wherein these operations may be accessed via a network (e.g., the Internet) and via one or more appropriate interfaces (e.g., API). The execution of certain operations may be distributed between processors, not just residing in a single machine, but deployed across several machines. In some examples, the processor or processor-implemented components may be located in a single geographic location (e.g., in a home environment, an office environment, or a server farm). In other examples, the processor or processor-implemented components may be distributed across several geographic locations.

[0185] "Computer-readable storage media" refers to both machine storage media and transmission media. Thus, the term includes both storage devices / media and carrier / modulated data signals. The terms "machine-readable medium," "computer-readable medium," and "device-readable medium" mean the same thing and may be used interchangeably in this disclosure.

[0186] "Transient message" refers to a message that is accessible for a limited duration. Transient messages can be text, images, videos, etc. The access time of a transient message can be set by the sender of the message. Alternatively, the access time can be a default setting or a setting specified by the recipient. Regardless of the setting technique, the message is transient.

[0187] "Machine storage media" refers to a single or multiple storage devices and media (e.g., centralized or distributed databases, and associated caches and servers) that store executable instructions, routines, and data. Thus, the term should be considered to include, but is not limited to, solid-state memory and optical and magnetic media, including memory internal or external to the processor. Specific examples of machine storage media, computer storage media, and device storage media include: non-volatile memory, including, for example, semiconductor memory devices such as erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), FPGA, and flash memory devices; magnetic disks, such as internal hard disks and removable disks; magneto-optical disks; and CD-ROM and DVD-ROM disks. The terms "machine storage media," "device storage media," and "computer storage media" mean the same thing and may be used interchangeably in this disclosure. The terms "machine storage media," "computer storage media," and "device storage media" expressly exclude carrier waves, modulated data signals, and other such media, at least some of which are encompassed by the term "signal media."

[0188] “Non-transitory computer-readable storage medium” refers to tangible media capable of storing, encoding, or carrying instructions to be executed by a machine.

[0189] "Signal medium" refers to any intangible medium that is capable of storing, encoding or carrying instructions to be executed by a machine, and includes digital or analog communication signals or other intangible media that facilitate the communication of software or data. The term "signal medium" should be deemed to include any form of modulated data signals, carrier waves, etc. The term "modulated data signal" refers to a signal that has one or more of its characteristics set or changed in such a manner as to encode information in the signal. The terms "transmission medium" and "signal medium" refer to the same thing and may be used interchangeably in this disclosure.

[0190] Changes and modifications may be made to the disclosed examples without departing from the scope of the present disclosure. These and other changes or modifications are intended to be included within the scope of the present disclosure as expressed in the appended claims.

Claims

1. A method comprising: accessing, by a messaging application implemented on a client device, a first component of a plurality of components implemented by the messaging application, the plurality of components comprising an augmented reality (AR) experience, each of the plurality of components being configured to be individually initiated by the messaging application; storing a first state of the first component in a data structure shared across the plurality of components; In response to determining that the interaction has been performed using the first component, launching, by the messaging application, a second component of the plurality of components; as well as A second state of the second component is configured based on interactions that have been performed using the first component.

2. The method according to claim 1, wherein: The first component includes the AR experience, and wherein the second component includes at least one of a web-based application, a map application, or an avatar application.

3. The method according to any one of claims 1 to 2, wherein: The second component includes the AR experience, and wherein the first component includes at least one of a web-based application, a map application, or an avatar application.

4. The method according to any one of claims 1 to 3, wherein: Determining that the interaction has been performed using the first component includes: determining that input corresponding to a specified gesture has been received from a user; and The first component executes an action calling operation associated with the second component to start the second component.

5. The method according to claim 4, further comprising: in response to determining that input corresponding to the specified gesture has been received, displaying, by the first component, a prompt having options for performing the call-to-action operation; as well as A second input selecting the option for performing the action-calling operation is received.

6. The method according to any one of claims 1 to 5, wherein: Determining that the interaction has been performed using the first component includes: determining that a goal has been achieved during use of the first component; and In response to determining that the goal has been achieved, an action invocation operation associated with the second component is automatically executed by the first component to launch the second component.

7. The method according to any one of claims 1 to 6, further comprising: In response to launching the second component, replacing the display of the first component with the display of the second component.

8. The method according to claim 7, further comprising: detecting a specified interaction performed using the second component; updating the data structure to represent a current state of the second component; as well as In response to detecting the specified interaction performed using the second component, the first component is revisited based on the updated data structure, wherein, after revisiting the first component, display of the second component is replaced with display of the first component.

9. The method according to claim 7, further comprising: detecting a specified interaction performed using the second component; updating the data structure to represent a current state of the second component; as well as In response to detecting the specified interaction performed using the second component, a third component of the plurality of components is launched by the second component based on the updated data structure, wherein after launching the third component, a display of the second component is replaced with a display of the third component.

10. The method according to any one of claims 1 to 9, wherein: The first component includes the AR experience, and the second component includes a web-based application, the state of the first component includes a payload of parameters of the AR experience, and the payload of parameters is used to adjust one or more parameters of the second component to provide a unified multi-component experience to the user.

11. The method according to any one of claims 1 to 10, further comprising: In response to receiving a user selection of an option to separately launch the second component that includes the AR experience, generating a first user interface associated with the AR experience for display; as well as In response to launching the second component in response to the interaction performed using the first component, a second user interface associated with the AR experience is generated for display, wherein one or more options available in the first user interface are disabled in the second user interface.

12. The method according to any one of claims 1 to 11, wherein: An AR developer platform is used to develop integration between the plurality of components including at least the AR experience, the method further comprising: accessing, by the second component, the data structure to retrieve a first state of the first component and configuring a state of the second component.

13. The method according to any one of claims 1 to 12, wherein: The first component includes the AR experience, and the second component includes a map application, and the method further includes: applying, by the first component, one or more AR elements to a real-world object depicted in an image captured by a camera of the client device, the real-world object being associated with a real-world location; storing data representing the one or more AR elements and the real-world location as the first state in the data structure; navigating a map displayed by the mapping application to an area including the real-world location; and A portion of the area of ​​the map corresponding to the real-world object is modified to include the one or more AR elements.

14. The method according to claim 13, wherein: The client devices include a first client device associated with a first user, wherein the first component including the AR experience is accessed by the first client device, and wherein the map application is accessed by a second client device to display the modified portion of the area of ​​the map on the second client device associated with the second user.

15. The method according to any one of claims 1 to 14, wherein: The first component comprises a web-based application, and wherein the second component comprises the AR experience, the method further comprising: navigating an avatar in the web-based application to a virtual location; determining that the virtual location is associated with the AR experience including activation of a front-facing camera of the client device; In response to navigating the avatar in the web-based application to the virtual location, adding one or more AR elements of the AR experience to a real-time video feed captured by a front-facing camera of the client device; and The real-time video feed including the one or more AR elements is presented within a display of the web-based application.

16. The method according to any one of claims 1 to 15, wherein: The first component comprises a web-based application, and wherein the second component comprises the AR experience, the method further comprising: receiving input by the web-based application comprising a selection of a virtual item; determining that selection of the virtual item is associated with the AR experience including activation of a rear-facing camera of the client device; In response to receiving input by the web-based application including a selection of the virtual item, adding one or more AR elements of the AR experience representing the virtual item to a real-time video feed captured by a rear-facing camera of the client device; and The real-time video feed including the one or more AR elements representing virtual items of the web-based application is presented.

17. The method according to any one of claims 1 to 16, wherein: The first component includes the AR experience, and wherein the second component includes a web-based application, the method further comprising: Presenting, by the AR experience, a first AR element including a virtual device; In response to receiving input from the AR experience to unlock the virtual device, causing the web-based application to present a keypad; receiving, by the web-based application, a request for a password prompt; In response to receiving the request for the password hint, causing the AR experience to present one or more AR elements representing the password hint over a real-time video feed captured by a camera of the client device; receiving, by the web-based application, an interaction with the keypad that includes a correct password associated with the password hint represented by the one or more AR elements; and In response to receiving the interaction with the keypad, a user is enabled by the web-based application to interact with the virtual device.

18. The method according to claim 17, further comprising: After access to the virtual device has been enabled, performing one or more interactions with the AR experience; Determining, by the AR experience, that the one or more interactions correspond to a target; as well as In response to determining that the one or more interactions correspond to the target, access to other features of the virtual device is unlocked by the web-based application.

19. A system comprising: processor; as well as A memory component, wherein the memory component stores instructions, and when the instructions are executed by the processor, the processor performs an operation, wherein the operation includes: accessing, by a messaging application implemented on a client device, a first component of a plurality of components implemented by the messaging application, the plurality of components comprising an augmented reality (AR) experience, each of the plurality of components being configured to be individually initiated by the messaging application; storing a first state of the first component in a data structure shared across the plurality of components; In response to determining that the interaction has been performed using the first component, launching, by the messaging application, a second component of the plurality of components; and A second state of the second component is configured based on interactions that have been performed using the first component.

20. A non-transitory computer-readable storage medium having instructions stored thereon, the instructions, when executed by a processor, causing the processor to perform operations comprising: accessing, by a messaging application implemented on a client device, a first component of a plurality of components implemented by the messaging application, the plurality of components comprising an augmented reality (AR) experience, each of the plurality of components being configured to be individually initiated by the messaging application; storing a first state of the first component in a data structure shared across the plurality of components; In response to determining that the interaction has been performed using the first component, launching, by the messaging application, a second component of the plurality of components; as well as A second state of the second component is configured based on interactions that have been performed using the first component.

Images