Custom 3D App Development using Salesforce

Creating a custom Component using AdvancedRenderer and Composition
Creating a custom component that wraps a 3D experience is simple. Create a new Aura Component and add the RDraw:AdvancedRenderer component to your component. Take a look at the Slots section of the AdvancedRenderer page.
<aura:component implements="lightning:availableForFlowScreens,flexipage:availableForAllPageTypes,force:hasRecordId"
    controller="TestCustomRenderDrawDevHelperController" access="public">
	<RDraw:AdvancedRenderer aura:id="renderer" displayContext="true"
                                loadingImage="{!v.loadingImage}" displaySidebar="{!v.showSidebar}" spitShine="True"
                                allowSelection="true" recordId="{!v.recordId}" size="Medium">
     	
     </RDraw:AdvancedRenderer>
</aura:component>

Interacting with our components
Currently, we support a wide variety Aura interactions, and our components can be  utilized directly due to their ever growing APIs. We follow a unidirectional data flow pattern by enabling our rendering components to respond to events, functions and attribute changes, then raising events to respond if data is to be returned. To respond, simply register a handler for that given event type.   More information about this can be found in Scene Data Interaction.
Branding
Branding with Static Resources
Our image attributes (loadingImage, the imageURL parameter in the displayMedia method and the brandImageURL) all utilize the direct path to the image in order to render to your screen. If your org has access to the URL you supply for these parameters, your images will display properly. 
Often times, security is locked down within your org, causing images not to display whenever they are used from outside servers. To get around this, we can use Static Resources as the values for the url like this: 
This value represents an image we uploaded to a Static Resource, by name like this:
​

Developer

Examples

Last modified 4mo ago

Copy link

Outline

Creating a custom Component using AdvancedRenderer and Composition

Interacting with our components

Branding