Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
samien
/
three.js
kopia lustrzana https://github.com/mrdoob/three.js.git
1
0
Forkuj 0
Pliki Problemy 0 Wiki
Drzewo: 2ccd00aec8
Gałęzie Tagi
three.js
/
docs
/
pages
/
Renderer.html

Renderer.html 86 KB
Historia Czysty

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4. 	<meta charset="utf-8">
    5. 

  5. 	<title>Renderer - Three.js Docs</title>
    6. 

  6. 	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    7. 

  7. 	<script src="../scripts/highlight.min.js"></script>
    8. 

  8. 	<link type="text/css" rel="stylesheet" href="../styles/highlight-three.css">
    9. 

  9. 	<link type="text/css" rel="stylesheet" href="../styles/page.css">
    10. 

  10. </head>
    11. 

  11. <body>
    12. 

  12. 	<h1 translate="no">Renderer</h1>
    13. 

  13. 		<section>
    14. 

  14. 			<header>
    15. 

  15. 				<div class="class-description"><p>Base class for renderers.</p></div>
    16. 

  16. 			</header>
    17. 

  17. 			<article>
    18. 

  18. 				<div class="container-overview">
    19. 

  19. 					<h2>Constructor</h2>
    20. 

  20. 					<h3 class="name name-method" id="Renderer" translate="no">new <a href="#Renderer">Renderer</a><span class="signature">( backend : <span class="param-type"><a href="Backend.html">Backend</a></span>, parameters : <span class="param-type"><a href="Renderer.html#~Options">Renderer~Options</a></span> )</span> </h3>
    21. 

  21. 					<div class="method">
    22. 

  22. 						<div class="description">
    23. 

  23. 							<p>Constructs a new renderer.</p>
    24. 

  24. 						</div>
    25. 

  25. 						<table class="params">
    26. 

  26. 							<tbody>
    27. 

  27. 								<tr>
    28. 

  28. 									<td class="name">
    29. 

  29. 										<strong translate="no">backend</strong>
    30. 

  30. 									</td>
    31. 

  31. 									<td class="description last">
    32. 

  32. 										<p>The backend the renderer is targeting (e.g. WebGPU or WebGL 2).</p>
    33. 

  33. 									</td>
    34. 

  34. 								</tr>
    35. 

  35. 								<tr>
    36. 

  36. 									<td class="name">
    37. 

  37. 										<strong translate="no">parameters</strong>
    38. 

  38. 									</td>
    39. 

  39. 									<td class="description last">
    40. 

  40. 										<p>The configuration parameter.</p>
    41. 

  41. 									</td>
    42. 

  42. 								</tr>
    43. 

  43. 							</tbody>
    44. 

  44. 						</table>
    45. 

  45. 					</div>
    46. 

  46. 				</div>
    47. 

  47. 				<h2 class="subsection-title">Properties</h2>
    48. 

  48. 				<div class="member">
    49. 

  49. 					<h3 class="name" id="alpha" translate="no">.<a href="#alpha">alpha</a><span class="type-signature"> : boolean</span> </h3>
    50. 

  50. 					<div class="description">
    51. 

  51. 						<p>Whether the default framebuffer should be transparent or opaque.</p>
    52. 

  52. 						<p>Default is <code>true</code>.</p>
    53. 

  53. 					</div>
    54. 

  54. 				</div>
    55. 

  55. 				<div class="member">
    56. 

  56. 					<h3 class="name" id="autoClear" translate="no">.<a href="#autoClear">autoClear</a><span class="type-signature"> : boolean</span> </h3>
    57. 

  57. 					<div class="description">
    58. 

  58. 						<p>Whether the renderer should automatically clear the current rendering target
    59. 

  59. before execute a <code>render()</code> call. The target can be the canvas (default framebuffer)
    60. 

  60. or the current bound render target (custom framebuffer).</p>
    61. 

  61. 						<p>Default is <code>true</code>.</p>
    62. 

  62. 					</div>
    63. 

  63. 				</div>
    64. 

  64. 				<div class="member">
    65. 

  65. 					<h3 class="name" id="autoClearColor" translate="no">.<a href="#autoClearColor">autoClearColor</a><span class="type-signature"> : boolean</span> </h3>
    66. 

  66. 					<div class="description">
    67. 

  67. 						<p>When <code>autoClear</code> is set to <code>true</code>, this property defines whether the renderer
    68. 

  68. should clear the color buffer.</p>
    69. 

  69. 						<p>Default is <code>true</code>.</p>
    70. 

  70. 					</div>
    71. 

  71. 				</div>
    72. 

  72. 				<div class="member">
    73. 

  73. 					<h3 class="name" id="autoClearDepth" translate="no">.<a href="#autoClearDepth">autoClearDepth</a><span class="type-signature"> : boolean</span> </h3>
    74. 

  74. 					<div class="description">
    75. 

  75. 						<p>When <code>autoClear</code> is set to <code>true</code>, this property defines whether the renderer
    76. 

  76. should clear the depth buffer.</p>
    77. 

  77. 						<p>Default is <code>true</code>.</p>
    78. 

  78. 					</div>
    79. 

  79. 				</div>
    80. 

  80. 				<div class="member">
    81. 

  81. 					<h3 class="name" id="autoClearStencil" translate="no">.<a href="#autoClearStencil">autoClearStencil</a><span class="type-signature"> : boolean</span> </h3>
    82. 

  82. 					<div class="description">
    83. 

  83. 						<p>When <code>autoClear</code> is set to <code>true</code>, this property defines whether the renderer
    84. 

  84. should clear the stencil buffer.</p>
    85. 

  85. 						<p>Default is <code>true</code>.</p>
    86. 

  86. 					</div>
    87. 

  87. 				</div>
    88. 

  88. 				<div class="member">
    89. 

  89. 					<h3 class="name" id="backend" translate="no">.<a href="#backend">backend</a><span class="type-signature"> : <a href="Backend.html">Backend</a></span> </h3>
    90. 

  90. 					<div class="description">
    91. 

  91. 						<p>A reference to the current backend.</p>
    92. 

  92. 					</div>
    93. 

  93. 				</div>
    94. 

  94. 				<div class="member">
    95. 

  95. 					<h3 class="name" id="contextNode" translate="no">.<a href="#contextNode">contextNode</a><span class="type-signature"> : <a href="ContextNode.html">ContextNode</a></span> </h3>
    96. 

  96. 					<div class="description">
    97. 

  97. 						<p>A global context node that stores override nodes for specific transformations or calculations.
    98. 

  98. These nodes can be used to replace default behavior in the rendering pipeline.</p>
    99. 

  99. 					</div>
    100. 

  100. <table class="props">
    101. 

  101. 	<tbody>
    102. 

  102. 		<tr>
    103. 

  103. 				<td class="name">
    104. 

  104. 					<strong>value</strong>
    105. 

  105. 						<br>
    106. 

  106. <span class="param-type">Object</span>
    107. 

  107. 				</td>
    108. 

  108. 			<td class="description last">
    109. 

  109. 				<p>The context value object.</p>
    110. 

  110. 			</td>
    111. 

  111. 		</tr>
    112. 

  112. 	</tbody>
    113. 

  113. </table>
    114. 

  114. 				</div>
    115. 

  115. 				<div class="member">
    116. 

  116. 					<h3 class="name" id="coordinateSystem" translate="no">.<a href="#coordinateSystem">coordinateSystem</a><span class="type-signature"> : number</span> <span class="type-signature">(readonly) </span></h3>
    117. 

  117. 					<div class="description">
    118. 

  118. 						<p>The coordinate system of the renderer. The value of this property
    119. 

  119. depends on the selected backend. Either <code>THREE.WebGLCoordinateSystem</code> or
    120. 

  120. <code>THREE.WebGPUCoordinateSystem</code>.</p>
    121. 

  121. 					</div>
    122. 

  122. 				</div>
    123. 

  123. 				<div class="member">
    124. 

  124. 					<h3 class="name" id="currentColorSpace" translate="no">.<a href="#currentColorSpace">currentColorSpace</a><span class="type-signature"> : string</span> </h3>
    125. 

  125. 					<div class="description">
    126. 

  126. 						<p>The current color space of the renderer. When not producing screen output,
    127. 

  127. the color space is always the working color space.</p>
    128. 

  128. 					</div>
    129. 

  129. 				</div>
    130. 

  130. 				<div class="member">
    131. 

  131. 					<h3 class="name" id="currentSamples" translate="no">.<a href="#currentSamples">currentSamples</a><span class="type-signature"> : number</span> </h3>
    132. 

  132. 					<div class="description">
    133. 

  133. 						<p>The current number of samples used for multi-sample anti-aliasing (MSAA).</p>
    134. 

  134. <p>When rendering to a custom render target, the number of samples of that render target is used.
    135. 

  135. If the renderer needs an internal framebuffer target for tone mapping or color space conversion,
    136. 

  136. the number of samples is set to 0.</p>
    137. 

  137. 					</div>
    138. 

  138. 				</div>
    139. 

  139. 				<div class="member">
    140. 

  140. 					<h3 class="name" id="currentToneMapping" translate="no">.<a href="#currentToneMapping">currentToneMapping</a><span class="type-signature"> : number</span> </h3>
    141. 

  141. 					<div class="description">
    142. 

  142. 						<p>The current tone mapping of the renderer. When not producing screen output,
    143. 

  143. the tone mapping is always <code>NoToneMapping</code>.</p>
    144. 

  144. 					</div>
    145. 

  145. 				</div>
    146. 

  146. 				<div class="member">
    147. 

  147. 					<h3 class="name" id="debug" translate="no">.<a href="#debug">debug</a><span class="type-signature"> : <a href="global.html#DebugConfig">DebugConfig</a></span> </h3>
    148. 

  148. 					<div class="description">
    149. 

  149. 						<p>The renderer's debug configuration.</p>
    150. 

  150. 					</div>
    151. 

  151. 				</div>
    152. 

  152. 				<div class="member">
    153. 

  153. 					<h3 class="name" id="depth" translate="no">.<a href="#depth">depth</a><span class="type-signature"> : boolean</span> </h3>
    154. 

  154. 					<div class="description">
    155. 

  155. 						<p>Whether the default framebuffer should have a depth buffer or not.</p>
    156. 

  156. 						<p>Default is <code>true</code>.</p>
    157. 

  157. 					</div>
    158. 

  158. 				</div>
    159. 

  159. 				<div class="member">
    160. 

  160. 					<h3 class="name" id="domElement" translate="no">.<a href="#domElement">domElement</a><span class="type-signature"> : HTMLCanvasElement | OffscreenCanvas</span> </h3>
    161. 

  161. 					<div class="description">
    162. 

  162. 						<p>A reference to the canvas element the renderer is drawing to.
    163. 

  163. This value of this property will automatically be created by
    164. 

  164. the renderer.</p>
    165. 

  165. 					</div>
    166. 

  166. 				</div>
    167. 

  167. 				<div class="member">
    168. 

  168. 					<h3 class="name" id="highPrecision" translate="no">.<a href="#highPrecision">highPrecision</a><span class="type-signature"> : boolean</span> </h3>
    169. 

  169. 					<div class="description">
    170. 

  170. 						<p>Enables or disables high precision for model-view and normal-view matrices.
    171. 

  171. When enabled, will use CPU 64-bit precision for higher precision instead of GPU 32-bit for higher performance.</p>
    172. 

  172. <p>NOTE: 64-bit precision is not compatible with <code>InstancedMesh</code> and <code>SkinnedMesh</code>.</p>
    173. 

  173. 					</div>
    174. 

  174. 				</div>
    175. 

  175. 				<div class="member">
    176. 

  176. 					<h3 class="name" id="highPrecision" translate="no">.<a href="#highPrecision">highPrecision</a><span class="type-signature"> : boolean</span> </h3>
    177. 

  177. 					<div class="description">
    178. 

  178. 						<p>Returns whether high precision is enabled or not.</p>
    179. 

  179. 					</div>
    180. 

  180. 				</div>
    181. 

  181. 				<div class="member">
    182. 

  182. 					<h3 class="name" id="info" translate="no">.<a href="#info">info</a><span class="type-signature"> : <a href="Info.html">Info</a></span> </h3>
    183. 

  183. 					<div class="description">
    184. 

  184. 						<p>Holds a series of statistical information about the GPU memory
    185. 

  185. and the rendering process. Useful for debugging and monitoring.</p>
    186. 

  186. 					</div>
    187. 

  187. 				</div>
    188. 

  188. 				<div class="member">
    189. 

  189. 					<h3 class="name" id="initialized" translate="no">.<a href="#initialized">initialized</a> <span class="type-signature">(readonly) </span></h3>
    190. 

  190. 					<div class="description">
    191. 

  191. 						<p>Returns whether the renderer has been initialized or not.</p>
    192. 

  192. 					</div>
    193. 

  193. 				</div>
    194. 

  194. 				<div class="member">
    195. 

  195. 					<h3 class="name" id="inspector" translate="no">.<a href="#inspector">inspector</a><span class="type-signature"> : <a href="InspectorBase.html">InspectorBase</a></span> </h3>
    196. 

  196. 					<div class="description">
    197. 

  197. 						<p>The inspector instance. The inspector can be any class that extends from <code>InspectorBase</code>.</p>
    198. 

  198. 					</div>
    199. 

  199. 				</div>
    200. 

  200. 				<div class="member">
    201. 

  201. 					<h3 class="name" id="isOutputTarget" translate="no">.<a href="#isOutputTarget">isOutputTarget</a> </h3>
    202. 

  202. 					<div class="description">
    203. 

  203. 						<p>Returns <code>true</code> if the rendering settings are set to screen output.</p>
    204. 

  204. 					</div>
    205. 

  205. 				</div>
    206. 

  206. 				<div class="member">
    207. 

  207. 					<h3 class="name" id="isRenderer" translate="no">.<a href="#isRenderer">isRenderer</a><span class="type-signature"> : boolean</span> <span class="type-signature">(readonly) </span></h3>
    208. 

  208. 					<div class="description">
    209. 

  209. 						<p>This flag can be used for type testing.</p>
    210. 

  210. 						<p>Default is <code>true</code>.</p>
    211. 

  211. 					</div>
    212. 

  212. 				</div>
    213. 

  213. 				<div class="member">
    214. 

  214. 					<h3 class="name" id="library" translate="no">.<a href="#library">library</a><span class="type-signature"> : <a href="NodeLibrary.html">NodeLibrary</a></span> </h3>
    215. 

  215. 					<div class="description">
    216. 

  216. 						<p>The node library defines how certain library objects like materials, lights
    217. 

  217. or tone mapping functions are mapped to node types. This is required since
    218. 

  218. although instances of classes like <code>MeshBasicMaterial</code> or <code>PointLight</code> can
    219. 

  219. be part of the scene graph, they are internally represented as nodes for
    220. 

  220. further processing.</p>
    221. 

  221. 					</div>
    222. 

  222. 				</div>
    223. 

  223. 				<div class="member">
    224. 

  224. 					<h3 class="name" id="lighting" translate="no">.<a href="#lighting">lighting</a><span class="type-signature"> : <a href="Lighting.html">Lighting</a></span> </h3>
    225. 

  225. 					<div class="description">
    226. 

  226. 						<p>A map-like data structure for managing lights.</p>
    227. 

  227. 					</div>
    228. 

  228. 				</div>
    229. 

  229. 				<div class="member">
    230. 

  230. 					<h3 class="name" id="logarithmicDepthBuffer" translate="no">.<a href="#logarithmicDepthBuffer">logarithmicDepthBuffer</a><span class="type-signature"> : boolean</span> <span class="type-signature">(readonly) </span></h3>
    231. 

  231. 					<div class="description">
    232. 

  232. 						<p>Whether logarithmic depth buffer is enabled or not.</p>
    233. 

  233. 						<p>Default is <code>false</code>.</p>
    234. 

  234. 					</div>
    235. 

  235. 				</div>
    236. 

  236. 				<div class="member">
    237. 

  237. 					<h3 class="name" id="needsFrameBufferTarget" translate="no">.<a href="#needsFrameBufferTarget">needsFrameBufferTarget</a> </h3>
    238. 

  238. 					<div class="description">
    239. 

  239. 						<p>Returns <code>true</code> if a framebuffer target is needed to perform tone mapping or color space conversion.
    240. 

  240. If this is the case, the renderer allocates an internal render target for that purpose.</p>
    241. 

  241. 					</div>
    242. 

  242. 				</div>
    243. 

  243. 				<div class="member">
    244. 

  244. 					<h3 class="name" id="onDeviceLost" translate="no">.<a href="#onDeviceLost">onDeviceLost</a><span class="type-signature"> : function</span> </h3>
    245. 

  245. 					<div class="description">
    246. 

  246. 						<p>A callback function that defines what should happen when a device/context lost occurs.</p>
    247. 

  247. 					</div>
    248. 

  248. 				</div>
    249. 

  249. 				<div class="member">
    250. 

  250. 					<h3 class="name" id="opaque" translate="no">.<a href="#opaque">opaque</a><span class="type-signature"> : boolean</span> </h3>
    251. 

  251. 					<div class="description">
    252. 

  252. 						<p>Whether the renderer should render opaque render objects or not.</p>
    253. 

  253. 						<p>Default is <code>true</code>.</p>
    254. 

  254. 					</div>
    255. 

  255. 				</div>
    256. 

  256. 				<div class="member">
    257. 

  257. 					<h3 class="name" id="outputColorSpace" translate="no">.<a href="#outputColorSpace">outputColorSpace</a><span class="type-signature"> : string</span> </h3>
    258. 

  258. 					<div class="description">
    259. 

  259. 						<p>Defines the output color space of the renderer.</p>
    260. 

  260. 						<p>Default is <code>SRGBColorSpace</code>.</p>
    261. 

  261. 					</div>
    262. 

  262. 				</div>
    263. 

  263. 				<div class="member">
    264. 

  264. 					<h3 class="name" id="reversedDepthBuffer" translate="no">.<a href="#reversedDepthBuffer">reversedDepthBuffer</a><span class="type-signature"> : boolean</span> <span class="type-signature">(readonly) </span></h3>
    265. 

  265. 					<div class="description">
    266. 

  266. 						<p>Whether reversed depth buffer is enabled or not.</p>
    267. 

  267. 						<p>Default is <code>false</code>.</p>
    268. 

  268. 					</div>
    269. 

  269. 				</div>
    270. 

  270. 				<div class="member">
    271. 

  271. 					<h3 class="name" id="samples" translate="no">.<a href="#samples">samples</a><span class="type-signature"> : number</span> </h3>
    272. 

  272. 					<div class="description">
    273. 

  273. 						<p>The number of samples used for multi-sample anti-aliasing (MSAA).</p>
    274. 

  274. 						<p>Default is <code>0</code>.</p>
    275. 

  275. 					</div>
    276. 

  276. 				</div>
    277. 

  277. 				<div class="member">
    278. 

  278. 					<h3 class="name" id="shadowMap" translate="no">.<a href="#shadowMap">shadowMap</a><span class="type-signature"> : <a href="global.html#ShadowMapConfig">ShadowMapConfig</a></span> </h3>
    279. 

  279. 					<div class="description">
    280. 

  280. 						<p>The renderer's shadow configuration.</p>
    281. 

  281. 					</div>
    282. 

  282. 				</div>
    283. 

  283. 				<div class="member">
    284. 

  284. 					<h3 class="name" id="sortObjects" translate="no">.<a href="#sortObjects">sortObjects</a><span class="type-signature"> : boolean</span> </h3>
    285. 

  285. 					<div class="description">
    286. 

  286. 						<p>Whether the renderer should sort its render lists or not.</p>
    287. 

  287. <p>Note: Sorting is used to attempt to properly render objects that have some degree of transparency.
    288. 

  288. By definition, sorting objects may not work in all cases. Depending on the needs of application,
    289. 

  289. it may be necessary to turn off sorting and use other methods to deal with transparency rendering
    290. 

  290. e.g. manually determining each object's rendering order.</p>
    291. 

  291. 						<p>Default is <code>true</code>.</p>
    292. 

  292. 					</div>
    293. 

  293. 				</div>
    294. 

  294. 				<div class="member">
    295. 

  295. 					<h3 class="name" id="stencil" translate="no">.<a href="#stencil">stencil</a><span class="type-signature"> : boolean</span> </h3>
    296. 

  296. 					<div class="description">
    297. 

  297. 						<p>Whether the default framebuffer should have a stencil buffer or not.</p>
    298. 

  298. 						<p>Default is <code>false</code>.</p>
    299. 

  299. 					</div>
    300. 

  300. 				</div>
    301. 

  301. 				<div class="member">
    302. 

  302. 					<h3 class="name" id="toneMapping" translate="no">.<a href="#toneMapping">toneMapping</a><span class="type-signature"> : number</span> </h3>
    303. 

  303. 					<div class="description">
    304. 

  304. 						<p>Defines the tone mapping of the renderer.</p>
    305. 

  305. 						<p>Default is <code>NoToneMapping</code>.</p>
    306. 

  306. 					</div>
    307. 

  307. 				</div>
    308. 

  308. 				<div class="member">
    309. 

  309. 					<h3 class="name" id="toneMappingExposure" translate="no">.<a href="#toneMappingExposure">toneMappingExposure</a><span class="type-signature"> : number</span> </h3>
    310. 

  310. 					<div class="description">
    311. 

  311. 						<p>Defines the tone mapping exposure.</p>
    312. 

  312. 						<p>Default is <code>1</code>.</p>
    313. 

  313. 					</div>
    314. 

  314. 				</div>
    315. 

  315. 				<div class="member">
    316. 

  316. 					<h3 class="name" id="transparent" translate="no">.<a href="#transparent">transparent</a><span class="type-signature"> : boolean</span> </h3>
    317. 

  317. 					<div class="description">
    318. 

  318. 						<p>Whether the renderer should render transparent render objects or not.</p>
    319. 

  319. 						<p>Default is <code>true</code>.</p>
    320. 

  320. 					</div>
    321. 

  321. 				</div>
    322. 

  322. 				<div class="member">
    323. 

  323. 					<h3 class="name" id="xr" translate="no">.<a href="#xr">xr</a><span class="type-signature"> : <a href="XRManager.html">XRManager</a></span> </h3>
    324. 

  324. 					<div class="description">
    325. 

  325. 						<p>The renderer's XR manager.</p>
    326. 

  326. 					</div>
    327. 

  327. 				</div>
    328. 

  328. 				<h2 class="subsection-title">Methods</h2>
    329. 

  329. 					<h3 class="name name-method" id="clear" translate="no">.<a href="#clear">clear</a><span class="signature">( color : <span class="param-type">boolean</span>, depth : <span class="param-type">boolean</span>, stencil : <span class="param-type">boolean</span> )</span> </h3>
    330. 

  330. 					<div class="method">
    331. 

  331. 						<div class="description">
    332. 

  332. 							<p>Performs a manual clear operation. This method ignores <code>autoClear</code> properties.</p>
    333. 

  333. 						</div>
    334. 

  334. 						<table class="params">
    335. 

  335. 							<tbody>
    336. 

  336. 								<tr>
    337. 

  337. 									<td class="name">
    338. 

  338. 										<strong translate="no">color</strong>
    339. 

  339. 									</td>
    340. 

  340. 									<td class="description last">
    341. 

  341. 										<p>Whether the color buffer should be cleared or not.</p>
    342. 

  342. 										<p>Default is <code>true</code>.</p>
    343. 

  343. 									</td>
    344. 

  344. 								</tr>
    345. 

  345. 								<tr>
    346. 

  346. 									<td class="name">
    347. 

  347. 										<strong translate="no">depth</strong>
    348. 

  348. 									</td>
    349. 

  349. 									<td class="description last">
    350. 

  350. 										<p>Whether the depth buffer should be cleared or not.</p>
    351. 

  351. 										<p>Default is <code>true</code>.</p>
    352. 

  352. 									</td>
    353. 

  353. 								</tr>
    354. 

  354. 								<tr>
    355. 

  355. 									<td class="name">
    356. 

  356. 										<strong translate="no">stencil</strong>
    357. 

  357. 									</td>
    358. 

  358. 									<td class="description last">
    359. 

  359. 										<p>Whether the stencil buffer should be cleared or not.</p>
    360. 

  360. 										<p>Default is <code>true</code>.</p>
    361. 

  361. 									</td>
    362. 

  362. 								</tr>
    363. 

  363. 							</tbody>
    364. 

  364. 						</table>
    365. 

  365. 					</div>
    366. 

  366. 					<h3 class="name name-method" id="clearAsync" translate="no">.<a href="#clearAsync">clearAsync</a><span class="signature">( color : <span class="param-type">boolean</span>, depth : <span class="param-type">boolean</span>, stencil : <span class="param-type">boolean</span> )</span><span class="type-signature"> : Promise</span> <span class="type-signature">(async) </span></h3>
    367. 

  367. 					<div class="method">
    368. 

  368. 						<div class="description">
    369. 

  369. 							<p>Async version of <a href="Renderer.html#clear">Renderer#clear</a>.</p>
    370. 

  370. 						</div>
    371. 

  371. 						<table class="params">
    372. 

  372. 							<tbody>
    373. 

  373. 								<tr>
    374. 

  374. 									<td class="name">
    375. 

  375. 										<strong translate="no">color</strong>
    376. 

  376. 									</td>
    377. 

  377. 									<td class="description last">
    378. 

  378. 										<p>Whether the color buffer should be cleared or not.</p>
    379. 

  379. 										<p>Default is <code>true</code>.</p>
    380. 

  380. 									</td>
    381. 

  381. 								</tr>
    382. 

  382. 								<tr>
    383. 

  383. 									<td class="name">
    384. 

  384. 										<strong translate="no">depth</strong>
    385. 

  385. 									</td>
    386. 

  386. 									<td class="description last">
    387. 

  387. 										<p>Whether the depth buffer should be cleared or not.</p>
    388. 

  388. 										<p>Default is <code>true</code>.</p>
    389. 

  389. 									</td>
    390. 

  390. 								</tr>
    391. 

  391. 								<tr>
    392. 

  392. 									<td class="name">
    393. 

  393. 										<strong translate="no">stencil</strong>
    394. 

  394. 									</td>
    395. 

  395. 									<td class="description last">
    396. 

  396. 										<p>Whether the stencil buffer should be cleared or not.</p>
    397. 

  397. 										<p>Default is <code>true</code>.</p>
    398. 

  398. 									</td>
    399. 

  399. 								</tr>
    400. 

  400. 							</tbody>
    401. 

  401. 						</table>
    402. 

  402. 						<dl class="details">
    403. 

  403. 							<dt class="important tag-deprecated"><strong>Deprecated:</strong> Yes</dt>
    404. 

  404. 						</dl>
    405. 

  405. 						<dl class="details">
    406. 

  406. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolves when the clear operation has been executed.</dt>
    407. 

  407. 						</dl>
    408. 

  408. 					</div>
    409. 

  409. 					<h3 class="name name-method" id="clearColor" translate="no">.<a href="#clearColor">clearColor</a><span class="signature">()</span> </h3>
    410. 

  410. 					<div class="method">
    411. 

  411. 						<div class="description">
    412. 

  412. 							<p>Performs a manual clear operation of the color buffer. This method ignores <code>autoClear</code> properties.</p>
    413. 

  413. 						</div>
    414. 

  414. 					</div>
    415. 

  415. 					<h3 class="name name-method" id="clearColorAsync" translate="no">.<a href="#clearColorAsync">clearColorAsync</a><span class="signature">()</span><span class="type-signature"> : Promise</span> <span class="type-signature">(async) </span></h3>
    416. 

  416. 					<div class="method">
    417. 

  417. 						<div class="description">
    418. 

  418. 							<p>Async version of <a href="Renderer.html#clearColor">Renderer#clearColor</a>.</p>
    419. 

  419. 						</div>
    420. 

  420. 						<dl class="details">
    421. 

  421. 							<dt class="important tag-deprecated"><strong>Deprecated:</strong> Yes</dt>
    422. 

  422. 						</dl>
    423. 

  423. 						<dl class="details">
    424. 

  424. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolves when the clear operation has been executed.</dt>
    425. 

  425. 						</dl>
    426. 

  426. 					</div>
    427. 

  427. 					<h3 class="name name-method" id="clearDepth" translate="no">.<a href="#clearDepth">clearDepth</a><span class="signature">()</span> </h3>
    428. 

  428. 					<div class="method">
    429. 

  429. 						<div class="description">
    430. 

  430. 							<p>Performs a manual clear operation of the depth buffer. This method ignores <code>autoClear</code> properties.</p>
    431. 

  431. 						</div>
    432. 

  432. 					</div>
    433. 

  433. 					<h3 class="name name-method" id="clearDepthAsync" translate="no">.<a href="#clearDepthAsync">clearDepthAsync</a><span class="signature">()</span><span class="type-signature"> : Promise</span> <span class="type-signature">(async) </span></h3>
    434. 

  434. 					<div class="method">
    435. 

  435. 						<div class="description">
    436. 

  436. 							<p>Async version of <a href="Renderer.html#clearDepth">Renderer#clearDepth</a>.</p>
    437. 

  437. 						</div>
    438. 

  438. 						<dl class="details">
    439. 

  439. 							<dt class="important tag-deprecated"><strong>Deprecated:</strong> Yes</dt>
    440. 

  440. 						</dl>
    441. 

  441. 						<dl class="details">
    442. 

  442. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolves when the clear operation has been executed.</dt>
    443. 

  443. 						</dl>
    444. 

  444. 					</div>
    445. 

  445. 					<h3 class="name name-method" id="clearStencil" translate="no">.<a href="#clearStencil">clearStencil</a><span class="signature">()</span> </h3>
    446. 

  446. 					<div class="method">
    447. 

  447. 						<div class="description">
    448. 

  448. 							<p>Performs a manual clear operation of the stencil buffer. This method ignores <code>autoClear</code> properties.</p>
    449. 

  449. 						</div>
    450. 

  450. 					</div>
    451. 

  451. 					<h3 class="name name-method" id="clearStencilAsync" translate="no">.<a href="#clearStencilAsync">clearStencilAsync</a><span class="signature">()</span><span class="type-signature"> : Promise</span> <span class="type-signature">(async) </span></h3>
    452. 

  452. 					<div class="method">
    453. 

  453. 						<div class="description">
    454. 

  454. 							<p>Async version of <a href="Renderer.html#clearStencil">Renderer#clearStencil</a>.</p>
    455. 

  455. 						</div>
    456. 

  456. 						<dl class="details">
    457. 

  457. 							<dt class="important tag-deprecated"><strong>Deprecated:</strong> Yes</dt>
    458. 

  458. 						</dl>
    459. 

  459. 						<dl class="details">
    460. 

  460. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolves when the clear operation has been executed.</dt>
    461. 

  461. 						</dl>
    462. 

  462. 					</div>
    463. 

  463. 					<h3 class="name name-method" id="compile" translate="no">.<a href="#compile">compile</a><span class="signature">( scene : <span class="param-type"><a href="Object3D.html">Object3D</a></span>, camera : <span class="param-type"><a href="Camera.html">Camera</a></span>, targetScene : <span class="param-type"><a href="Scene.html">Scene</a></span> )</span><span class="type-signature"> : function</span> </h3>
    464. 

  464. 					<div class="method">
    465. 

  465. 						<div class="description">
    466. 

  466. 							<p>Alias for <code>compileAsync()</code>.</p>
    467. 

  467. 						</div>
    468. 

  468. 						<table class="params">
    469. 

  469. 							<tbody>
    470. 

  470. 								<tr>
    471. 

  471. 									<td class="name">
    472. 

  472. 										<strong translate="no">scene</strong>
    473. 

  473. 									</td>
    474. 

  474. 									<td class="description last">
    475. 

  475. 										<p>The scene or 3D object to precompile.</p>
    476. 

  476. 									</td>
    477. 

  477. 								</tr>
    478. 

  478. 								<tr>
    479. 

  479. 									<td class="name">
    480. 

  480. 										<strong translate="no">camera</strong>
    481. 

  481. 									</td>
    482. 

  482. 									<td class="description last">
    483. 

  483. 										<p>The camera that is used to render the scene.</p>
    484. 

  484. 									</td>
    485. 

  485. 								</tr>
    486. 

  486. 								<tr>
    487. 

  487. 									<td class="name">
    488. 

  488. 										<strong translate="no">targetScene</strong>
    489. 

  489. 									</td>
    490. 

  490. 									<td class="description last">
    491. 

  491. 										<p>If the first argument is a 3D object, this parameter must represent the scene the 3D object is going to be added.</p>
    492. 

  492. 									</td>
    493. 

  493. 								</tr>
    494. 

  494. 							</tbody>
    495. 

  495. 						</table>
    496. 

  496. 						<dl class="details">
    497. 

  497. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolves when the compile has been finished.</dt>
    498. 

  498. 						</dl>
    499. 

  499. 					</div>
    500. 

  500. 					<h3 class="name name-method" id="compileAsync" translate="no">.<a href="#compileAsync">compileAsync</a><span class="signature">( scene : <span class="param-type"><a href="Object3D.html">Object3D</a></span>, camera : <span class="param-type"><a href="Camera.html">Camera</a></span>, targetScene : <span class="param-type"><a href="Scene.html">Scene</a></span> )</span><span class="type-signature"> : Promise</span> <span class="type-signature">(async) </span></h3>
    501. 

  501. 					<div class="method">
    502. 

  502. 						<div class="description">
    503. 

  503. 							<p>Compiles all materials in the given scene. This can be useful to avoid a
    504. 

  504. phenomenon which is called &quot;shader compilation stutter&quot;, which occurs when
    505. 

  505. rendering an object with a new shader for the first time.</p>
    506. 

  506. <p>If you want to add a 3D object to an existing scene, use the third optional
    507. 

  507. parameter for applying the target scene. Note that the (target) scene's lighting
    508. 

  508. and environment must be configured before calling this method.</p>
    509. 

  509. 						</div>
    510. 

  510. 						<table class="params">
    511. 

  511. 							<tbody>
    512. 

  512. 								<tr>
    513. 

  513. 									<td class="name">
    514. 

  514. 										<strong translate="no">scene</strong>
    515. 

  515. 									</td>
    516. 

  516. 									<td class="description last">
    517. 

  517. 										<p>The scene or 3D object to precompile.</p>
    518. 

  518. 									</td>
    519. 

  519. 								</tr>
    520. 

  520. 								<tr>
    521. 

  521. 									<td class="name">
    522. 

  522. 										<strong translate="no">camera</strong>
    523. 

  523. 									</td>
    524. 

  524. 									<td class="description last">
    525. 

  525. 										<p>The camera that is used to render the scene.</p>
    526. 

  526. 									</td>
    527. 

  527. 								</tr>
    528. 

  528. 								<tr>
    529. 

  529. 									<td class="name">
    530. 

  530. 										<strong translate="no">targetScene</strong>
    531. 

  531. 									</td>
    532. 

  532. 									<td class="description last">
    533. 

  533. 										<p>If the first argument is a 3D object, this parameter must represent the scene the 3D object is going to be added.</p>
    534. 

  534. 										<p>Default is <code>null</code>.</p>
    535. 

  535. 									</td>
    536. 

  536. 								</tr>
    537. 

  537. 							</tbody>
    538. 

  538. 						</table>
    539. 

  539. 						<dl class="details">
    540. 

  540. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolves when the compile has been finished.</dt>
    541. 

  541. 						</dl>
    542. 

  542. 					</div>
    543. 

  543. 					<h3 class="name name-method" id="compute" translate="no">.<a href="#compute">compute</a><span class="signature">( computeNodes : <span class="param-type"><a href="Node.html">Node</a> | Array.&lt;<a href="Node.html">Node</a>></span>, dispatchSize : <span class="param-type">number | Array.&lt;number> | <a href="IndirectStorageBufferAttribute.html">IndirectStorageBufferAttribute</a></span> )</span><span class="type-signature"> : Promise | undefined</span> </h3>
    544. 

  544. 					<div class="method">
    545. 

  545. 						<div class="description">
    546. 

  546. 							<p>Execute a single or an array of compute nodes. This method can only be called
    547. 

  547. if the renderer has been initialized.</p>
    548. 

  548. 						</div>
    549. 

  549. 						<table class="params">
    550. 

  550. 							<tbody>
    551. 

  551. 								<tr>
    552. 

  552. 									<td class="name">
    553. 

  553. 										<strong translate="no">computeNodes</strong>
    554. 

  554. 									</td>
    555. 

  555. 									<td class="description last">
    556. 

  556. 										<p>The compute node(s).</p>
    557. 

  557. 									</td>
    558. 

  558. 								</tr>
    559. 

  559. 								<tr>
    560. 

  560. 									<td class="name">
    561. 

  561. 										<strong translate="no">dispatchSize</strong>
    562. 

  562. 									</td>
    563. 

  563. 									<td class="description last">
    564. 

  564. 										<ul>
    565. 

  565. <li>A single number representing count, or</li>
    566. 

  566. <li>An array [x, y, z] representing dispatch size, or</li>
    567. 

  567. <li>A IndirectStorageBufferAttribute for indirect dispatch size.</li>
    568. 

  568. </ul>
    569. 

  569. 										<p>Default is <code>null</code>.</p>
    570. 

  570. 									</td>
    571. 

  571. 								</tr>
    572. 

  572. 							</tbody>
    573. 

  573. 						</table>
    574. 

  574. 						<dl class="details">
    575. 

  575. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolve when the compute has finished. Only returned when the renderer has not been initialized.</dt>
    576. 

  576. 						</dl>
    577. 

  577. 					</div>
    578. 

  578. 					<h3 class="name name-method" id="computeAsync" translate="no">.<a href="#computeAsync">computeAsync</a><span class="signature">( computeNodes : <span class="param-type"><a href="Node.html">Node</a> | Array.&lt;<a href="Node.html">Node</a>></span>, dispatchSize : <span class="param-type">number | Array.&lt;number> | <a href="IndirectStorageBufferAttribute.html">IndirectStorageBufferAttribute</a></span> )</span><span class="type-signature"> : Promise</span> <span class="type-signature">(async) </span></h3>
    579. 

  579. 					<div class="method">
    580. 

  580. 						<div class="description">
    581. 

  581. 							<p>Execute a single or an array of compute nodes.</p>
    582. 

  582. 						</div>
    583. 

  583. 						<table class="params">
    584. 

  584. 							<tbody>
    585. 

  585. 								<tr>
    586. 

  586. 									<td class="name">
    587. 

  587. 										<strong translate="no">computeNodes</strong>
    588. 

  588. 									</td>
    589. 

  589. 									<td class="description last">
    590. 

  590. 										<p>The compute node(s).</p>
    591. 

  591. 									</td>
    592. 

  592. 								</tr>
    593. 

  593. 								<tr>
    594. 

  594. 									<td class="name">
    595. 

  595. 										<strong translate="no">dispatchSize</strong>
    596. 

  596. 									</td>
    597. 

  597. 									<td class="description last">
    598. 

  598. 										<ul>
    599. 

  599. <li>A single number representing count, or</li>
    600. 

  600. <li>An array [x, y, z] representing dispatch size, or</li>
    601. 

  601. <li>A IndirectStorageBufferAttribute for indirect dispatch size.</li>
    602. 

  602. </ul>
    603. 

  603. 										<p>Default is <code>null</code>.</p>
    604. 

  604. 									</td>
    605. 

  605. 								</tr>
    606. 

  606. 							</tbody>
    607. 

  607. 						</table>
    608. 

  608. 						<dl class="details">
    609. 

  609. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolve when the compute has finished.</dt>
    610. 

  610. 						</dl>
    611. 

  611. 					</div>
    612. 

  612. 					<h3 class="name name-method" id="copyFramebufferToTexture" translate="no">.<a href="#copyFramebufferToTexture">copyFramebufferToTexture</a><span class="signature">( framebufferTexture : <span class="param-type"><a href="FramebufferTexture.html">FramebufferTexture</a></span>, rectangle : <span class="param-type"><a href="Vector2.html">Vector2</a> | <a href="Vector4.html">Vector4</a></span> )</span> </h3>
    613. 

  613. 					<div class="method">
    614. 

  614. 						<div class="description">
    615. 

  615. 							<p>Copies the current bound framebuffer into the given texture.</p>
    616. 

  616. 						</div>
    617. 

  617. 						<table class="params">
    618. 

  618. 							<tbody>
    619. 

  619. 								<tr>
    620. 

  620. 									<td class="name">
    621. 

  621. 										<strong translate="no">framebufferTexture</strong>
    622. 

  622. 									</td>
    623. 

  623. 									<td class="description last">
    624. 

  624. 										<p>The texture.</p>
    625. 

  625. 									</td>
    626. 

  626. 								</tr>
    627. 

  627. 								<tr>
    628. 

  628. 									<td class="name">
    629. 

  629. 										<strong translate="no">rectangle</strong>
    630. 

  630. 									</td>
    631. 

  631. 									<td class="description last">
    632. 

  632. 										<p>A two or four dimensional vector that defines the rectangular portion of the framebuffer that should be copied.</p>
    633. 

  633. 										<p>Default is <code>null</code>.</p>
    634. 

  634. 									</td>
    635. 

  635. 								</tr>
    636. 

  636. 							</tbody>
    637. 

  637. 						</table>
    638. 

  638. 					</div>
    639. 

  639. 					<h3 class="name name-method" id="copyTextureToTexture" translate="no">.<a href="#copyTextureToTexture">copyTextureToTexture</a><span class="signature">( srcTexture : <span class="param-type"><a href="Texture.html">Texture</a></span>, dstTexture : <span class="param-type"><a href="Texture.html">Texture</a></span>, srcRegion : <span class="param-type"><a href="Box2.html">Box2</a> | <a href="Box3.html">Box3</a></span>, dstPosition : <span class="param-type"><a href="Vector2.html">Vector2</a> | <a href="Vector3.html">Vector3</a></span>, srcLevel : <span class="param-type">number</span>, dstLevel : <span class="param-type">number</span> )</span> </h3>
    640. 

  640. 					<div class="method">
    641. 

  641. 						<div class="description">
    642. 

  642. 							<p>Copies data of the given source texture into a destination texture.</p>
    643. 

  643. 						</div>
    644. 

  644. 						<table class="params">
    645. 

  645. 							<tbody>
    646. 

  646. 								<tr>
    647. 

  647. 									<td class="name">
    648. 

  648. 										<strong translate="no">srcTexture</strong>
    649. 

  649. 									</td>
    650. 

  650. 									<td class="description last">
    651. 

  651. 										<p>The source texture.</p>
    652. 

  652. 									</td>
    653. 

  653. 								</tr>
    654. 

  654. 								<tr>
    655. 

  655. 									<td class="name">
    656. 

  656. 										<strong translate="no">dstTexture</strong>
    657. 

  657. 									</td>
    658. 

  658. 									<td class="description last">
    659. 

  659. 										<p>The destination texture.</p>
    660. 

  660. 									</td>
    661. 

  661. 								</tr>
    662. 

  662. 								<tr>
    663. 

  663. 									<td class="name">
    664. 

  664. 										<strong translate="no">srcRegion</strong>
    665. 

  665. 									</td>
    666. 

  666. 									<td class="description last">
    667. 

  667. 										<p>A bounding box which describes the source region. Can be two or three-dimensional.</p>
    668. 

  668. 										<p>Default is <code>null</code>.</p>
    669. 

  669. 									</td>
    670. 

  670. 								</tr>
    671. 

  671. 								<tr>
    672. 

  672. 									<td class="name">
    673. 

  673. 										<strong translate="no">dstPosition</strong>
    674. 

  674. 									</td>
    675. 

  675. 									<td class="description last">
    676. 

  676. 										<p>A vector that represents the origin of the destination region. Can be two or three-dimensional.</p>
    677. 

  677. 										<p>Default is <code>null</code>.</p>
    678. 

  678. 									</td>
    679. 

  679. 								</tr>
    680. 

  680. 								<tr>
    681. 

  681. 									<td class="name">
    682. 

  682. 										<strong translate="no">srcLevel</strong>
    683. 

  683. 									</td>
    684. 

  684. 									<td class="description last">
    685. 

  685. 										<p>The source mip level to copy from.</p>
    686. 

  686. 										<p>Default is <code>0</code>.</p>
    687. 

  687. 									</td>
    688. 

  688. 								</tr>
    689. 

  689. 								<tr>
    690. 

  690. 									<td class="name">
    691. 

  691. 										<strong translate="no">dstLevel</strong>
    692. 

  692. 									</td>
    693. 

  693. 									<td class="description last">
    694. 

  694. 										<p>The destination mip level to copy to.</p>
    695. 

  695. 										<p>Default is <code>0</code>.</p>
    696. 

  696. 									</td>
    697. 

  697. 								</tr>
    698. 

  698. 							</tbody>
    699. 

  699. 						</table>
    700. 

  700. 					</div>
    701. 

  701. 					<h3 class="name name-method" id="dispose" translate="no">.<a href="#dispose">dispose</a><span class="signature">()</span> </h3>
    702. 

  702. 					<div class="method">
    703. 

  703. 						<div class="description">
    704. 

  704. 							<p>Frees all internal resources of the renderer. Call this method if the renderer
    705. 

  705. is no longer in use by your app.</p>
    706. 

  706. 						</div>
    707. 

  707. 					</div>
    708. 

  708. 					<h3 class="name name-method" id="getActiveCubeFace" translate="no">.<a href="#getActiveCubeFace">getActiveCubeFace</a><span class="signature">()</span><span class="type-signature"> : number</span> </h3>
    709. 

  709. 					<div class="method">
    710. 

  710. 						<div class="description">
    711. 

  711. 							<p>Returns the active cube face.</p>
    712. 

  712. 						</div>
    713. 

  713. 						<dl class="details">
    714. 

  714. 							<dt class="tag-returns"><strong>Returns:</strong> The active cube face.</dt>
    715. 

  715. 						</dl>
    716. 

  716. 					</div>
    717. 

  717. 					<h3 class="name name-method" id="getActiveMipmapLevel" translate="no">.<a href="#getActiveMipmapLevel">getActiveMipmapLevel</a><span class="signature">()</span><span class="type-signature"> : number</span> </h3>
    718. 

  718. 					<div class="method">
    719. 

  719. 						<div class="description">
    720. 

  720. 							<p>Returns the active mipmap level.</p>
    721. 

  721. 						</div>
    722. 

  722. 						<dl class="details">
    723. 

  723. 							<dt class="tag-returns"><strong>Returns:</strong> The active mipmap level.</dt>
    724. 

  724. 						</dl>
    725. 

  725. 					</div>
    726. 

  726. 					<h3 class="name name-method" id="getAnimationLoop" translate="no">.<a href="#getAnimationLoop">getAnimationLoop</a><span class="signature">()</span><span class="type-signature"> : function</span> </h3>
    727. 

  727. 					<div class="method">
    728. 

  728. 						<div class="description">
    729. 

  729. 							<p>Returns the current animation loop callback.</p>
    730. 

  730. 						</div>
    731. 

  731. 						<dl class="details">
    732. 

  732. 							<dt class="tag-returns"><strong>Returns:</strong> The current animation loop callback.</dt>
    733. 

  733. 						</dl>
    734. 

  734. 					</div>
    735. 

  735. 					<h3 class="name name-method" id="getArrayBufferAsync" translate="no">.<a href="#getArrayBufferAsync">getArrayBufferAsync</a><span class="signature">( attribute : <span class="param-type"><a href="BufferAttribute.html">BufferAttribute</a></span>, target : <span class="param-type"><a href="ReadbackBuffer.html">ReadbackBuffer</a> | ArrayBuffer</span>, offset : <span class="param-type">number</span>, count : <span class="param-type">number</span> )</span><span class="type-signature"> : Promise.&lt;(ArrayBuffer|<a href="ReadbackBuffer.html">ReadbackBuffer</a>)></span> <span class="type-signature">(async) </span></h3>
    736. 

  736. 					<div class="method">
    737. 

  737. 						<div class="description">
    738. 

  738. 							<p>Can be used to transfer buffer data from a storage buffer attribute
    739. 

  739. from the GPU to the CPU in context of compute shaders.</p>
    740. 

  740. 						</div>
    741. 

  741. 						<table class="params">
    742. 

  742. 							<tbody>
    743. 

  743. 								<tr>
    744. 

  744. 									<td class="name">
    745. 

  745. 										<strong translate="no">attribute</strong>
    746. 

  746. 									</td>
    747. 

  747. 									<td class="description last">
    748. 

  748. 										<p>The storage buffer attribute to read frm.</p>
    749. 

  749. 									</td>
    750. 

  750. 								</tr>
    751. 

  751. 								<tr>
    752. 

  752. 									<td class="name">
    753. 

  753. 										<strong translate="no">target</strong>
    754. 

  754. 									</td>
    755. 

  755. 									<td class="description last">
    756. 

  756. 										<p>The storage buffer attribute.</p>
    757. 

  757. 										<p>Default is <code>null</code>.</p>
    758. 

  758. 									</td>
    759. 

  759. 								</tr>
    760. 

  760. 								<tr>
    761. 

  761. 									<td class="name">
    762. 

  762. 										<strong translate="no">offset</strong>
    763. 

  763. 									</td>
    764. 

  764. 									<td class="description last">
    765. 

  765. 										<p>The storage buffer attribute.</p>
    766. 

  766. 										<p>Default is <code>0</code>.</p>
    767. 

  767. 									</td>
    768. 

  768. 								</tr>
    769. 

  769. 								<tr>
    770. 

  770. 									<td class="name">
    771. 

  771. 										<strong translate="no">count</strong>
    772. 

  772. 									</td>
    773. 

  773. 									<td class="description last">
    774. 

  774. 										<p>The offset from which to start reading the</p>
    775. 

  775. 									</td>
    776. 

  776. 								</tr>
    777. 

  777. 							</tbody>
    778. 

  778. 						</table>
    779. 

  779. 						<dl class="details">
    780. 

  780. 							<dt class="tag-returns"><strong>Returns:</strong> A promise that resolves with the buffer data when the data are ready.</dt>
    781. 

  781. 						</dl>
    782. 

  782. 					</div>
    783. 

  783. 					<h3 class="name name-method" id="getCanvasTarget" translate="no">.<a href="#getCanvasTarget">getCanvasTarget</a><span class="signature">()</span><span class="type-signature"> : <a href="CanvasTarget.html">CanvasTarget</a></span> </h3>
    784. 

  784. 					<div class="method">
    785. 

  785. 						<div class="description">
    786. 

  786. 							<p>Returns the current canvas target.</p>
    787. 

  787. 						</div>
    788. 

  788. 						<dl class="details">
    789. 

  789. 							<dt class="tag-returns"><strong>Returns:</strong> The current canvas target.</dt>
    790. 

  790. 						</dl>
    791. 

  791. 					</div>
    792. 

  792. 					<h3 class="name name-method" id="getClearAlpha" translate="no">.<a href="#getClearAlpha">getClearAlpha</a><span class="signature">()</span><span class="type-signature"> : number</span> </h3>
    793. 

  793. 					<div class="method">
    794. 

  794. 						<div class="description">
    795. 

  795. 							<p>Returns the clear alpha.</p>
    796. 

  796. 						</div>
    797. 

  797. 						<dl class="details">
    798. 

  798. 							<dt class="tag-returns"><strong>Returns:</strong> The clear alpha.</dt>
    799. 

  799. 						</dl>
    800. 

  800. 					</div>
    801. 

  801. 					<h3 class="name name-method" id="getClearColor" translate="no">.<a href="#getClearColor">getClearColor</a><span class="signature">( target : <span class="param-type"><a href="Color.html">Color</a></span> )</span><span class="type-signature"> : <a href="Color.html">Color</a></span> </h3>
    802. 

  802. 					<div class="method">
    803. 

  803. 						<div class="description">
    804. 

  804. 							<p>Returns the clear color.</p>
    805. 

  805. 						</div>
    806. 

  806. 						<table class="params">
    807. 

  807. 							<tbody>
    808. 

  808. 								<tr>
    809. 

  809. 									<td class="name">
    810. 

  810. 										<strong translate="no">target</strong>
    811. 

  811. 									</td>
    812. 

  812. 									<td class="description last">
    813. 

  813. 										<p>The method writes the result in this target object.</p>
    814. 

  814. 									</td>
    815. 

  815. 								</tr>
    816. 

  816. 							</tbody>
    817. 

  817. 						</table>
    818. 

  818. 						<dl class="details">
    819. 

  819. 							<dt class="tag-returns"><strong>Returns:</strong> The clear color.</dt>
    820. 

  820. 						</dl>
    821. 

  821. 					</div>
    822. 

  822. 					<h3 class="name name-method" id="getClearDepth" translate="no">.<a href="#getClearDepth">getClearDepth</a><span class="signature">()</span><span class="type-signature"> : number</span> </h3>
    823. 

  823. 					<div class="method">
    824. 

  824. 						<div class="description">
    825. 

  825. 							<p>Returns the clear depth.</p>
    826. 

  826. 						</div>
    827. 

  827. 						<dl class="details">
    828. 

  828. 							<dt class="tag-returns"><strong>Returns:</strong> The clear depth.</dt>
    829. 

  829. 						</dl>
    830. 

  830. 					</div>
    831. 

  831. 					<h3 class="name name-method" id="getClearStencil" translate="no">.<a href="#getClearStencil">getClearStencil</a><span class="signature">()</span><span class="type-signature"> : number</span> </h3>
    832. 

  832. 					<div class="method">
    833. 

  833. 						<div class="description">
    834. 

  834. 							<p>Returns the clear stencil.</p>
    835. 

  835. 						</div>
    836. 

  836. 						<dl class="details">
    837. 

  837. 							<dt class="tag-returns"><strong>Returns:</strong> The clear stencil.</dt>
    838. 

  838. 						</dl>
    839. 

  839. 					</div>
    840. 

  840. 					<h3 class="name name-method" id="getColorBufferType" translate="no">.<a href="#getColorBufferType">getColorBufferType</a><span class="signature">()</span><span class="type-signature"> : number</span> </h3>
    841. 

  841. 					<div class="method">
    842. 

  842. 						<div class="description">
    843. 

  843. 							<p>Returns the output buffer type.</p>
    844. 

  844. 						</div>
    845. 

  845. 						<dl class="details">
    846. 

  846. 							<dt class="important tag-deprecated"><strong>Deprecated:</strong> since r182. Use `.getOutputBufferType()` instead.</dt>
    847. 

  847. 						</dl>
    848. 

  848. 						<dl class="details">
    849. 

  849. 							<dt class="tag-returns"><strong>Returns:</strong> The output buffer type.</dt>
    850. 

  850. 						</dl>
    851. 

  851. 					</div>
    852. 

  852. 					<h3 class="name name-method" id="getContext" translate="no">.<a href="#getContext">getContext</a><span class="signature">()</span><span class="type-signature"> : GPUCanvasContext | WebGL2RenderingContext</span> </h3>
    853. 

  853. 					<div class="method">
    854. 

  854. 						<div class="description">
    855. 

  855. 							<p>Returns the rendering context.</p>
    856. 

  856. 						</div>
    857. 

  857. 						<dl class="details">
    858. 

  858. 							<dt class="tag-returns"><strong>Returns:</strong> The rendering context.</dt>
    859. 

  859. 						</dl>
    860. 

  860. 					</div>
    861. 

  861. 					<h3 class="name name-method" id="getDrawingBufferSize" translate="no">.<a href="#getDrawingBufferSize">getDrawingBufferSize</a><span class="signature">( target : <span class="param-type"><a href="Vector2.html">Vector2</a></span> )</span><span class="type-signature"> : <a href="Vector2.html">Vector2</a></span> </h3>
    862. 

  862. 					<div class="method">
    863. 

  863. 						<div class="description">
    864. 

  864. 							<p>Returns the drawing buffer size in physical pixels. This method honors the pixel ratio.</p>
    865. 

  865. 						</div>
    866. 

  866. 						<table class="params">
    867. 

  867. 							<tbody>
    868. 

  868. 								<tr>
    869. 

  869. 									<td class="name">
    870. 

  870. 										<strong translate="no">target</strong>
    871. 

  871. 									</td>
    872. 

  872. 									<td class="description last">
    873. 

  873. 										<p>The method writes the result in this target object.</p>
    874. 

  874. 									</td>
    875. 

  875. 								</tr>
    876. 

  876. 							</tbody>
    877. 

  877. 						</table>
    878. 

  878. 						<dl class="details">
    879. 

  879. 							<dt class="tag-returns"><strong>Returns:</strong> The drawing buffer size.</dt>
    880. 

  880. 						</dl>
    881. 

  881. 					</div>
    882. 

  882. 					<h3 class="name name-method" id="getMRT" translate="no">.<a href="#getMRT">getMRT</a><span class="signature">()</span><span class="type-signature"> : <a href="MRTNode.html">MRTNode</a></span> </h3>
    883. 

  883. 					<div class="method">
    884. 

  884. 						<div class="description">
    885. 

  885. 							<p>Returns the MRT configuration.</p>
    886. 

  886. 						</div>
    887. 

  887. 						<dl class="details">
    888. 

  888. 							<dt class="tag-returns"><strong>Returns:</strong> The MRT configuration.</dt>
    889. 

  889. 						</dl>
    890. 

  890. 					</div>
    891. 

  891. 					<h3 class="name name-method" id="getMaxAnisotropy" translate="no">.<a href="#getMaxAnisotropy">getMaxAnisotropy</a><span class="signature">()</span><span class="type-signature"> : number</span> </h3>
    892. 

  892. 					<div class="method">
    893. 

  893. 						<div class="description">
    894. 

  894. 							<p>Returns the maximum available anisotropy for texture filtering.</p>
    895. 

  895. 						</div>
    896. 

  896. 						<dl class="details">
    897. 

  897. 							<dt class="tag-returns"><strong>Returns:</strong> The maximum available anisotropy.</dt>
    898. 

  898. 						</dl>
    899. 

  899. 					</div>
    900. 

  900. 					<h3 class="name name-method" id="getOutputBufferType" translate="no">.<a href="#getOutputBufferType">getOutputBufferType</a><span class="signature">()</span><span class="type-signature"> : number</span> </h3>
    901. 

  901. 					<div class="method">
    902. 

  902. 						<div class="description">
    903. 

  903. 							<p>Returns the output buffer type.</p>
    904. 

  904. 						</div>
    905. 

  905. 						<dl class="details">
    906. 

  906. 							<dt class="tag-returns"><strong>Returns:</strong> The output buffer type.</dt>
    907. 

  907. 						</dl>
    908. 

  908. 					</div>
    909. 

  909. 					<h3 class="name name-method" id="getOutputRenderTarget" translate="no">.<a href="#getOutputRenderTarget">getOutputRenderTarget</a><span class="signature">()</span><span class="type-signature"> : <a href="RenderTarget.html">RenderTarget</a></span> </h3>
    910. 

  910. 					<div class="method">
    911. 

  911. 						<div class="description">
    912. 

  912. 							<p>Returns the current output target.</p>
    913. 

  913. 						</div>
    914. 

  914. 						<dl class="details">
    915. 

  915. 							<dt class="tag-returns"><strong>Returns:</strong> The current output render target. Returns <code>null</code> if no output target is set.</dt>
    916. 

  916. 						</dl>
    917. 

  917. 					</div>
    918. 

  918. 					<h3 class="name name-method" id="getPixelRatio" translate="no">.<a href="#getPixelRatio">getPixelRatio</a><span class="signature">()</span><span class="type-signature"> : number</span> </h3>
    919. 

  919. 					<div class="method">
    920. 

  920. 						<div class="description">
    921. 

  921. 							<p>Returns the pixel ratio.</p>
    922. 

  922. 						</div>
    923. 

  923. 						<dl class="details">
    924. 

  924. 							<dt class="tag-returns"><strong>Returns:</strong> The pixel ratio.</dt>
    925. 

  925. 						</dl>
    926. 

  926. 					</div>
    927. 

  927. 					<h3 class="name name-method" id="getRenderObjectFunction" translate="no">.<a href="#getRenderObjectFunction">getRenderObjectFunction</a><span class="signature">()</span><span class="type-signature"> : function</span> </h3>
    928. 

  928. 					<div class="method">
    929. 

  929. 						<div class="description">
    930. 

  930. 							<p>Returns the current render object function.</p>
    931. 

  931. 						</div>
    932. 

  932. 						<dl class="details">
    933. 

  933. 							<dt class="tag-returns"><strong>Returns:</strong> The current render object function. Returns <code>null</code> if no function is set.</dt>
    934. 

  934. 						</dl>
    935. 

  935. 					</div>
    936. 

  936. 					<h3 class="name name-method" id="getRenderTarget" translate="no">.<a href="#getRenderTarget">getRenderTarget</a><span class="signature">()</span><span class="type-signature"> : <a href="RenderTarget.html">RenderTarget</a></span> </h3>
    937. 

  937. 					<div class="method">
    938. 

  938. 						<div class="description">
    939. 

  939. 							<p>Returns the current render target.</p>
    940. 

  940. 						</div>
    941. 

  941. 						<dl class="details">
    942. 

  942. 							<dt class="tag-returns"><strong>Returns:</strong> The render target. Returns <code>null</code> if no render target is set.</dt>
    943. 

  943. 						</dl>
    944. 

  944. 					</div>
    945. 

  945. 					<h3 class="name name-method" id="getScissor" translate="no">.<a href="#getScissor">getScissor</a><span class="signature">( target : <span class="param-type"><a href="Vector4.html">Vector4</a></span> )</span><span class="type-signature"> : <a href="Vector4.html">Vector4</a></span> </h3>
    946. 

  946. 					<div class="method">
    947. 

  947. 						<div class="description">
    948. 

  948. 							<p>Returns the scissor rectangle.</p>
    949. 

  949. 						</div>
    950. 

  950. 						<table class="params">
    951. 

  951. 							<tbody>
    952. 

  952. 								<tr>
    953. 

  953. 									<td class="name">
    954. 

  954. 										<strong translate="no">target</strong>
    955. 

  955. 									</td>
    956. 

  956. 									<td class="description last">
    957. 

  957. 										<p>The method writes the result in this target object.</p>
    958. 

  958. 									</td>
    959. 

  959. 								</tr>
    960. 

  960. 							</tbody>
    961. 

  961. 						</table>
    962. 

  962. 						<dl class="details">
    963. 

  963. 							<dt class="tag-returns"><strong>Returns:</strong> The scissor rectangle.</dt>
    964. 

  964. 						</dl>
    965. 

  965. 					</div>
    966. 

  966. 					<h3 class="name name-method" id="getScissorTest" translate="no">.<a href="#getScissorTest">getScissorTest</a><span class="signature">()</span><span class="type-signature"> : boolean</span> </h3>
    967. 

  967. 					<div class="method">
    968. 

  968. 						<div class="description">
    969. 

  969. 							<p>Returns the scissor test value.</p>
    970. 

  970. 						</div>
    971. 

  971. 						<dl class="details">
    972. 

  972. 							<dt class="tag-returns"><strong>Returns:</strong> Whether the scissor test should be enabled or not.</dt>
    973. 

  973. 						</dl>
    974. 

  974. 					</div>
    975. 

  975. 					<h3 class="name name-method" id="getSize" translate="no">.<a href="#getSize">getSize</a><span class="signature">( target : <span class="param-type"><a href="Vector2.html">Vector2</a></span> )</span><span class="type-signature"> : <a href="Vector2.html">Vector2</a></span> </h3>
    976. 

  976. 					<div class="method">
    977. 

  977. 						<div class="description">
    978. 

  978. 							<p>Returns the renderer's size in logical pixels. This method does not honor the pixel ratio.</p>
    979. 

  979. 						</div>
    980. 

  980. 						<table class="params">
    981. 

  981. 							<tbody>
    982. 

  982. 								<tr>
    983. 

  983. 									<td class="name">
    984. 

  984. 										<strong translate="no">target</strong>
    985. 

  985. 									</td>
    986. 

  986. 									<td class="description last">
    987. 

  987. 										<p>The method writes the result in this target object.</p>
    988. 

  988. 									</td>
    989. 

  989. 								</tr>
    990. 

  990. 							</tbody>
    991. 

  991. 						</table>
    992. 

  992. 						<dl class="details">
    993. 

  993. 							<dt class="tag-returns"><strong>Returns:</strong> The renderer's size in logical pixels.</dt>
    994. 

  994. 						</dl>
    995. 

  995. 					</div>
    996. 

  996. 					<h3 class="name name-method" id="getViewport" translate="no">.<a href="#getViewport">getViewport</a><span class="signature">( target : <span class="param-type"><a href="Vector4.html">Vector4</a></span> )</span><span class="type-signature"> : <a href="Vector4.html">Vector4</a></span> </h3>
    997. 

  997. 					<div class="method">
    998. 

  998. 						<div class="description">
    999. 

  999. 							<p>Returns the viewport definition.</p>
    1000. 

  1000. 						</div>
    1001. 

  1001. 						<table class="params">
    1002. 

  1002. 							<tbody>
    1003. 

  1003. 								<tr>
    1004. 

  1004. 									<td class="name">
    1005. 

  1005. 										<strong translate="no">target</strong>
    1006. 

  1006. 									</td>
    1007. 

  1007. 									<td class="description last">
    1008. 

  1008. 										<p>The method writes the result in this target object.</p>
    1009. 

  1009. 									</td>
    1010. 

  1010. 								</tr>
    1011. 

  1011. 							</tbody>
    1012. 

  1012. 						</table>
    1013. 

  1013. 						<dl class="details">
    1014. 

  1014. 							<dt class="tag-returns"><strong>Returns:</strong> The viewport definition.</dt>
    1015. 

  1015. 						</dl>
    1016. 

  1016. 					</div>
    1017. 

  1017. 					<h3 class="name name-method" id="hasCompatibility" translate="no">.<a href="#hasCompatibility">hasCompatibility</a><span class="signature">( name : <span class="param-type">string</span> )</span><span class="type-signature"> : boolean</span> </h3>
    1018. 

  1018. 					<div class="method">
    1019. 

  1019. 						<div class="description">
    1020. 

  1020. 							<p>Checks if the given compatibility is supported by the selected backend.</p>
    1021. 

  1021. 						</div>
    1022. 

  1022. 						<table class="params">
    1023. 

  1023. 							<tbody>
    1024. 

  1024. 								<tr>
    1025. 

  1025. 									<td class="name">
    1026. 

  1026. 										<strong translate="no">name</strong>
    1027. 

  1027. 									</td>
    1028. 

  1028. 									<td class="description last">
    1029. 

  1029. 										<p>The compatibility's name.</p>
    1030. 

  1030. 									</td>
    1031. 

  1031. 								</tr>
    1032. 

  1032. 							</tbody>
    1033. 

  1033. 						</table>
    1034. 

  1034. 						<dl class="details">
    1035. 

  1035. 							<dt class="tag-returns"><strong>Returns:</strong> Whether the compatibility is supported or not.</dt>
    1036. 

  1036. 						</dl>
    1037. 

  1037. 					</div>
    1038. 

  1038. 					<h3 class="name name-method" id="hasFeature" translate="no">.<a href="#hasFeature">hasFeature</a><span class="signature">( name : <span class="param-type">string</span> )</span><span class="type-signature"> : boolean</span> </h3>
    1039. 

  1039. 					<div class="method">
    1040. 

  1040. 						<div class="description">
    1041. 

  1041. 							<p>Checks if the given feature is supported by the selected backend. If the
    1042. 

  1042. renderer has not been initialized, this method always returns <code>false</code>.</p>
    1043. 

  1043. 						</div>
    1044. 

  1044. 						<table class="params">
    1045. 

  1045. 							<tbody>
    1046. 

  1046. 								<tr>
    1047. 

  1047. 									<td class="name">
    1048. 

  1048. 										<strong translate="no">name</strong>
    1049. 

  1049. 									</td>
    1050. 

  1050. 									<td class="description last">
    1051. 

  1051. 										<p>The feature's name.</p>
    1052. 

  1052. 									</td>
    1053. 

  1053. 								</tr>
    1054. 

  1054. 							</tbody>
    1055. 

  1055. 						</table>
    1056. 

  1056. 						<dl class="details">
    1057. 

  1057. 							<dt class="tag-returns"><strong>Returns:</strong> Whether the feature is supported or not.</dt>
    1058. 

  1058. 						</dl>
    1059. 

  1059. 					</div>
    1060. 

  1060. 					<h3 class="name name-method" id="hasFeatureAsync" translate="no">.<a href="#hasFeatureAsync">hasFeatureAsync</a><span class="signature">( name : <span class="param-type">string</span> )</span><span class="type-signature"> : Promise.&lt;boolean></span> <span class="type-signature">(async) </span></h3>
    1061. 

  1061. 					<div class="method">
    1062. 

  1062. 						<div class="description">
    1063. 

  1063. 							<p>Checks if the given feature is supported by the selected backend.</p>
    1064. 

  1064. 						</div>
    1065. 

  1065. 						<table class="params">
    1066. 

  1066. 							<tbody>
    1067. 

  1067. 								<tr>
    1068. 

  1068. 									<td class="name">
    1069. 

  1069. 										<strong translate="no">name</strong>
    1070. 

  1070. 									</td>
    1071. 

  1071. 									<td class="description last">
    1072. 

  1072. 										<p>The feature's name.</p>
    1073. 

  1073. 									</td>
    1074. 

  1074. 								</tr>
    1075. 

  1075. 							</tbody>
    1076. 

  1076. 						</table>
    1077. 

  1077. 						<dl class="details">
    1078. 

  1078. 							<dt class="important tag-deprecated"><strong>Deprecated:</strong> Yes</dt>
    1079. 

  1079. 						</dl>
    1080. 

  1080. 						<dl class="details">
    1081. 

  1081. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolves with a bool that indicates whether the feature is supported or not.</dt>
    1082. 

  1082. 						</dl>
    1083. 

  1083. 					</div>
    1084. 

  1084. 					<h3 class="name name-method" id="hasInitialized" translate="no">.<a href="#hasInitialized">hasInitialized</a><span class="signature">()</span><span class="type-signature"> : boolean</span> </h3>
    1085. 

  1085. 					<div class="method">
    1086. 

  1086. 						<div class="description">
    1087. 

  1087. 							<p>Returns <code>true</code> when the renderer has been initialized.</p>
    1088. 

  1088. 						</div>
    1089. 

  1089. 						<dl class="details">
    1090. 

  1090. 							<dt class="tag-returns"><strong>Returns:</strong> Whether the renderer has been initialized or not.</dt>
    1091. 

  1091. 						</dl>
    1092. 

  1092. 					</div>
    1093. 

  1093. 					<h3 class="name name-method" id="init" translate="no">.<a href="#init">init</a><span class="signature">()</span><span class="type-signature"> : Promise.&lt;this></span> <span class="type-signature">(async) </span></h3>
    1094. 

  1094. 					<div class="method">
    1095. 

  1095. 						<div class="description">
    1096. 

  1096. 							<p>Initializes the renderer so it is ready for usage.</p>
    1097. 

  1097. 						</div>
    1098. 

  1098. 						<dl class="details">
    1099. 

  1099. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolves when the renderer has been initialized.</dt>
    1100. 

  1100. 						</dl>
    1101. 

  1101. 					</div>
    1102. 

  1102. 					<h3 class="name name-method" id="initRenderTarget" translate="no">.<a href="#initRenderTarget">initRenderTarget</a><span class="signature">( renderTarget : <span class="param-type"><a href="RenderTarget.html">RenderTarget</a></span> )</span> </h3>
    1103. 

  1103. 					<div class="method">
    1104. 

  1104. 						<div class="description">
    1105. 

  1105. 							<p>Initializes the given render target.</p>
    1106. 

  1106. 						</div>
    1107. 

  1107. 						<table class="params">
    1108. 

  1108. 							<tbody>
    1109. 

  1109. 								<tr>
    1110. 

  1110. 									<td class="name">
    1111. 

  1111. 										<strong translate="no">renderTarget</strong>
    1112. 

  1112. 									</td>
    1113. 

  1113. 									<td class="description last">
    1114. 

  1114. 										<p>The render target to intialize.</p>
    1115. 

  1115. 									</td>
    1116. 

  1116. 								</tr>
    1117. 

  1117. 							</tbody>
    1118. 

  1118. 						</table>
    1119. 

  1119. 					</div>
    1120. 

  1120. 					<h3 class="name name-method" id="initTexture" translate="no">.<a href="#initTexture">initTexture</a><span class="signature">( texture : <span class="param-type"><a href="Texture.html">Texture</a></span> )</span> </h3>
    1121. 

  1121. 					<div class="method">
    1122. 

  1122. 						<div class="description">
    1123. 

  1123. 							<p>Initializes the given texture. Useful for preloading a texture rather than waiting until first render
    1124. 

  1124. (which can cause noticeable lags due to decode and GPU upload overhead).</p>
    1125. 

  1125. <p>This method can only be used if the renderer has been initialized.</p>
    1126. 

  1126. 						</div>
    1127. 

  1127. 						<table class="params">
    1128. 

  1128. 							<tbody>
    1129. 

  1129. 								<tr>
    1130. 

  1130. 									<td class="name">
    1131. 

  1131. 										<strong translate="no">texture</strong>
    1132. 

  1132. 									</td>
    1133. 

  1133. 									<td class="description last">
    1134. 

  1134. 										<p>The texture.</p>
    1135. 

  1135. 									</td>
    1136. 

  1136. 								</tr>
    1137. 

  1137. 							</tbody>
    1138. 

  1138. 						</table>
    1139. 

  1139. 					</div>
    1140. 

  1140. 					<h3 class="name name-method" id="initTextureAsync" translate="no">.<a href="#initTextureAsync">initTextureAsync</a><span class="signature">( texture : <span class="param-type"><a href="Texture.html">Texture</a></span> )</span><span class="type-signature"> : Promise</span> <span class="type-signature">(async) </span></h3>
    1141. 

  1141. 					<div class="method">
    1142. 

  1142. 						<div class="description">
    1143. 

  1143. 							<p>Initializes the given textures. Useful for preloading a texture rather than waiting until first render
    1144. 

  1144. (which can cause noticeable lags due to decode and GPU upload overhead).</p>
    1145. 

  1145. 						</div>
    1146. 

  1146. 						<table class="params">
    1147. 

  1147. 							<tbody>
    1148. 

  1148. 								<tr>
    1149. 

  1149. 									<td class="name">
    1150. 

  1150. 										<strong translate="no">texture</strong>
    1151. 

  1151. 									</td>
    1152. 

  1152. 									<td class="description last">
    1153. 

  1153. 										<p>The texture.</p>
    1154. 

  1154. 									</td>
    1155. 

  1155. 								</tr>
    1156. 

  1156. 							</tbody>
    1157. 

  1157. 						</table>
    1158. 

  1158. 						<dl class="details">
    1159. 

  1159. 							<dt class="important tag-deprecated"><strong>Deprecated:</strong> Yes</dt>
    1160. 

  1160. 						</dl>
    1161. 

  1161. 						<dl class="details">
    1162. 

  1162. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolves when the texture has been initialized.</dt>
    1163. 

  1163. 						</dl>
    1164. 

  1164. 					</div>
    1165. 

  1165. 					<h3 class="name name-method" id="isOccluded" translate="no">.<a href="#isOccluded">isOccluded</a><span class="signature">( object : <span class="param-type"><a href="Object3D.html">Object3D</a></span> )</span><span class="type-signature"> : boolean</span> </h3>
    1166. 

  1166. 					<div class="method">
    1167. 

  1167. 						<div class="description">
    1168. 

  1168. 							<p>This method performs an occlusion query for the given 3D object.
    1169. 

  1169. It returns <code>true</code> if the given 3D object is fully occluded by other
    1170. 

  1170. 3D objects in the scene.</p>
    1171. 

  1171. 						</div>
    1172. 

  1172. 						<table class="params">
    1173. 

  1173. 							<tbody>
    1174. 

  1174. 								<tr>
    1175. 

  1175. 									<td class="name">
    1176. 

  1176. 										<strong translate="no">object</strong>
    1177. 

  1177. 									</td>
    1178. 

  1178. 									<td class="description last">
    1179. 

  1179. 										<p>The 3D object to test.</p>
    1180. 

  1180. 									</td>
    1181. 

  1181. 								</tr>
    1182. 

  1182. 							</tbody>
    1183. 

  1183. 						</table>
    1184. 

  1184. 						<dl class="details">
    1185. 

  1185. 							<dt class="tag-returns"><strong>Returns:</strong> Whether the 3D object is fully occluded or not.</dt>
    1186. 

  1186. 						</dl>
    1187. 

  1187. 					</div>
    1188. 

  1188. 					<h3 class="name name-method" id="readRenderTargetPixelsAsync" translate="no">.<a href="#readRenderTargetPixelsAsync">readRenderTargetPixelsAsync</a><span class="signature">( renderTarget : <span class="param-type"><a href="RenderTarget.html">RenderTarget</a></span>, x : <span class="param-type">number</span>, y : <span class="param-type">number</span>, width : <span class="param-type">number</span>, height : <span class="param-type">number</span>, textureIndex : <span class="param-type">number</span>, faceIndex : <span class="param-type">number</span> )</span><span class="type-signature"> : Promise.&lt;TypedArray></span> <span class="type-signature">(async) </span></h3>
    1189. 

  1189. 					<div class="method">
    1190. 

  1190. 						<div class="description">
    1191. 

  1191. 							<p>Reads pixel data from the given render target.</p>
    1192. 

  1192. 						</div>
    1193. 

  1193. 						<table class="params">
    1194. 

  1194. 							<tbody>
    1195. 

  1195. 								<tr>
    1196. 

  1196. 									<td class="name">
    1197. 

  1197. 										<strong translate="no">renderTarget</strong>
    1198. 

  1198. 									</td>
    1199. 

  1199. 									<td class="description last">
    1200. 

  1200. 										<p>The render target to read from.</p>
    1201. 

  1201. 									</td>
    1202. 

  1202. 								</tr>
    1203. 

  1203. 								<tr>
    1204. 

  1204. 									<td class="name">
    1205. 

  1205. 										<strong translate="no">x</strong>
    1206. 

  1206. 									</td>
    1207. 

  1207. 									<td class="description last">
    1208. 

  1208. 										<p>The <code>x</code> coordinate of the copy region's origin.</p>
    1209. 

  1209. 									</td>
    1210. 

  1210. 								</tr>
    1211. 

  1211. 								<tr>
    1212. 

  1212. 									<td class="name">
    1213. 

  1213. 										<strong translate="no">y</strong>
    1214. 

  1214. 									</td>
    1215. 

  1215. 									<td class="description last">
    1216. 

  1216. 										<p>The <code>y</code> coordinate of the copy region's origin.</p>
    1217. 

  1217. 									</td>
    1218. 

  1218. 								</tr>
    1219. 

  1219. 								<tr>
    1220. 

  1220. 									<td class="name">
    1221. 

  1221. 										<strong translate="no">width</strong>
    1222. 

  1222. 									</td>
    1223. 

  1223. 									<td class="description last">
    1224. 

  1224. 										<p>The width of the copy region.</p>
    1225. 

  1225. 									</td>
    1226. 

  1226. 								</tr>
    1227. 

  1227. 								<tr>
    1228. 

  1228. 									<td class="name">
    1229. 

  1229. 										<strong translate="no">height</strong>
    1230. 

  1230. 									</td>
    1231. 

  1231. 									<td class="description last">
    1232. 

  1232. 										<p>The height of the copy region.</p>
    1233. 

  1233. 									</td>
    1234. 

  1234. 								</tr>
    1235. 

  1235. 								<tr>
    1236. 

  1236. 									<td class="name">
    1237. 

  1237. 										<strong translate="no">textureIndex</strong>
    1238. 

  1238. 									</td>
    1239. 

  1239. 									<td class="description last">
    1240. 

  1240. 										<p>The texture index of a MRT render target.</p>
    1241. 

  1241. 										<p>Default is <code>0</code>.</p>
    1242. 

  1242. 									</td>
    1243. 

  1243. 								</tr>
    1244. 

  1244. 								<tr>
    1245. 

  1245. 									<td class="name">
    1246. 

  1246. 										<strong translate="no">faceIndex</strong>
    1247. 

  1247. 									</td>
    1248. 

  1248. 									<td class="description last">
    1249. 

  1249. 										<p>The active cube face index.</p>
    1250. 

  1250. 										<p>Default is <code>0</code>.</p>
    1251. 

  1251. 									</td>
    1252. 

  1252. 								</tr>
    1253. 

  1253. 							</tbody>
    1254. 

  1254. 						</table>
    1255. 

  1255. 						<dl class="details">
    1256. 

  1256. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolves when the read has been finished. The resolve provides the read data as a typed array.</dt>
    1257. 

  1257. 						</dl>
    1258. 

  1258. 					</div>
    1259. 

  1259. 					<h3 class="name name-method" id="render" translate="no">.<a href="#render">render</a><span class="signature">( scene : <span class="param-type"><a href="Object3D.html">Object3D</a></span>, camera : <span class="param-type"><a href="Camera.html">Camera</a></span> )</span> </h3>
    1260. 

  1260. 					<div class="method">
    1261. 

  1261. 						<div class="description">
    1262. 

  1262. 							<p>Renders the scene or 3D object with the given camera. This method can only be called
    1263. 

  1263. if the renderer has been initialized. When using <code>render()</code> inside an animation loop,
    1264. 

  1264. it's guaranteed the renderer will be initialized. The animation loop must be defined
    1265. 

  1265. with <a href="Renderer.html#setAnimationLoop">Renderer#setAnimationLoop</a> though.</p>
    1266. 

  1266. <p>For all other use cases (like when using on-demand rendering), you must call
    1267. 

  1267. <a href="Renderer.html#init">Renderer#init</a> before rendering.</p>
    1268. 

  1268. <p>The target of the method is the default framebuffer (meaning the canvas)
    1269. 

  1269. or alternatively a render target when specified via <code>setRenderTarget()</code>.</p>
    1270. 

  1270. 						</div>
    1271. 

  1271. 						<table class="params">
    1272. 

  1272. 							<tbody>
    1273. 

  1273. 								<tr>
    1274. 

  1274. 									<td class="name">
    1275. 

  1275. 										<strong translate="no">scene</strong>
    1276. 

  1276. 									</td>
    1277. 

  1277. 									<td class="description last">
    1278. 

  1278. 										<p>The scene or 3D object to render.</p>
    1279. 

  1279. 									</td>
    1280. 

  1280. 								</tr>
    1281. 

  1281. 								<tr>
    1282. 

  1282. 									<td class="name">
    1283. 

  1283. 										<strong translate="no">camera</strong>
    1284. 

  1284. 									</td>
    1285. 

  1285. 									<td class="description last">
    1286. 

  1286. 										<p>The camera to render the scene with.</p>
    1287. 

  1287. 									</td>
    1288. 

  1288. 								</tr>
    1289. 

  1289. 							</tbody>
    1290. 

  1290. 						</table>
    1291. 

  1291. 					</div>
    1292. 

  1292. 					<h3 class="name name-method" id="renderAsync" translate="no">.<a href="#renderAsync">renderAsync</a><span class="signature">( scene : <span class="param-type"><a href="Object3D.html">Object3D</a></span>, camera : <span class="param-type"><a href="Camera.html">Camera</a></span> )</span><span class="type-signature"> : Promise</span> <span class="type-signature">(async) </span></h3>
    1293. 

  1293. 					<div class="method">
    1294. 

  1294. 						<div class="description">
    1295. 

  1295. 							<p>Renders the scene in an async fashion.</p>
    1296. 

  1296. 						</div>
    1297. 

  1297. 						<table class="params">
    1298. 

  1298. 							<tbody>
    1299. 

  1299. 								<tr>
    1300. 

  1300. 									<td class="name">
    1301. 

  1301. 										<strong translate="no">scene</strong>
    1302. 

  1302. 									</td>
    1303. 

  1303. 									<td class="description last">
    1304. 

  1304. 										<p>The scene or 3D object to render.</p>
    1305. 

  1305. 									</td>
    1306. 

  1306. 								</tr>
    1307. 

  1307. 								<tr>
    1308. 

  1308. 									<td class="name">
    1309. 

  1309. 										<strong translate="no">camera</strong>
    1310. 

  1310. 									</td>
    1311. 

  1311. 									<td class="description last">
    1312. 

  1312. 										<p>The camera.</p>
    1313. 

  1313. 									</td>
    1314. 

  1314. 								</tr>
    1315. 

  1315. 							</tbody>
    1316. 

  1316. 						</table>
    1317. 

  1317. 						<dl class="details">
    1318. 

  1318. 							<dt class="important tag-deprecated"><strong>Deprecated:</strong> Yes</dt>
    1319. 

  1319. 						</dl>
    1320. 

  1320. 						<dl class="details">
    1321. 

  1321. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolves when the render has been finished.</dt>
    1322. 

  1322. 						</dl>
    1323. 

  1323. 					</div>
    1324. 

  1324. 					<h3 class="name name-method" id="renderObject" translate="no">.<a href="#renderObject">renderObject</a><span class="signature">( object : <span class="param-type"><a href="Object3D.html">Object3D</a></span>, scene : <span class="param-type"><a href="Scene.html">Scene</a></span>, camera : <span class="param-type"><a href="Camera.html">Camera</a></span>, geometry : <span class="param-type"><a href="BufferGeometry.html">BufferGeometry</a></span>, material : <span class="param-type"><a href="Material.html">Material</a></span>, group : <span class="param-type">Object</span>, lightsNode : <span class="param-type"><a href="LightsNode.html">LightsNode</a></span>, clippingContext : <span class="param-type"><a href="ClippingContext.html">ClippingContext</a></span>, passId : <span class="param-type">string</span> )</span> </h3>
    1325. 

  1325. 					<div class="method">
    1326. 

  1326. 						<div class="description">
    1327. 

  1327. 							<p>This method represents the default render object function that manages the render lifecycle
    1328. 

  1328. of the object.</p>
    1329. 

  1329. 						</div>
    1330. 

  1330. 						<table class="params">
    1331. 

  1331. 							<tbody>
    1332. 

  1332. 								<tr>
    1333. 

  1333. 									<td class="name">
    1334. 

  1334. 										<strong translate="no">object</strong>
    1335. 

  1335. 									</td>
    1336. 

  1336. 									<td class="description last">
    1337. 

  1337. 										<p>The 3D object.</p>
    1338. 

  1338. 									</td>
    1339. 

  1339. 								</tr>
    1340. 

  1340. 								<tr>
    1341. 

  1341. 									<td class="name">
    1342. 

  1342. 										<strong translate="no">scene</strong>
    1343. 

  1343. 									</td>
    1344. 

  1344. 									<td class="description last">
    1345. 

  1345. 										<p>The scene the 3D object belongs to.</p>
    1346. 

  1346. 									</td>
    1347. 

  1347. 								</tr>
    1348. 

  1348. 								<tr>
    1349. 

  1349. 									<td class="name">
    1350. 

  1350. 										<strong translate="no">camera</strong>
    1351. 

  1351. 									</td>
    1352. 

  1352. 									<td class="description last">
    1353. 

  1353. 										<p>The camera the object should be rendered with.</p>
    1354. 

  1354. 									</td>
    1355. 

  1355. 								</tr>
    1356. 

  1356. 								<tr>
    1357. 

  1357. 									<td class="name">
    1358. 

  1358. 										<strong translate="no">geometry</strong>
    1359. 

  1359. 									</td>
    1360. 

  1360. 									<td class="description last">
    1361. 

  1361. 										<p>The object's geometry.</p>
    1362. 

  1362. 									</td>
    1363. 

  1363. 								</tr>
    1364. 

  1364. 								<tr>
    1365. 

  1365. 									<td class="name">
    1366. 

  1366. 										<strong translate="no">material</strong>
    1367. 

  1367. 									</td>
    1368. 

  1368. 									<td class="description last">
    1369. 

  1369. 										<p>The object's material.</p>
    1370. 

  1370. 									</td>
    1371. 

  1371. 								</tr>
    1372. 

  1372. 								<tr>
    1373. 

  1373. 									<td class="name">
    1374. 

  1374. 										<strong translate="no">group</strong>
    1375. 

  1375. 									</td>
    1376. 

  1376. 									<td class="description last">
    1377. 

  1377. 										<p>Only relevant for objects using multiple materials. This represents a group entry from the respective <code>BufferGeometry</code>.</p>
    1378. 

  1378. 									</td>
    1379. 

  1379. 								</tr>
    1380. 

  1380. 								<tr>
    1381. 

  1381. 									<td class="name">
    1382. 

  1382. 										<strong translate="no">lightsNode</strong>
    1383. 

  1383. 									</td>
    1384. 

  1384. 									<td class="description last">
    1385. 

  1385. 										<p>The current lights node.</p>
    1386. 

  1386. 									</td>
    1387. 

  1387. 								</tr>
    1388. 

  1388. 								<tr>
    1389. 

  1389. 									<td class="name">
    1390. 

  1390. 										<strong translate="no">clippingContext</strong>
    1391. 

  1391. 									</td>
    1392. 

  1392. 									<td class="description last">
    1393. 

  1393. 										<p>The clipping context.</p>
    1394. 

  1394. 										<p>Default is <code>null</code>.</p>
    1395. 

  1395. 									</td>
    1396. 

  1396. 								</tr>
    1397. 

  1397. 								<tr>
    1398. 

  1398. 									<td class="name">
    1399. 

  1399. 										<strong translate="no">passId</strong>
    1400. 

  1400. 									</td>
    1401. 

  1401. 									<td class="description last">
    1402. 

  1402. 										<p>An optional ID for identifying the pass.</p>
    1403. 

  1403. 										<p>Default is <code>null</code>.</p>
    1404. 

  1404. 									</td>
    1405. 

  1405. 								</tr>
    1406. 

  1406. 							</tbody>
    1407. 

  1407. 						</table>
    1408. 

  1408. 					</div>
    1409. 

  1409. 					<h3 class="name name-method" id="setAnimationLoop" translate="no">.<a href="#setAnimationLoop">setAnimationLoop</a><span class="signature">( callback : <span class="param-type"><a href="global.html#onAnimationCallback">onAnimationCallback</a></span> )</span><span class="type-signature"> : Promise</span> <span class="type-signature">(async) </span></h3>
    1410. 

  1410. 					<div class="method">
    1411. 

  1411. 						<div class="description">
    1412. 

  1412. 							<p>Applications are advised to always define the animation loop
    1413. 

  1413. with this method and not manually with <code>requestAnimationFrame()</code>
    1414. 

  1414. for best compatibility.</p>
    1415. 

  1415. 						</div>
    1416. 

  1416. 						<table class="params">
    1417. 

  1417. 							<tbody>
    1418. 

  1418. 								<tr>
    1419. 

  1419. 									<td class="name">
    1420. 

  1420. 										<strong translate="no">callback</strong>
    1421. 

  1421. 									</td>
    1422. 

  1422. 									<td class="description last">
    1423. 

  1423. 										<p>The application's animation loop.</p>
    1424. 

  1424. 									</td>
    1425. 

  1425. 								</tr>
    1426. 

  1426. 							</tbody>
    1427. 

  1427. 						</table>
    1428. 

  1428. 						<dl class="details">
    1429. 

  1429. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolves when the set has been executed.</dt>
    1430. 

  1430. 						</dl>
    1431. 

  1431. 					</div>
    1432. 

  1432. 					<h3 class="name name-method" id="setCanvasTarget" translate="no">.<a href="#setCanvasTarget">setCanvasTarget</a><span class="signature">( canvasTarget : <span class="param-type"><a href="CanvasTarget.html">CanvasTarget</a></span> )</span> </h3>
    1433. 

  1433. 					<div class="method">
    1434. 

  1434. 						<div class="description">
    1435. 

  1435. 							<p>Sets the canvas target. The canvas target manages the HTML canvas
    1436. 

  1436. or the offscreen canvas the renderer draws into.</p>
    1437. 

  1437. 						</div>
    1438. 

  1438. 						<table class="params">
    1439. 

  1439. 							<tbody>
    1440. 

  1440. 								<tr>
    1441. 

  1441. 									<td class="name">
    1442. 

  1442. 										<strong translate="no">canvasTarget</strong>
    1443. 

  1443. 									</td>
    1444. 

  1444. 									<td class="description last">
    1445. 

  1445. 										<p>The canvas target.</p>
    1446. 

  1446. 									</td>
    1447. 

  1447. 								</tr>
    1448. 

  1448. 							</tbody>
    1449. 

  1449. 						</table>
    1450. 

  1450. 					</div>
    1451. 

  1451. 					<h3 class="name name-method" id="setClearAlpha" translate="no">.<a href="#setClearAlpha">setClearAlpha</a><span class="signature">( alpha : <span class="param-type">number</span> )</span> </h3>
    1452. 

  1452. 					<div class="method">
    1453. 

  1453. 						<div class="description">
    1454. 

  1454. 							<p>Defines the clear alpha.</p>
    1455. 

  1455. 						</div>
    1456. 

  1456. 						<table class="params">
    1457. 

  1457. 							<tbody>
    1458. 

  1458. 								<tr>
    1459. 

  1459. 									<td class="name">
    1460. 

  1460. 										<strong translate="no">alpha</strong>
    1461. 

  1461. 									</td>
    1462. 

  1462. 									<td class="description last">
    1463. 

  1463. 										<p>The clear alpha.</p>
    1464. 

  1464. 									</td>
    1465. 

  1465. 								</tr>
    1466. 

  1466. 							</tbody>
    1467. 

  1467. 						</table>
    1468. 

  1468. 					</div>
    1469. 

  1469. 					<h3 class="name name-method" id="setClearColor" translate="no">.<a href="#setClearColor">setClearColor</a><span class="signature">( color : <span class="param-type"><a href="Color.html">Color</a></span>, alpha : <span class="param-type">number</span> )</span> </h3>
    1470. 

  1470. 					<div class="method">
    1471. 

  1471. 						<div class="description">
    1472. 

  1472. 							<p>Defines the clear color and optionally the clear alpha.</p>
    1473. 

  1473. 						</div>
    1474. 

  1474. 						<table class="params">
    1475. 

  1475. 							<tbody>
    1476. 

  1476. 								<tr>
    1477. 

  1477. 									<td class="name">
    1478. 

  1478. 										<strong translate="no">color</strong>
    1479. 

  1479. 									</td>
    1480. 

  1480. 									<td class="description last">
    1481. 

  1481. 										<p>The clear color.</p>
    1482. 

  1482. 									</td>
    1483. 

  1483. 								</tr>
    1484. 

  1484. 								<tr>
    1485. 

  1485. 									<td class="name">
    1486. 

  1486. 										<strong translate="no">alpha</strong>
    1487. 

  1487. 									</td>
    1488. 

  1488. 									<td class="description last">
    1489. 

  1489. 										<p>The clear alpha.</p>
    1490. 

  1490. 										<p>Default is <code>1</code>.</p>
    1491. 

  1491. 									</td>
    1492. 

  1492. 								</tr>
    1493. 

  1493. 							</tbody>
    1494. 

  1494. 						</table>
    1495. 

  1495. 					</div>
    1496. 

  1496. 					<h3 class="name name-method" id="setClearDepth" translate="no">.<a href="#setClearDepth">setClearDepth</a><span class="signature">( depth : <span class="param-type">number</span> )</span> </h3>
    1497. 

  1497. 					<div class="method">
    1498. 

  1498. 						<div class="description">
    1499. 

  1499. 							<p>Defines the clear depth.</p>
    1500. 

  1500. 						</div>
    1501. 

  1501. 						<table class="params">
    1502. 

  1502. 							<tbody>
    1503. 

  1503. 								<tr>
    1504. 

  1504. 									<td class="name">
    1505. 

  1505. 										<strong translate="no">depth</strong>
    1506. 

  1506. 									</td>
    1507. 

  1507. 									<td class="description last">
    1508. 

  1508. 										<p>The clear depth.</p>
    1509. 

  1509. 									</td>
    1510. 

  1510. 								</tr>
    1511. 

  1511. 							</tbody>
    1512. 

  1512. 						</table>
    1513. 

  1513. 					</div>
    1514. 

  1514. 					<h3 class="name name-method" id="setClearStencil" translate="no">.<a href="#setClearStencil">setClearStencil</a><span class="signature">( stencil : <span class="param-type">number</span> )</span> </h3>
    1515. 

  1515. 					<div class="method">
    1516. 

  1516. 						<div class="description">
    1517. 

  1517. 							<p>Defines the clear stencil.</p>
    1518. 

  1518. 						</div>
    1519. 

  1519. 						<table class="params">
    1520. 

  1520. 							<tbody>
    1521. 

  1521. 								<tr>
    1522. 

  1522. 									<td class="name">
    1523. 

  1523. 										<strong translate="no">stencil</strong>
    1524. 

  1524. 									</td>
    1525. 

  1525. 									<td class="description last">
    1526. 

  1526. 										<p>The clear stencil.</p>
    1527. 

  1527. 									</td>
    1528. 

  1528. 								</tr>
    1529. 

  1529. 							</tbody>
    1530. 

  1530. 						</table>
    1531. 

  1531. 					</div>
    1532. 

  1532. 					<h3 class="name name-method" id="setDrawingBufferSize" translate="no">.<a href="#setDrawingBufferSize">setDrawingBufferSize</a><span class="signature">( width : <span class="param-type">number</span>, height : <span class="param-type">number</span>, pixelRatio : <span class="param-type">number</span> )</span> </h3>
    1533. 

  1533. 					<div class="method">
    1534. 

  1534. 						<div class="description">
    1535. 

  1535. 							<p>This method allows to define the drawing buffer size by specifying
    1536. 

  1536. width, height and pixel ratio all at once. The size of the drawing
    1537. 

  1537. buffer is computed with this formula:</p>
    1538. 

  1538. <pre><code class="language-js">size.x = width * pixelRatio;
    1539. 

  1539. size.y = height * pixelRatio;
    1540. 

  1540. </code></pre>
    1541. 

  1541. 						</div>
    1542. 

  1542. 						<table class="params">
    1543. 

  1543. 							<tbody>
    1544. 

  1544. 								<tr>
    1545. 

  1545. 									<td class="name">
    1546. 

  1546. 										<strong translate="no">width</strong>
    1547. 

  1547. 									</td>
    1548. 

  1548. 									<td class="description last">
    1549. 

  1549. 										<p>The width in logical pixels.</p>
    1550. 

  1550. 									</td>
    1551. 

  1551. 								</tr>
    1552. 

  1552. 								<tr>
    1553. 

  1553. 									<td class="name">
    1554. 

  1554. 										<strong translate="no">height</strong>
    1555. 

  1555. 									</td>
    1556. 

  1556. 									<td class="description last">
    1557. 

  1557. 										<p>The height in logical pixels.</p>
    1558. 

  1558. 									</td>
    1559. 

  1559. 								</tr>
    1560. 

  1560. 								<tr>
    1561. 

  1561. 									<td class="name">
    1562. 

  1562. 										<strong translate="no">pixelRatio</strong>
    1563. 

  1563. 									</td>
    1564. 

  1564. 									<td class="description last">
    1565. 

  1565. 										<p>The pixel ratio.</p>
    1566. 

  1566. 									</td>
    1567. 

  1567. 								</tr>
    1568. 

  1568. 							</tbody>
    1569. 

  1569. 						</table>
    1570. 

  1570. 					</div>
    1571. 

  1571. 					<h3 class="name name-method" id="setMRT" translate="no">.<a href="#setMRT">setMRT</a><span class="signature">( mrt : <span class="param-type"><a href="MRTNode.html">MRTNode</a></span> )</span><span class="type-signature"> : <a href="Renderer.html">Renderer</a></span> </h3>
    1572. 

  1572. 					<div class="method">
    1573. 

  1573. 						<div class="description">
    1574. 

  1574. 							<p>Sets the given MRT configuration.</p>
    1575. 

  1575. 						</div>
    1576. 

  1576. 						<table class="params">
    1577. 

  1577. 							<tbody>
    1578. 

  1578. 								<tr>
    1579. 

  1579. 									<td class="name">
    1580. 

  1580. 										<strong translate="no">mrt</strong>
    1581. 

  1581. 									</td>
    1582. 

  1582. 									<td class="description last">
    1583. 

  1583. 										<p>The MRT node to set.</p>
    1584. 

  1584. 									</td>
    1585. 

  1585. 								</tr>
    1586. 

  1586. 							</tbody>
    1587. 

  1587. 						</table>
    1588. 

  1588. 						<dl class="details">
    1589. 

  1589. 							<dt class="tag-returns"><strong>Returns:</strong> A reference to this renderer.</dt>
    1590. 

  1590. 						</dl>
    1591. 

  1591. 					</div>
    1592. 

  1592. 					<h3 class="name name-method" id="setOpaqueSort" translate="no">.<a href="#setOpaqueSort">setOpaqueSort</a><span class="signature">( method : <span class="param-type">function</span> )</span> </h3>
    1593. 

  1593. 					<div class="method">
    1594. 

  1594. 						<div class="description">
    1595. 

  1595. 							<p>Defines a manual sort function for the opaque render list.
    1596. 

  1596. Pass <code>null</code> to use the default sort.</p>
    1597. 

  1597. 						</div>
    1598. 

  1598. 						<table class="params">
    1599. 

  1599. 							<tbody>
    1600. 

  1600. 								<tr>
    1601. 

  1601. 									<td class="name">
    1602. 

  1602. 										<strong translate="no">method</strong>
    1603. 

  1603. 									</td>
    1604. 

  1604. 									<td class="description last">
    1605. 

  1605. 										<p>The sort function.</p>
    1606. 

  1606. 									</td>
    1607. 

  1607. 								</tr>
    1608. 

  1608. 							</tbody>
    1609. 

  1609. 						</table>
    1610. 

  1610. 					</div>
    1611. 

  1611. 					<h3 class="name name-method" id="setOutputRenderTarget" translate="no">.<a href="#setOutputRenderTarget">setOutputRenderTarget</a><span class="signature">( renderTarget : <span class="param-type"><a href="RenderTarget.html">RenderTarget</a></span> )</span> </h3>
    1612. 

  1612. 					<div class="method">
    1613. 

  1613. 						<div class="description">
    1614. 

  1614. 							<p>Sets the output render target for the renderer.</p>
    1615. 

  1615. 						</div>
    1616. 

  1616. 						<table class="params">
    1617. 

  1617. 							<tbody>
    1618. 

  1618. 								<tr>
    1619. 

  1619. 									<td class="name">
    1620. 

  1620. 										<strong translate="no">renderTarget</strong>
    1621. 

  1621. 									</td>
    1622. 

  1622. 									<td class="description last">
    1623. 

  1623. 										<p>The render target to set as the output target.</p>
    1624. 

  1624. 									</td>
    1625. 

  1625. 								</tr>
    1626. 

  1626. 							</tbody>
    1627. 

  1627. 						</table>
    1628. 

  1628. 					</div>
    1629. 

  1629. 					<h3 class="name name-method" id="setPixelRatio" translate="no">.<a href="#setPixelRatio">setPixelRatio</a><span class="signature">( value : <span class="param-type">number</span> )</span> </h3>
    1630. 

  1630. 					<div class="method">
    1631. 

  1631. 						<div class="description">
    1632. 

  1632. 							<p>Sets the given pixel ratio and resizes the canvas if necessary.</p>
    1633. 

  1633. 						</div>
    1634. 

  1634. 						<table class="params">
    1635. 

  1635. 							<tbody>
    1636. 

  1636. 								<tr>
    1637. 

  1637. 									<td class="name">
    1638. 

  1638. 										<strong translate="no">value</strong>
    1639. 

  1639. 									</td>
    1640. 

  1640. 									<td class="description last">
    1641. 

  1641. 										<p>The pixel ratio.</p>
    1642. 

  1642. 										<p>Default is <code>1</code>.</p>
    1643. 

  1643. 									</td>
    1644. 

  1644. 								</tr>
    1645. 

  1645. 							</tbody>
    1646. 

  1646. 						</table>
    1647. 

  1647. 					</div>
    1648. 

  1648. 					<h3 class="name name-method" id="setRenderObjectFunction" translate="no">.<a href="#setRenderObjectFunction">setRenderObjectFunction</a><span class="signature">( renderObjectFunction : <span class="param-type"><a href="global.html#renderObjectFunction">renderObjectFunction</a></span> )</span> </h3>
    1649. 

  1649. 					<div class="method">
    1650. 

  1650. 						<div class="description">
    1651. 

  1651. 							<p>Sets the given render object function. Calling this method overwrites the default implementation
    1652. 

  1652. which is <a href="Renderer.html#renderObject">Renderer#renderObject</a>. Defining a custom function can be useful
    1653. 

  1653. if you want to modify the way objects are rendered. For example you can define things like &quot;every
    1654. 

  1654. object that has material of a certain type should perform a pre-pass with a special overwrite material&quot;.
    1655. 

  1655. The custom function must always call <code>renderObject()</code> in its implementation.</p>
    1656. 

  1656. <p>Use <code>null</code> as the first argument to reset the state.</p>
    1657. 

  1657. 						</div>
    1658. 

  1658. 						<table class="params">
    1659. 

  1659. 							<tbody>
    1660. 

  1660. 								<tr>
    1661. 

  1661. 									<td class="name">
    1662. 

  1662. 										<strong translate="no">renderObjectFunction</strong>
    1663. 

  1663. 									</td>
    1664. 

  1664. 									<td class="description last">
    1665. 

  1665. 										<p>The render object function.</p>
    1666. 

  1666. 									</td>
    1667. 

  1667. 								</tr>
    1668. 

  1668. 							</tbody>
    1669. 

  1669. 						</table>
    1670. 

  1670. 					</div>
    1671. 

  1671. 					<h3 class="name name-method" id="setRenderTarget" translate="no">.<a href="#setRenderTarget">setRenderTarget</a><span class="signature">( renderTarget : <span class="param-type"><a href="RenderTarget.html">RenderTarget</a></span>, activeCubeFace : <span class="param-type">number</span>, activeMipmapLevel : <span class="param-type">number</span> )</span> </h3>
    1672. 

  1672. 					<div class="method">
    1673. 

  1673. 						<div class="description">
    1674. 

  1674. 							<p>Sets the given render target. Calling this method means the renderer does not
    1675. 

  1675. target the default framebuffer (meaning the canvas) anymore but a custom framebuffer.
    1676. 

  1676. Use <code>null</code> as the first argument to reset the state.</p>
    1677. 

  1677. 						</div>
    1678. 

  1678. 						<table class="params">
    1679. 

  1679. 							<tbody>
    1680. 

  1680. 								<tr>
    1681. 

  1681. 									<td class="name">
    1682. 

  1682. 										<strong translate="no">renderTarget</strong>
    1683. 

  1683. 									</td>
    1684. 

  1684. 									<td class="description last">
    1685. 

  1685. 										<p>The render target to set.</p>
    1686. 

  1686. 									</td>
    1687. 

  1687. 								</tr>
    1688. 

  1688. 								<tr>
    1689. 

  1689. 									<td class="name">
    1690. 

  1690. 										<strong translate="no">activeCubeFace</strong>
    1691. 

  1691. 									</td>
    1692. 

  1692. 									<td class="description last">
    1693. 

  1693. 										<p>The active cube face.</p>
    1694. 

  1694. 										<p>Default is <code>0</code>.</p>
    1695. 

  1695. 									</td>
    1696. 

  1696. 								</tr>
    1697. 

  1697. 								<tr>
    1698. 

  1698. 									<td class="name">
    1699. 

  1699. 										<strong translate="no">activeMipmapLevel</strong>
    1700. 

  1700. 									</td>
    1701. 

  1701. 									<td class="description last">
    1702. 

  1702. 										<p>The active mipmap level.</p>
    1703. 

  1703. 										<p>Default is <code>0</code>.</p>
    1704. 

  1704. 									</td>
    1705. 

  1705. 								</tr>
    1706. 

  1706. 							</tbody>
    1707. 

  1707. 						</table>
    1708. 

  1708. 					</div>
    1709. 

  1709. 					<h3 class="name name-method" id="setScissor" translate="no">.<a href="#setScissor">setScissor</a><span class="signature">( x : <span class="param-type">number | <a href="Vector4.html">Vector4</a></span>, y : <span class="param-type">number</span>, width : <span class="param-type">number</span>, height : <span class="param-type">number</span> )</span> </h3>
    1710. 

  1710. 					<div class="method">
    1711. 

  1711. 						<div class="description">
    1712. 

  1712. 							<p>Defines the scissor rectangle.</p>
    1713. 

  1713. 						</div>
    1714. 

  1714. 						<table class="params">
    1715. 

  1715. 							<tbody>
    1716. 

  1716. 								<tr>
    1717. 

  1717. 									<td class="name">
    1718. 

  1718. 										<strong translate="no">x</strong>
    1719. 

  1719. 									</td>
    1720. 

  1720. 									<td class="description last">
    1721. 

  1721. 										<p>The horizontal coordinate for the upper left corner of the box in logical pixel unit.
    1722. 

  1722. Instead of passing four arguments, the method also works with a single four-dimensional vector.</p>
    1723. 

  1723. 									</td>
    1724. 

  1724. 								</tr>
    1725. 

  1725. 								<tr>
    1726. 

  1726. 									<td class="name">
    1727. 

  1727. 										<strong translate="no">y</strong>
    1728. 

  1728. 									</td>
    1729. 

  1729. 									<td class="description last">
    1730. 

  1730. 										<p>The vertical coordinate for the upper left corner of the box in logical pixel unit.</p>
    1731. 

  1731. 									</td>
    1732. 

  1732. 								</tr>
    1733. 

  1733. 								<tr>
    1734. 

  1734. 									<td class="name">
    1735. 

  1735. 										<strong translate="no">width</strong>
    1736. 

  1736. 									</td>
    1737. 

  1737. 									<td class="description last">
    1738. 

  1738. 										<p>The width of the scissor box in logical pixel unit.</p>
    1739. 

  1739. 									</td>
    1740. 

  1740. 								</tr>
    1741. 

  1741. 								<tr>
    1742. 

  1742. 									<td class="name">
    1743. 

  1743. 										<strong translate="no">height</strong>
    1744. 

  1744. 									</td>
    1745. 

  1745. 									<td class="description last">
    1746. 

  1746. 										<p>The height of the scissor box in logical pixel unit.</p>
    1747. 

  1747. 									</td>
    1748. 

  1748. 								</tr>
    1749. 

  1749. 							</tbody>
    1750. 

  1750. 						</table>
    1751. 

  1751. 					</div>
    1752. 

  1752. 					<h3 class="name name-method" id="setScissorTest" translate="no">.<a href="#setScissorTest">setScissorTest</a><span class="signature">( boolean : <span class="param-type">boolean</span> )</span> </h3>
    1753. 

  1753. 					<div class="method">
    1754. 

  1754. 						<div class="description">
    1755. 

  1755. 							<p>Defines the scissor test.</p>
    1756. 

  1756. 						</div>
    1757. 

  1757. 						<table class="params">
    1758. 

  1758. 							<tbody>
    1759. 

  1759. 								<tr>
    1760. 

  1760. 									<td class="name">
    1761. 

  1761. 										<strong translate="no">boolean</strong>
    1762. 

  1762. 									</td>
    1763. 

  1763. 									<td class="description last">
    1764. 

  1764. 										<p>Whether the scissor test should be enabled or not.</p>
    1765. 

  1765. 									</td>
    1766. 

  1766. 								</tr>
    1767. 

  1767. 							</tbody>
    1768. 

  1768. 						</table>
    1769. 

  1769. 					</div>
    1770. 

  1770. 					<h3 class="name name-method" id="setSize" translate="no">.<a href="#setSize">setSize</a><span class="signature">( width : <span class="param-type">number</span>, height : <span class="param-type">number</span>, updateStyle : <span class="param-type">boolean</span> )</span> </h3>
    1771. 

  1771. 					<div class="method">
    1772. 

  1772. 						<div class="description">
    1773. 

  1773. 							<p>Sets the size of the renderer.</p>
    1774. 

  1774. 						</div>
    1775. 

  1775. 						<table class="params">
    1776. 

  1776. 							<tbody>
    1777. 

  1777. 								<tr>
    1778. 

  1778. 									<td class="name">
    1779. 

  1779. 										<strong translate="no">width</strong>
    1780. 

  1780. 									</td>
    1781. 

  1781. 									<td class="description last">
    1782. 

  1782. 										<p>The width in logical pixels.</p>
    1783. 

  1783. 									</td>
    1784. 

  1784. 								</tr>
    1785. 

  1785. 								<tr>
    1786. 

  1786. 									<td class="name">
    1787. 

  1787. 										<strong translate="no">height</strong>
    1788. 

  1788. 									</td>
    1789. 

  1789. 									<td class="description last">
    1790. 

  1790. 										<p>The height in logical pixels.</p>
    1791. 

  1791. 									</td>
    1792. 

  1792. 								</tr>
    1793. 

  1793. 								<tr>
    1794. 

  1794. 									<td class="name">
    1795. 

  1795. 										<strong translate="no">updateStyle</strong>
    1796. 

  1796. 									</td>
    1797. 

  1797. 									<td class="description last">
    1798. 

  1798. 										<p>Whether to update the <code>style</code> attribute of the canvas or not.</p>
    1799. 

  1799. 										<p>Default is <code>true</code>.</p>
    1800. 

  1800. 									</td>
    1801. 

  1801. 								</tr>
    1802. 

  1802. 							</tbody>
    1803. 

  1803. 						</table>
    1804. 

  1804. 					</div>
    1805. 

  1805. 					<h3 class="name name-method" id="setTransparentSort" translate="no">.<a href="#setTransparentSort">setTransparentSort</a><span class="signature">( method : <span class="param-type">function</span> )</span> </h3>
    1806. 

  1806. 					<div class="method">
    1807. 

  1807. 						<div class="description">
    1808. 

  1808. 							<p>Defines a manual sort function for the transparent render list.
    1809. 

  1809. Pass <code>null</code> to use the default sort.</p>
    1810. 

  1810. 						</div>
    1811. 

  1811. 						<table class="params">
    1812. 

  1812. 							<tbody>
    1813. 

  1813. 								<tr>
    1814. 

  1814. 									<td class="name">
    1815. 

  1815. 										<strong translate="no">method</strong>
    1816. 

  1816. 									</td>
    1817. 

  1817. 									<td class="description last">
    1818. 

  1818. 										<p>The sort function.</p>
    1819. 

  1819. 									</td>
    1820. 

  1820. 								</tr>
    1821. 

  1821. 							</tbody>
    1822. 

  1822. 						</table>
    1823. 

  1823. 					</div>
    1824. 

  1824. 					<h3 class="name name-method" id="setViewport" translate="no">.<a href="#setViewport">setViewport</a><span class="signature">( x : <span class="param-type">number | <a href="Vector4.html">Vector4</a></span>, y : <span class="param-type">number</span>, width : <span class="param-type">number</span>, height : <span class="param-type">number</span>, minDepth : <span class="param-type">number</span>, maxDepth : <span class="param-type">number</span> )</span> </h3>
    1825. 

  1825. 					<div class="method">
    1826. 

  1826. 						<div class="description">
    1827. 

  1827. 							<p>Defines the viewport.</p>
    1828. 

  1828. 						</div>
    1829. 

  1829. 						<table class="params">
    1830. 

  1830. 							<tbody>
    1831. 

  1831. 								<tr>
    1832. 

  1832. 									<td class="name">
    1833. 

  1833. 										<strong translate="no">x</strong>
    1834. 

  1834. 									</td>
    1835. 

  1835. 									<td class="description last">
    1836. 

  1836. 										<p>The horizontal coordinate for the upper left corner of the viewport origin in logical pixel unit.</p>
    1837. 

  1837. 									</td>
    1838. 

  1838. 								</tr>
    1839. 

  1839. 								<tr>
    1840. 

  1840. 									<td class="name">
    1841. 

  1841. 										<strong translate="no">y</strong>
    1842. 

  1842. 									</td>
    1843. 

  1843. 									<td class="description last">
    1844. 

  1844. 										<p>The vertical coordinate for the upper left corner of the viewport origin in logical pixel unit.</p>
    1845. 

  1845. 									</td>
    1846. 

  1846. 								</tr>
    1847. 

  1847. 								<tr>
    1848. 

  1848. 									<td class="name">
    1849. 

  1849. 										<strong translate="no">width</strong>
    1850. 

  1850. 									</td>
    1851. 

  1851. 									<td class="description last">
    1852. 

  1852. 										<p>The width of the viewport in logical pixel unit.</p>
    1853. 

  1853. 									</td>
    1854. 

  1854. 								</tr>
    1855. 

  1855. 								<tr>
    1856. 

  1856. 									<td class="name">
    1857. 

  1857. 										<strong translate="no">height</strong>
    1858. 

  1858. 									</td>
    1859. 

  1859. 									<td class="description last">
    1860. 

  1860. 										<p>The height of the viewport in logical pixel unit.</p>
    1861. 

  1861. 									</td>
    1862. 

  1862. 								</tr>
    1863. 

  1863. 								<tr>
    1864. 

  1864. 									<td class="name">
    1865. 

  1865. 										<strong translate="no">minDepth</strong>
    1866. 

  1866. 									</td>
    1867. 

  1867. 									<td class="description last">
    1868. 

  1868. 										<p>The minimum depth value of the viewport. WebGPU only.</p>
    1869. 

  1869. 										<p>Default is <code>0</code>.</p>
    1870. 

  1870. 									</td>
    1871. 

  1871. 								</tr>
    1872. 

  1872. 								<tr>
    1873. 

  1873. 									<td class="name">
    1874. 

  1874. 										<strong translate="no">maxDepth</strong>
    1875. 

  1875. 									</td>
    1876. 

  1876. 									<td class="description last">
    1877. 

  1877. 										<p>The maximum depth value of the viewport. WebGPU only.</p>
    1878. 

  1878. 										<p>Default is <code>1</code>.</p>
    1879. 

  1879. 									</td>
    1880. 

  1880. 								</tr>
    1881. 

  1881. 							</tbody>
    1882. 

  1882. 						</table>
    1883. 

  1883. 					</div>
    1884. 

  1884. 					<h3 class="name name-method" id="waitForGPU" translate="no">.<a href="#waitForGPU">waitForGPU</a><span class="signature">()</span><span class="type-signature"> : Promise</span> <span class="type-signature">(async) </span></h3>
    1885. 

  1885. 					<div class="method">
    1886. 

  1886. 						<div class="description">
    1887. 

  1887. 							<p>Can be used to synchronize CPU operations with GPU tasks. So when this method is called,
    1888. 

  1888. the CPU waits for the GPU to complete its operation (e.g. a compute task).</p>
    1889. 

  1889. 						</div>
    1890. 

  1890. 						<dl class="details">
    1891. 

  1891. 							<dt class="important tag-deprecated"><strong>Deprecated:</strong> Yes</dt>
    1892. 

  1892. 						</dl>
    1893. 

  1893. 						<dl class="details">
    1894. 

  1894. 							<dt class="tag-returns"><strong>Returns:</strong> A Promise that resolves when synchronization has been finished.</dt>
    1895. 

  1895. 						</dl>
    1896. 

  1896. 					</div>
    1897. 

  1897. 				<h2 class="subsection-title">Type Definitions</h2>
    1898. 

  1898. 				<div class="member">
    1899. 

  1899. 					<h3 class="name" id="~Options" translate="no">.<a href="#~Options">Options</a> </h3>
    1900. 

  1900. 					<div class="description">
    1901. 

  1901. 						<p>Renderer options.</p>
    1902. 

  1902. 					</div>
    1903. 

  1903. <table class="props">
    1904. 

  1904. 	<tbody>
    1905. 

  1905. 		<tr>
    1906. 

  1906. 				<td class="name">
    1907. 

  1907. 					<strong>logarithmicDepthBuffer</strong>
    1908. 

  1908. 						<br>
    1909. 

  1909. <span class="param-type">boolean</span>
    1910. 

  1910. 				</td>
    1911. 

  1911. 			<td class="description last">
    1912. 

  1912. 				<p>Whether logarithmic depth buffer is enabled or not.</p>
    1913. 

  1913. 						<p>Default is <code>false</code>.</p>
    1914. 

  1914. 			</td>
    1915. 

  1915. 		</tr>
    1916. 

  1916. 		<tr>
    1917. 

  1917. 				<td class="name">
    1918. 

  1918. 					<strong>reversedDepthBuffer</strong>
    1919. 

  1919. 						<br>
    1920. 

  1920. <span class="param-type">boolean</span>
    1921. 

  1921. 				</td>
    1922. 

  1922. 			<td class="description last">
    1923. 

  1923. 				<p>Whether reversed depth buffer is enabled or not.</p>
    1924. 

  1924. 						<p>Default is <code>false</code>.</p>
    1925. 

  1925. 			</td>
    1926. 

  1926. 		</tr>
    1927. 

  1927. 		<tr>
    1928. 

  1928. 				<td class="name">
    1929. 

  1929. 					<strong>alpha</strong>
    1930. 

  1930. 						<br>
    1931. 

  1931. <span class="param-type">boolean</span>
    1932. 

  1932. 				</td>
    1933. 

  1933. 			<td class="description last">
    1934. 

  1934. 				<p>Whether the default framebuffer (which represents the final contents of the canvas) should be transparent or opaque.</p>
    1935. 

  1935. 						<p>Default is <code>true</code>.</p>
    1936. 

  1936. 			</td>
    1937. 

  1937. 		</tr>
    1938. 

  1938. 		<tr>
    1939. 

  1939. 				<td class="name">
    1940. 

  1940. 					<strong>depth</strong>
    1941. 

  1941. 						<br>
    1942. 

  1942. <span class="param-type">boolean</span>
    1943. 

  1943. 				</td>
    1944. 

  1944. 			<td class="description last">
    1945. 

  1945. 				<p>Whether the default framebuffer should have a depth buffer or not.</p>
    1946. 

  1946. 						<p>Default is <code>true</code>.</p>
    1947. 

  1947. 			</td>
    1948. 

  1948. 		</tr>
    1949. 

  1949. 		<tr>
    1950. 

  1950. 				<td class="name">
    1951. 

  1951. 					<strong>stencil</strong>
    1952. 

  1952. 						<br>
    1953. 

  1953. <span class="param-type">boolean</span>
    1954. 

  1954. 				</td>
    1955. 

  1955. 			<td class="description last">
    1956. 

  1956. 				<p>Whether the default framebuffer should have a stencil buffer or not.</p>
    1957. 

  1957. 						<p>Default is <code>false</code>.</p>
    1958. 

  1958. 			</td>
    1959. 

  1959. 		</tr>
    1960. 

  1960. 		<tr>
    1961. 

  1961. 				<td class="name">
    1962. 

  1962. 					<strong>antialias</strong>
    1963. 

  1963. 						<br>
    1964. 

  1964. <span class="param-type">boolean</span>
    1965. 

  1965. 				</td>
    1966. 

  1966. 			<td class="description last">
    1967. 

  1967. 				<p>Whether MSAA as the default anti-aliasing should be enabled or not.</p>
    1968. 

  1968. 						<p>Default is <code>false</code>.</p>
    1969. 

  1969. 			</td>
    1970. 

  1970. 		</tr>
    1971. 

  1971. 		<tr>
    1972. 

  1972. 				<td class="name">
    1973. 

  1973. 					<strong>samples</strong>
    1974. 

  1974. 						<br>
    1975. 

  1975. <span class="param-type">number</span>
    1976. 

  1976. 				</td>
    1977. 

  1977. 			<td class="description last">
    1978. 

  1978. 				<p>When <code>antialias</code> is <code>true</code>, <code>4</code> samples are used by default. This parameter can set to any other integer value than 0
    1979. 

  1979. to overwrite the default.</p>
    1980. 

  1980. 						<p>Default is <code>0</code>.</p>
    1981. 

  1981. 			</td>
    1982. 

  1982. 		</tr>
    1983. 

  1983. 		<tr>
    1984. 

  1984. 				<td class="name">
    1985. 

  1985. 					<strong>getFallback</strong>
    1986. 

  1986. 						<br>
    1987. 

  1987. <span class="param-type">function</span>
    1988. 

  1988. 				</td>
    1989. 

  1989. 			<td class="description last">
    1990. 

  1990. 				<p>This callback function can be used to provide a fallback backend, if the primary backend can't be targeted.</p>
    1991. 

  1991. 						<p>Default is <code>null</code>.</p>
    1992. 

  1992. 			</td>
    1993. 

  1993. 		</tr>
    1994. 

  1994. 		<tr>
    1995. 

  1995. 				<td class="name">
    1996. 

  1996. 					<strong>outputBufferType</strong>
    1997. 

  1997. 						<br>
    1998. 

  1998. <span class="param-type">number</span>
    1999. 

  1999. 				</td>
    2000. 

  2000. 			<td class="description last">
    2001. 

  2001. 				<p>Defines the type of output buffers. The default <code>HalfFloatType</code> is recommend for best
    2002. 

  2002. quality. To save memory and bandwidth, <code>UnsignedByteType</code> might be used. This will reduce rendering quality though.</p>
    2003. 

  2003. 						<p>Default is <code>HalfFloatType</code>.</p>
    2004. 

  2004. 			</td>
    2005. 

  2005. 		</tr>
    2006. 

  2006. 		<tr>
    2007. 

  2007. 				<td class="name">
    2008. 

  2008. 					<strong>multiview</strong>
    2009. 

  2009. 						<br>
    2010. 

  2010. <span class="param-type">boolean</span>
    2011. 

  2011. 				</td>
    2012. 

  2012. 			<td class="description last">
    2013. 

  2013. 				<p>If set to <code>true</code>, the renderer will use multiview during WebXR rendering if supported.</p>
    2014. 

  2014. 						<p>Default is <code>false</code>.</p>
    2015. 

  2015. 			</td>
    2016. 

  2016. 		</tr>
    2017. 

  2017. 	</tbody>
    2018. 

  2018. </table>
    2019. 

  2019. 				</div>
    2020. 

  2020. 				<h2 class="subsection-title">Source</h2>
    2021. 

  2021. 				<p>
    2022. 

  2022. 					<a href="https://github.com/mrdoob/three.js/blob/master/src/renderers/common/Renderer.js" translate="no" target="_blank" rel="noopener">src/renderers/common/Renderer.js</a>
    2023. 

  2023. 				</p>
    2024. 

  2024. 			</article>
    2025. 

  2025. 		</section>
    2026. 

  2026. <script src="../scripts/linenumber.js"></script>
    2027. 

  2027. <script src="../scripts/page.js"></script>
    2028. 

  2028. </body>
    2029. 

  2029. </html>
    2030.
粤ICP备19079148号