XR8.GlTextureRenderer.pipelineModule()
XR8.GlTextureRenderer.pipelineModule({ vertexSource, fragmentSource, toTexture, flipY })
Beschreibung​
Erzeugt ein Pipeline-Modul, das den Kamerafeed auf die Leinwand zeichnet.
Parameter​
Parameter | Typ | Standard | Beschreibung |
---|---|---|---|
vertexSource [Optional] | String | Ein No-Op-Vertex-Shader | Die Vertex-Shader-Quelle, die für das Rendering verwendet wird. |
fragmentSource [Optional] | String | Ein No-Op-Fragment-Shader | Die Fragment-Shader-Quelle, die für das Rendering verwendet wird. |
toTexture [Optional] | WebGlTextur | Die Leinwand | Eine Textur zum Zeichnen. Wenn keine Textur angegeben wird, wird auf die Leinwand gezeichnet. |
flipY [Optional] | Boolesche | false | Wenn ja, wird die Darstellung auf den Kopf gestellt. |
Returns​
Rückgabewert ist ein Objekt {viewport, shader}
, das onProcessCpu
und onUpdate
als zur Verfügung gestellt wird:
processGpuResult.gltexturerenderer
mit den folgenden Eigenschaften:
Eigentum | Typ | Beschreibung |
---|---|---|
viewport | {width, height, offsetX, offsetY} | Der Bereich der Leinwand oder der Ausgabetextur, in den gezeichnet werden soll; dieser kann manuell oder mit XR8.GlTextureRenderer.fillTextureViewport() erstellt werden. |
shader | Ein Handle auf den Shader, der zum Zeichnen der Textur verwendet wird. |
processGpuResult.gltexturerenderer.viewport: { width, height, offsetX, offsetY }
Eigentum | Typ | Beschreibung |
---|---|---|
width | Nummer | Die Breite (in Pixel), die gezeichnet werden soll. |
height | Nummer | Die Höhe (in Pixel), die gezeichnet werden soll. |
offsetX | Nummer | Die minimale x-Koordinate (in Pixel), bis zu der gezeichnet werden soll. |
offsetY | Nummer | Die minimale y-Koordinate (in Pixel), bis zu der gezeichnet werden soll. |
Beispiel​
XR8.addCameraPipelineModule(XR8.GlTextureRenderer.pipelineModule())
XR8.addCameraPipelineModule({
name: 'mycamerapipelinemodule',
onProcessCpu: ({ processGpuResult }) => {
const {viewport, shader} = processGpuResult.gltexturerenderer
if (!viewport) {
return
}
const { width, height, offsetX, offsetY } = viewport
// ...
},