visual.ts 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. /**
  2. * Copyright (c) 2018-2020 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 } from '../mol-model/loci';
  10. import { MarkerAction, applyMarkerAction } 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. export interface VisualContext {
  26. readonly runtime: RuntimeContext
  27. readonly webgl?: WebGLContext
  28. }
  29. // export type VisualFactory<D, P extends PD.Params> = (ctx: VisualContext) => Visual<D, P>
  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 function mark(renderObject: GraphicsRenderObject | undefined, loci: Loci, action: MarkerAction, lociApply: LociApply) {
  64. if (!renderObject) return false;
  65. const { tMarker, uGroupCount, instanceCount } = renderObject.values;
  66. const count = uGroupCount.ref.value * instanceCount.ref.value;
  67. const { array } = tMarker.ref.value;
  68. let changed = false;
  69. if (isEveryLoci(loci)) {
  70. changed = applyMarkerAction(array, Interval.ofLength(count), action);
  71. } else if (!isEmptyLoci(loci)) {
  72. changed = lociApply(loci, interval => applyMarkerAction(array, interval, action), true);
  73. }
  74. if (changed) ValueCell.update(tMarker, tMarker.ref.value);
  75. return changed;
  76. }
  77. export function setOverpaint(renderObject: GraphicsRenderObject | undefined, overpaint: Overpaint, lociApply: LociApply, clear: boolean) {
  78. if (!renderObject) return;
  79. const { tOverpaint, uGroupCount, instanceCount } = renderObject.values;
  80. const count = uGroupCount.ref.value * instanceCount.ref.value;
  81. // ensure texture has right size
  82. createOverpaint(overpaint.layers.length ? count : 0, renderObject.values);
  83. const { array } = tOverpaint.ref.value;
  84. // clear all if requested
  85. if (clear) clearOverpaint(array, 0, count);
  86. for (let i = 0, il = overpaint.layers.length; i < il; ++i) {
  87. const { loci, color, clear } = overpaint.layers[i];
  88. const apply = (interval: Interval) => {
  89. const start = Interval.start(interval);
  90. const end = Interval.end(interval);
  91. return clear
  92. ? clearOverpaint(array, start, end)
  93. : applyOverpaintColor(array, start, end, color);
  94. };
  95. lociApply(loci, apply, false);
  96. }
  97. ValueCell.update(tOverpaint, tOverpaint.ref.value);
  98. }
  99. export function setTransparency(renderObject: GraphicsRenderObject | undefined, transparency: Transparency, lociApply: LociApply, clear: boolean) {
  100. if (!renderObject) return;
  101. const { tTransparency, transparencyAverage, uGroupCount, instanceCount } = renderObject.values;
  102. const count = uGroupCount.ref.value * instanceCount.ref.value;
  103. // ensure texture has right size and variant
  104. createTransparency(transparency.layers.length ? count : 0, renderObject.values);
  105. const { array } = tTransparency.ref.value;
  106. // clear if requested
  107. if (clear) clearTransparency(array, 0, count);
  108. for (let i = 0, il = transparency.layers.length; i < il; ++i) {
  109. const { loci, value } = transparency.layers[i];
  110. const apply = (interval: Interval) => {
  111. const start = Interval.start(interval);
  112. const end = Interval.end(interval);
  113. return applyTransparencyValue(array, start, end, value);
  114. };
  115. lociApply(loci, apply, false);
  116. }
  117. ValueCell.update(tTransparency, tTransparency.ref.value);
  118. ValueCell.updateIfChanged(transparencyAverage, getTransparencyAverage(array, count));
  119. }
  120. export function setClipping(renderObject: GraphicsRenderObject | undefined, clipping: Clipping, lociApply: LociApply, clear: boolean) {
  121. if (!renderObject) return;
  122. const { tClipping, uGroupCount, instanceCount } = renderObject.values;
  123. const count = uGroupCount.ref.value * instanceCount.ref.value;
  124. // ensure texture has right size
  125. createClipping(clipping.layers.length ? count : 0, renderObject.values);
  126. const { array } = tClipping.ref.value;
  127. // clear if requested
  128. if (clear) clearClipping(array, 0, count);
  129. for (let i = 0, il = clipping.layers.length; i < il; ++i) {
  130. const { loci, groups } = clipping.layers[i];
  131. const apply = (interval: Interval) => {
  132. const start = Interval.start(interval);
  133. const end = Interval.end(interval);
  134. return applyClippingGroups(array, start, end, groups);
  135. };
  136. lociApply(loci, apply, false);
  137. }
  138. ValueCell.update(tClipping, tClipping.ref.value);
  139. }
  140. export function setTransform(renderObject: GraphicsRenderObject | undefined, transform?: Mat4, instanceTransforms?: Float32Array | null) {
  141. if (!renderObject || (!transform && !instanceTransforms)) return;
  142. const { values } = renderObject;
  143. if (transform) {
  144. Mat4.copy(values.matrix.ref.value, transform);
  145. ValueCell.update(values.matrix, values.matrix.ref.value);
  146. }
  147. if (instanceTransforms) {
  148. values.extraTransform.ref.value.set(instanceTransforms);
  149. ValueCell.update(values.extraTransform, values.extraTransform.ref.value);
  150. } else if (instanceTransforms === null) {
  151. fillIdentityTransform(values.extraTransform.ref.value, values.instanceCount.ref.value);
  152. ValueCell.update(values.extraTransform, values.extraTransform.ref.value);
  153. }
  154. updateTransformData(values);
  155. const boundingSphere = calculateTransformBoundingSphere(values.invariantBoundingSphere.ref.value, values.aTransform.ref.value, values.instanceCount.ref.value);
  156. ValueCell.update(values.boundingSphere, boundingSphere);
  157. }
  158. }