visual.ts 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. /**
  2. * Copyright (c) 2018-2021 mol* contributors, licensed under MIT, See LICENSE file for more info.
  3. *
  4. * @author Alexander Rose <alexander.rose@weirdbyte.de>
  5. */
  6. import { RuntimeContext } from '../mol-task';
  7. import { GraphicsRenderObject } from '../mol-gl/render-object';
  8. import { PickingId } from '../mol-geo/geometry/picking';
  9. import { Loci, isEmptyLoci, isEveryLoci, EveryLoci } from '../mol-model/loci';
  10. import { MarkerAction, applyMarkerAction, getMarkerInfo, setMarkerValue, getPartialMarkerAverage, MarkerActions, MarkerInfo } from '../mol-util/marker-action';
  11. import { ParamDefinition as PD } from '../mol-util/param-definition';
  12. import { WebGLContext } from '../mol-gl/webgl/context';
  13. import { Theme } from '../mol-theme/theme';
  14. import { Mat4 } from '../mol-math/linear-algebra';
  15. import { updateTransformData, fillIdentityTransform } from '../mol-geo/geometry/transform-data';
  16. import { calculateTransformBoundingSphere } from '../mol-gl/renderable/util';
  17. import { ValueCell } from '../mol-util';
  18. import { Overpaint } from '../mol-theme/overpaint';
  19. import { createOverpaint, clearOverpaint, applyOverpaintColor } from '../mol-geo/geometry/overpaint-data';
  20. import { Interval } from '../mol-data/int';
  21. import { Transparency } from '../mol-theme/transparency';
  22. import { createTransparency, clearTransparency, applyTransparencyValue, getTransparencyAverage } from '../mol-geo/geometry/transparency-data';
  23. import { Clipping } from '../mol-theme/clipping';
  24. import { createClipping, applyClippingGroups, clearClipping } from '../mol-geo/geometry/clipping-data';
  25. import { getMarkersAverage } from '../mol-geo/geometry/marker-data';
  26. export interface VisualContext {
  27. readonly runtime: RuntimeContext
  28. readonly webgl?: WebGLContext
  29. }
  30. export { Visual };
  31. interface Visual<D, P extends PD.Params> {
  32. /** Number of addressable groups in all instances of the visual */
  33. readonly groupCount: number
  34. readonly renderObject: GraphicsRenderObject | undefined
  35. createOrUpdate: (ctx: VisualContext, theme: Theme, props: PD.Values<P>, data?: D) => Promise<void> | void
  36. getLoci: (pickingId: PickingId) => Loci
  37. mark: (loci: Loci, action: MarkerAction) => boolean
  38. setVisibility: (visible: boolean) => void
  39. setAlphaFactor: (alphaFactor: number) => void
  40. setPickable: (pickable: boolean) => void
  41. setColorOnly: (colorOnly: boolean) => void
  42. setTransform: (matrix?: Mat4, instanceMatrices?: Float32Array | null) => void
  43. setOverpaint: (overpaint: Overpaint) => void
  44. setTransparency: (transparency: Transparency) => void
  45. setClipping: (clipping: Clipping) => void
  46. destroy: () => void
  47. mustRecreate?: (data: D, props: PD.Values<P>, webgl?: WebGLContext) => boolean
  48. }
  49. namespace Visual {
  50. export type LociApply = (loci: Loci, apply: (interval: Interval) => boolean, isMarking: boolean) => boolean
  51. export function setVisibility(renderObject: GraphicsRenderObject | undefined, visible: boolean) {
  52. if (renderObject) renderObject.state.visible = visible;
  53. }
  54. export function setAlphaFactor(renderObject: GraphicsRenderObject | undefined, alphaFactor: number) {
  55. if (renderObject) renderObject.state.alphaFactor = alphaFactor;
  56. }
  57. export function setPickable(renderObject: GraphicsRenderObject | undefined, pickable: boolean) {
  58. if (renderObject) renderObject.state.pickable = pickable;
  59. }
  60. export function setColorOnly(renderObject: GraphicsRenderObject | undefined, colorOnly: boolean) {
  61. if (renderObject) renderObject.state.colorOnly = colorOnly;
  62. }
  63. export type PreviousMark = { loci: Loci, action: MarkerAction, status: MarkerInfo['status'] }
  64. export function mark(renderObject: GraphicsRenderObject | undefined, loci: Loci, action: MarkerAction, lociApply: LociApply, previous?: PreviousMark) {
  65. if (!renderObject || isEmptyLoci(loci)) return false;
  66. const { tMarker, dMarkerType, uMarker, markerAverage, markerStatus, uGroupCount, instanceCount } = renderObject.values;
  67. const count = uGroupCount.ref.value * instanceCount.ref.value;
  68. const { array } = tMarker.ref.value;
  69. const currentStatus = markerStatus.ref.value as MarkerInfo['status'];
  70. if (!isEveryLoci(loci)) {
  71. let intervalSize = 0;
  72. lociApply(loci, interval => {
  73. intervalSize += Interval.size(interval);
  74. return true;
  75. }, true);
  76. if (intervalSize === 0) return false;
  77. if (intervalSize === count) loci = EveryLoci;
  78. }
  79. let changed = false;
  80. let average = -1;
  81. let status: MarkerInfo['status'] = -1;
  82. if (isEveryLoci(loci)) {
  83. const info = getMarkerInfo(action, currentStatus);
  84. if (info.status !== -1) {
  85. changed = currentStatus !== info.status;
  86. if (changed) setMarkerValue(array, info.status, count);
  87. } else {
  88. changed = applyMarkerAction(array, Interval.ofLength(count), action);
  89. }
  90. average = info.average;
  91. status = info.status;
  92. } else {
  93. changed = lociApply(loci, interval => applyMarkerAction(array, interval, action), true);
  94. if (changed) {
  95. average = getPartialMarkerAverage(action, currentStatus);
  96. if (previous && previous.status !== -1 && average === -1 &&
  97. MarkerActions.isReverse(previous.action, action) &&
  98. Loci.areEqual(loci, previous.loci)
  99. ) {
  100. status = previous.status;
  101. average = status === 0 ? 0 : 0.5;
  102. }
  103. }
  104. }
  105. if (changed) {
  106. if (average === -1) {
  107. average = getMarkersAverage(array, count);
  108. if (average === 0) status = 0;
  109. }
  110. if (previous) {
  111. previous.action = action;
  112. previous.loci = loci;
  113. previous.status = currentStatus;
  114. }
  115. ValueCell.updateIfChanged(uMarker, status);
  116. if (status === -1) ValueCell.update(tMarker, tMarker.ref.value);
  117. ValueCell.updateIfChanged(dMarkerType, status === -1 ? 'groupInstance' : 'uniform');
  118. ValueCell.updateIfChanged(markerAverage, average);
  119. ValueCell.updateIfChanged(markerStatus, status);
  120. }
  121. return changed;
  122. }
  123. export function setOverpaint(renderObject: GraphicsRenderObject | undefined, overpaint: Overpaint, lociApply: LociApply, clear: boolean) {
  124. if (!renderObject) return;
  125. const { tOverpaint, uGroupCount, instanceCount } = renderObject.values;
  126. const count = uGroupCount.ref.value * instanceCount.ref.value;
  127. // ensure texture has right size
  128. createOverpaint(overpaint.layers.length ? count : 0, renderObject.values);
  129. const { array } = tOverpaint.ref.value;
  130. // clear all if requested
  131. if (clear) clearOverpaint(array, 0, count);
  132. for (let i = 0, il = overpaint.layers.length; i < il; ++i) {
  133. const { loci, color, clear } = overpaint.layers[i];
  134. const apply = (interval: Interval) => {
  135. const start = Interval.start(interval);
  136. const end = Interval.end(interval);
  137. return clear
  138. ? clearOverpaint(array, start, end)
  139. : applyOverpaintColor(array, start, end, color);
  140. };
  141. lociApply(loci, apply, false);
  142. }
  143. ValueCell.update(tOverpaint, tOverpaint.ref.value);
  144. }
  145. export function setTransparency(renderObject: GraphicsRenderObject | undefined, transparency: Transparency, lociApply: LociApply, clear: boolean) {
  146. if (!renderObject) return;
  147. const { tTransparency, transparencyAverage, uGroupCount, instanceCount } = renderObject.values;
  148. const count = uGroupCount.ref.value * instanceCount.ref.value;
  149. // ensure texture has right size and variant
  150. createTransparency(transparency.layers.length ? count : 0, renderObject.values);
  151. const { array } = tTransparency.ref.value;
  152. // clear if requested
  153. if (clear) clearTransparency(array, 0, count);
  154. for (let i = 0, il = transparency.layers.length; i < il; ++i) {
  155. const { loci, value } = transparency.layers[i];
  156. const apply = (interval: Interval) => {
  157. const start = Interval.start(interval);
  158. const end = Interval.end(interval);
  159. return applyTransparencyValue(array, start, end, value);
  160. };
  161. lociApply(loci, apply, false);
  162. }
  163. ValueCell.update(tTransparency, tTransparency.ref.value);
  164. ValueCell.updateIfChanged(transparencyAverage, getTransparencyAverage(array, count));
  165. }
  166. export function setClipping(renderObject: GraphicsRenderObject | undefined, clipping: Clipping, lociApply: LociApply, clear: boolean) {
  167. if (!renderObject) return;
  168. const { tClipping, uGroupCount, instanceCount } = renderObject.values;
  169. const count = uGroupCount.ref.value * instanceCount.ref.value;
  170. // ensure texture has right size
  171. createClipping(clipping.layers.length ? count : 0, renderObject.values);
  172. const { array } = tClipping.ref.value;
  173. // clear if requested
  174. if (clear) clearClipping(array, 0, count);
  175. for (let i = 0, il = clipping.layers.length; i < il; ++i) {
  176. const { loci, groups } = clipping.layers[i];
  177. const apply = (interval: Interval) => {
  178. const start = Interval.start(interval);
  179. const end = Interval.end(interval);
  180. return applyClippingGroups(array, start, end, groups);
  181. };
  182. lociApply(loci, apply, false);
  183. }
  184. ValueCell.update(tClipping, tClipping.ref.value);
  185. }
  186. export function setTransform(renderObject: GraphicsRenderObject | undefined, transform?: Mat4, instanceTransforms?: Float32Array | null) {
  187. if (!renderObject || (!transform && !instanceTransforms)) return;
  188. const { values } = renderObject;
  189. if (transform) {
  190. Mat4.copy(values.matrix.ref.value, transform);
  191. ValueCell.update(values.matrix, values.matrix.ref.value);
  192. }
  193. if (instanceTransforms) {
  194. values.extraTransform.ref.value.set(instanceTransforms);
  195. ValueCell.update(values.extraTransform, values.extraTransform.ref.value);
  196. } else if (instanceTransforms === null) {
  197. fillIdentityTransform(values.extraTransform.ref.value, values.instanceCount.ref.value);
  198. ValueCell.update(values.extraTransform, values.extraTransform.ref.value);
  199. }
  200. updateTransformData(values);
  201. const boundingSphere = calculateTransformBoundingSphere(values.invariantBoundingSphere.ref.value, values.aTransform.ref.value, values.instanceCount.ref.value);
  202. ValueCell.update(values.boundingSphere, boundingSphere);
  203. }
  204. }