WebGPURenderLists.js 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. import WebGPUWeakMap from './WebGPUWeakMap.js';
  2. import { lights } from '../../nodes/Nodes.js';
  3. function painterSortStable( a, b ) {
  4. if ( a.groupOrder !== b.groupOrder ) {
  5. return a.groupOrder - b.groupOrder;
  6. } else if ( a.renderOrder !== b.renderOrder ) {
  7. return a.renderOrder - b.renderOrder;
  8. } else if ( a.material.id !== b.material.id ) {
  9. return a.material.id - b.material.id;
  10. } else if ( a.z !== b.z ) {
  11. return a.z - b.z;
  12. } else {
  13. return a.id - b.id;
  14. }
  15. }
  16. function reversePainterSortStable( a, b ) {
  17. if ( a.groupOrder !== b.groupOrder ) {
  18. return a.groupOrder - b.groupOrder;
  19. } else if ( a.renderOrder !== b.renderOrder ) {
  20. return a.renderOrder - b.renderOrder;
  21. } else if ( a.z !== b.z ) {
  22. return b.z - a.z;
  23. } else {
  24. return a.id - b.id;
  25. }
  26. }
  27. class WebGPURenderList {
  28. constructor() {
  29. this.renderItems = [];
  30. this.renderItemsIndex = 0;
  31. this.opaque = [];
  32. this.transparent = [];
  33. this.lightsNode = lights( [] );
  34. this.lightsArray = [];
  35. }
  36. init() {
  37. this.renderItemsIndex = 0;
  38. this.opaque.length = 0;
  39. this.transparent.length = 0;
  40. this.lightsArray.length = 0;
  41. return this;
  42. }
  43. getNextRenderItem( object, geometry, material, groupOrder, z, group ) {
  44. let renderItem = this.renderItems[ this.renderItemsIndex ];
  45. if ( renderItem === undefined ) {
  46. renderItem = {
  47. id: object.id,
  48. object: object,
  49. geometry: geometry,
  50. material: material,
  51. groupOrder: groupOrder,
  52. renderOrder: object.renderOrder,
  53. z: z,
  54. group: group
  55. };
  56. this.renderItems[ this.renderItemsIndex ] = renderItem;
  57. } else {
  58. renderItem.id = object.id;
  59. renderItem.object = object;
  60. renderItem.geometry = geometry;
  61. renderItem.material = material;
  62. renderItem.groupOrder = groupOrder;
  63. renderItem.renderOrder = object.renderOrder;
  64. renderItem.z = z;
  65. renderItem.group = group;
  66. }
  67. this.renderItemsIndex ++;
  68. return renderItem;
  69. }
  70. push( object, geometry, material, groupOrder, z, group ) {
  71. const renderItem = this.getNextRenderItem( object, geometry, material, groupOrder, z, group );
  72. ( material.transparent === true ? this.transparent : this.opaque ).push( renderItem );
  73. }
  74. unshift( object, geometry, material, groupOrder, z, group ) {
  75. const renderItem = this.getNextRenderItem( object, geometry, material, groupOrder, z, group );
  76. ( material.transparent === true ? this.transparent : this.opaque ).unshift( renderItem );
  77. }
  78. pushLight( light ) {
  79. this.lightsArray.push( light );
  80. }
  81. getLightsNode() {
  82. return this.lightsNode.fromLights( this.lightsArray );
  83. }
  84. sort( customOpaqueSort, customTransparentSort ) {
  85. if ( this.opaque.length > 1 ) this.opaque.sort( customOpaqueSort || painterSortStable );
  86. if ( this.transparent.length > 1 ) this.transparent.sort( customTransparentSort || reversePainterSortStable );
  87. }
  88. finish() {
  89. // update lights
  90. this.lightsNode.fromLights( this.lightsArray );
  91. // Clear references from inactive renderItems in the list
  92. for ( let i = this.renderItemsIndex, il = this.renderItems.length; i < il; i ++ ) {
  93. const renderItem = this.renderItems[ i ];
  94. if ( renderItem.id === null ) break;
  95. renderItem.id = null;
  96. renderItem.object = null;
  97. renderItem.geometry = null;
  98. renderItem.material = null;
  99. renderItem.program = null;
  100. renderItem.group = null;
  101. }
  102. }
  103. }
  104. class WebGPURenderLists {
  105. constructor() {
  106. this.lists = new WeakMap();
  107. this.lists = new WebGPUWeakMap();
  108. }
  109. get( scene, camera ) {
  110. const lists = this.lists;
  111. const keys = [ scene, camera ];
  112. let list = lists.get( keys );
  113. if ( list === undefined ) {
  114. list = new WebGPURenderList();
  115. lists.set( keys, list );
  116. }
  117. return list;
  118. }
  119. dispose() {
  120. this.lists = new WeakMap();
  121. }
  122. }
  123. export default WebGPURenderLists;