direct-volume.ts 7.4 KB

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