direct-volume.ts 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. /**
  2. * Copyright (c) 2018 mol* contributors, licensed under MIT, See LICENSE file for more info.
  3. *
  4. * @author Alexander Rose <alexander.rose@weirdbyte.de>
  5. */
  6. import { ValueCell } from 'mol-util'
  7. import { Sphere3D, Box3D } from 'mol-math/geometry'
  8. import { ParamDefinition as PD } from 'mol-util/param-definition';
  9. import { DirectVolumeValues } from 'mol-gl/renderable/direct-volume';
  10. import { Vec3, Mat4, Vec2 } from 'mol-math/linear-algebra';
  11. import { Box } from '../../primitive/box';
  12. import { createTransferFunctionTexture, getControlPointsFromVec2Array } from './transfer-function';
  13. import { Texture } from 'mol-gl/webgl/texture';
  14. import { LocationIterator } from 'mol-geo/util/location-iterator';
  15. import { TransformData } from '../transform-data';
  16. import { createColors } from '../color-data';
  17. import { createMarkers } from '../marker-data';
  18. import { Geometry } from '../geometry';
  19. import { transformPositionArray } from 'mol-geo/util';
  20. import { calculateBoundingSphere } from 'mol-gl/renderable/util';
  21. import { Theme } from 'mol-theme/theme';
  22. import { RenderableState } from 'mol-gl/renderable';
  23. import { ColorListOptions, ColorListName } from 'mol-util/color/scale';
  24. const VolumeBox = Box()
  25. const RenderModeOptions = [['isosurface', 'Isosurface'], ['volume', 'Volume']] as [string, string][]
  26. export interface DirectVolume {
  27. readonly kind: 'direct-volume',
  28. readonly gridTexture: ValueCell<Texture>,
  29. readonly gridTextureDim: ValueCell<Vec3>,
  30. readonly gridDimension: ValueCell<Vec3>,
  31. readonly bboxSize: ValueCell<Vec3>
  32. readonly bboxMin: ValueCell<Vec3>
  33. readonly bboxMax: ValueCell<Vec3>
  34. readonly transform: ValueCell<Mat4>
  35. /** Bounding sphere of the volume */
  36. boundingSphere?: Sphere3D
  37. }
  38. export namespace DirectVolume {
  39. export function create(bbox: Box3D, gridDimension: Vec3, transform: Mat4, texture: Texture, directVolume?: DirectVolume): DirectVolume {
  40. const { width, height, depth } = texture
  41. if (directVolume) {
  42. ValueCell.update(directVolume.gridDimension, gridDimension)
  43. ValueCell.update(directVolume.gridTextureDim, Vec3.set(directVolume.gridTextureDim.ref.value, width, height, depth))
  44. ValueCell.update(directVolume.bboxMin, bbox.min)
  45. ValueCell.update(directVolume.bboxMax, bbox.max)
  46. ValueCell.update(directVolume.bboxSize, Vec3.sub(directVolume.bboxSize.ref.value, bbox.max, bbox.min))
  47. ValueCell.update(directVolume.transform, transform)
  48. return directVolume
  49. } else {
  50. return {
  51. kind: 'direct-volume',
  52. gridDimension: ValueCell.create(gridDimension),
  53. gridTexture: ValueCell.create(texture),
  54. gridTextureDim: ValueCell.create(Vec3.create(width, height, depth)),
  55. bboxMin: ValueCell.create(bbox.min),
  56. bboxMax: ValueCell.create(bbox.max),
  57. bboxSize: ValueCell.create(Vec3.sub(Vec3.zero(), bbox.max, bbox.min)),
  58. transform: ValueCell.create(transform),
  59. }
  60. }
  61. }
  62. export function createEmpty(directVolume?: DirectVolume): DirectVolume {
  63. return {} as DirectVolume // TODO
  64. }
  65. export const Params = {
  66. ...Geometry.Params,
  67. isoValue: PD.Numeric(0.22, { min: -1, max: 1, step: 0.01 }),
  68. renderMode: PD.Select('volume', RenderModeOptions),
  69. controlPoints: PD.LineGraph([
  70. Vec2.create(0.19, 0.0), Vec2.create(0.2, 0.15), Vec2.create(0.21, 0.0),
  71. Vec2.create(0.79, 0.0), Vec2.create(0.8, 0.15), Vec2.create(0.81, 0.0),
  72. ]),
  73. list: PD.ColorScale<ColorListName>('RedYellowBlue', ColorListOptions),
  74. }
  75. export type Params = typeof Params
  76. export function createValues(directVolume: DirectVolume, transform: TransformData, locationIt: LocationIterator, theme: Theme, props: PD.Values<Params>): DirectVolumeValues {
  77. const { gridTexture, gridTextureDim } = directVolume
  78. const { bboxSize, bboxMin, bboxMax, gridDimension, transform: gridTransform } = directVolume
  79. const { instanceCount, groupCount } = locationIt
  80. const color = createColors(locationIt, theme.color)
  81. const marker = createMarkers(instanceCount * groupCount)
  82. const counts = { drawCount: VolumeBox.indices.length, groupCount, instanceCount }
  83. const boundingSphere = getBoundingSphere(gridDimension.ref.value, gridTransform.ref.value, transform.aTransform.ref.value, transform.instanceCount.ref.value)
  84. const controlPoints = getControlPointsFromVec2Array(props.controlPoints)
  85. const transferTex = createTransferFunctionTexture(controlPoints, props.list)
  86. const maxSteps = Math.ceil(Vec3.magnitude(gridDimension.ref.value)) * 2 * 5
  87. return {
  88. ...color,
  89. ...marker,
  90. ...transform,
  91. ...Geometry.createValues(props, counts),
  92. aPosition: ValueCell.create(VolumeBox.vertices as Float32Array),
  93. elements: ValueCell.create(VolumeBox.indices as Uint32Array),
  94. boundingSphere: ValueCell.create(boundingSphere),
  95. uIsoValue: ValueCell.create(props.isoValue),
  96. uBboxMin: bboxMin,
  97. uBboxMax: bboxMax,
  98. uBboxSize: bboxSize,
  99. dMaxSteps: ValueCell.create(maxSteps),
  100. uTransform: gridTransform,
  101. uGridDim: gridDimension,
  102. dRenderMode: ValueCell.create(props.renderMode),
  103. tTransferTex: transferTex,
  104. dGridTexType: ValueCell.create(gridTexture.ref.value.depth > 0 ? '3d' : '2d'),
  105. uGridTexDim: gridTextureDim,
  106. tGridTex: gridTexture,
  107. }
  108. }
  109. export function updateValues(values: DirectVolumeValues, props: PD.Values<Params>) {
  110. ValueCell.updateIfChanged(values.uIsoValue, props.isoValue)
  111. ValueCell.updateIfChanged(values.uAlpha, props.alpha)
  112. ValueCell.updateIfChanged(values.dUseFog, props.useFog)
  113. ValueCell.updateIfChanged(values.dRenderMode, props.renderMode)
  114. const controlPoints = getControlPointsFromVec2Array(props.controlPoints)
  115. createTransferFunctionTexture(controlPoints, props.list, values.tTransferTex)
  116. }
  117. export function updateBoundingSphere(values: DirectVolumeValues, directVolume: DirectVolume) {
  118. const boundingSphere = getBoundingSphere(values.uGridDim.ref.value, values.uTransform.ref.value, values.aTransform.ref.value, values.instanceCount.ref.value)
  119. if (!Sphere3D.equals(boundingSphere, values.boundingSphere.ref.value)) {
  120. ValueCell.update(values.boundingSphere, boundingSphere)
  121. }
  122. }
  123. export function createRenderableState(props: PD.Values<Params>): RenderableState {
  124. const state = Geometry.createRenderableState(props)
  125. state.opaque = false
  126. return state
  127. }
  128. export function updateRenderableState(state: RenderableState, props: PD.Values<Params>) {
  129. Geometry.updateRenderableState(state, props)
  130. state.opaque = false
  131. }
  132. }
  133. //
  134. const mTmp = Mat4.identity()
  135. const mTmp2 = Mat4.identity()
  136. const vHalfUnit = Vec3.create(0.5, 0.5, 0.5)
  137. const tmpVertices = new Float32Array(VolumeBox.vertices.length)
  138. function getBoundingSphere(gridDimension: Vec3, gridTransform: Mat4, transform: Float32Array, transformCount: number) {
  139. tmpVertices.set(VolumeBox.vertices)
  140. Mat4.fromTranslation(mTmp, vHalfUnit)
  141. Mat4.mul(mTmp, Mat4.fromScaling(mTmp2, gridDimension), mTmp)
  142. Mat4.mul(mTmp, gridTransform, mTmp)
  143. transformPositionArray(mTmp, tmpVertices, 0, tmpVertices.length / 3)
  144. return calculateBoundingSphere(tmpVertices, tmpVertices.length / 3, transform, transformCount)
  145. }