direct-volume.ts 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  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 { ParamDefinition as PD } from '../../mol-util/param-definition';
  7. import { Vec3, Mat4 } from '../../mol-math/linear-algebra';
  8. import { Box3D } from '../../mol-math/geometry';
  9. import { Grid, Volume } from '../../mol-model/volume';
  10. import { RuntimeContext } from '../../mol-task';
  11. import { WebGLContext } from '../../mol-gl/webgl/context';
  12. import { DirectVolume } from '../../mol-geo/geometry/direct-volume/direct-volume';
  13. import { VisualContext } from '../visual';
  14. import { Theme, ThemeRegistryContext } from '../../mol-theme/theme';
  15. import { VolumeVisual, VolumeRepresentation, VolumeRepresentationProvider } from './representation';
  16. import { LocationIterator } from '../../mol-geo/util/location-iterator';
  17. import { NullLocation } from '../../mol-model/location';
  18. import { VisualUpdateState } from '../util';
  19. import { RepresentationContext, RepresentationParamsGetter } from '../representation';
  20. import { Interval } from '../../mol-data/int';
  21. import { Loci, EmptyLoci } from '../../mol-model/loci';
  22. import { PickingId } from '../../mol-geo/geometry/picking';
  23. import { createVolumeTexture2d, createVolumeTexture3d, eachVolumeLoci } from './util';
  24. function getBoundingBox(gridDimension: Vec3, transform: Mat4) {
  25. const bbox = Box3D();
  26. Box3D.add(bbox, gridDimension);
  27. Box3D.transform(bbox, bbox, transform);
  28. return bbox;
  29. }
  30. // 2d volume texture
  31. export function createDirectVolume2d(ctx: RuntimeContext, webgl: WebGLContext, volume: Volume, directVolume?: DirectVolume) {
  32. const gridDimension = volume.grid.cells.space.dimensions as Vec3;
  33. const textureImage = createVolumeTexture2d(volume, 'normals');
  34. // debugTexture(createImageData(textureImage.array, textureImage.width, textureImage.height), 1/3)
  35. const transform = Grid.getGridToCartesianTransform(volume.grid);
  36. const bbox = getBoundingBox(gridDimension, transform);
  37. const texture = directVolume ? directVolume.gridTexture.ref.value : webgl.resources.texture('image-uint8', 'rgba', 'ubyte', 'linear');
  38. texture.load(textureImage);
  39. const { unitToCartn, cellDim } = getUnitToCartn(volume.grid);
  40. return DirectVolume.create(bbox, gridDimension, transform, unitToCartn, cellDim, texture, volume.grid.stats, false, directVolume);
  41. }
  42. // 3d volume texture
  43. function getUnitToCartn(grid: Grid) {
  44. if (grid.transform.kind === 'matrix') {
  45. return {
  46. unitToCartn: Mat4.mul(Mat4(),
  47. grid.transform.matrix,
  48. Mat4.fromScaling(Mat4(), grid.cells.space.dimensions as Vec3)
  49. ),
  50. cellDim: Mat4.getScaling(Vec3(), grid.transform.matrix)
  51. };
  52. }
  53. const box = grid.transform.fractionalBox;
  54. const size = Box3D.size(Vec3(), box);
  55. return {
  56. unitToCartn: Mat4.mul3(Mat4(),
  57. grid.transform.cell.fromFractional,
  58. Mat4.fromTranslation(Mat4(), box.min),
  59. Mat4.fromScaling(Mat4(), size)
  60. ),
  61. cellDim: Vec3.div(Vec3(), grid.transform.cell.size, grid.cells.space.dimensions as Vec3)
  62. };
  63. }
  64. export function createDirectVolume3d(ctx: RuntimeContext, webgl: WebGLContext, volume: Volume, directVolume?: DirectVolume) {
  65. const gridDimension = volume.grid.cells.space.dimensions as Vec3;
  66. const textureVolume = createVolumeTexture3d(volume);
  67. const transform = Grid.getGridToCartesianTransform(volume.grid);
  68. const bbox = getBoundingBox(gridDimension, transform);
  69. const texture = directVolume ? directVolume.gridTexture.ref.value : webgl.resources.texture('volume-uint8', 'rgba', 'ubyte', 'linear');
  70. texture.load(textureVolume);
  71. const { unitToCartn, cellDim } = getUnitToCartn(volume.grid);
  72. return DirectVolume.create(bbox, gridDimension, transform, unitToCartn, cellDim, texture, volume.grid.stats, false, directVolume);
  73. }
  74. //
  75. export async function createDirectVolume(ctx: VisualContext, volume: Volume, theme: Theme, props: PD.Values<DirectVolumeParams>, directVolume?: DirectVolume) {
  76. const { runtime, webgl } = ctx;
  77. if (webgl === undefined) throw new Error('DirectVolumeVisual requires `webgl` in props');
  78. return webgl.isWebGL2 ?
  79. createDirectVolume3d(runtime, webgl, volume, directVolume) :
  80. createDirectVolume2d(runtime, webgl, volume, directVolume);
  81. }
  82. function getLoci(volume: Volume, props: PD.Values<DirectVolumeParams>) {
  83. return props.renderMode.name === 'isosurface'
  84. ? Volume.Isosurface.Loci(volume, props.renderMode.params.isoValue)
  85. : Volume.Loci(volume);
  86. }
  87. export function getDirectVolumeLoci(pickingId: PickingId, volume: Volume, props: DirectVolumeProps, id: number) {
  88. const { objectId, groupId } = pickingId;
  89. if (id === objectId) {
  90. return Volume.Cell.Loci(volume, Interval.ofSingleton(groupId as Volume.CellIndex));
  91. }
  92. return EmptyLoci;
  93. }
  94. export function eachDirectVolume(loci: Loci, volume: Volume, props: DirectVolumeProps, apply: (interval: Interval) => boolean) {
  95. const isoValue = props.renderMode.name === 'isosurface'
  96. ? props.renderMode.params.isoValue : undefined;
  97. return eachVolumeLoci(loci, volume, isoValue, apply);
  98. }
  99. //
  100. export const DirectVolumeParams = {
  101. ...DirectVolume.Params,
  102. quality: { ...DirectVolume.Params.quality, isEssential: false },
  103. };
  104. export type DirectVolumeParams = typeof DirectVolumeParams
  105. export function getDirectVolumeParams(ctx: ThemeRegistryContext, volume: Volume) {
  106. const p = PD.clone(DirectVolumeParams);
  107. p.renderMode = DirectVolume.createRenderModeParam(volume.grid.stats);
  108. return p;
  109. }
  110. export type DirectVolumeProps = PD.Values<DirectVolumeParams>
  111. export function DirectVolumeVisual(materialId: number): VolumeVisual<DirectVolumeParams> {
  112. return VolumeVisual<DirectVolume, DirectVolumeParams>({
  113. defaultProps: PD.getDefaultValues(DirectVolumeParams),
  114. createGeometry: createDirectVolume,
  115. createLocationIterator: (volume: Volume) => LocationIterator(volume.grid.cells.data.length, 1, 1, () => NullLocation),
  116. getLoci: getDirectVolumeLoci,
  117. eachLocation: eachDirectVolume,
  118. setUpdateState: (state: VisualUpdateState, volume: Volume, newProps: PD.Values<DirectVolumeParams>, currentProps: PD.Values<DirectVolumeParams>) => {
  119. },
  120. geometryUtils: DirectVolume.Utils,
  121. dispose: (geometry: DirectVolume) => {
  122. geometry.gridTexture.ref.value.destroy();
  123. }
  124. }, materialId);
  125. }
  126. export function DirectVolumeRepresentation(ctx: RepresentationContext, getParams: RepresentationParamsGetter<Volume, DirectVolumeParams>): VolumeRepresentation<DirectVolumeParams> {
  127. return VolumeRepresentation('Direct Volume', ctx, getParams, DirectVolumeVisual, getLoci);
  128. }
  129. export const DirectVolumeRepresentationProvider = VolumeRepresentationProvider({
  130. name: 'direct-volume',
  131. label: 'Direct Volume',
  132. description: 'Direct rendering of volumetric data.',
  133. factory: DirectVolumeRepresentation,
  134. getParams: getDirectVolumeParams,
  135. defaultValues: PD.getDefaultValues(DirectVolumeParams),
  136. defaultColorTheme: { name: 'uniform' },
  137. defaultSizeTheme: { name: 'uniform' },
  138. isApplicable: (volume: Volume) => !Volume.isEmpty(volume)
  139. });