direct-volume.ts 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  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 { RuntimeContext } from 'mol-task'
  7. import { ValueCell } from 'mol-util'
  8. import { Sphere3D, Box3D } from 'mol-math/geometry'
  9. import { paramDefaultValues, RangeParam, BooleanParam, SelectParam, TextParam } from 'mol-view/parameter';
  10. import { DirectVolume2dValues, DirectVolumeBaseValues, DirectVolume3dValues } from 'mol-gl/renderable/direct-volume';
  11. import { Vec3, Vec2, Mat4 } from 'mol-math/linear-algebra';
  12. import { Box } from '../../primitive/box';
  13. import { getControlPointsFromString, createTransferFunctionTexture } from './transfer-function';
  14. import { Texture } from 'mol-gl/webgl/texture';
  15. const VolumeBox = Box()
  16. const RenderModeOptions = [['isosurface', 'Isosurface'], ['volume', 'Volume']] as [string, string][]
  17. interface DirectVolumeBase {
  18. readonly gridDimension: ValueCell<Vec3>,
  19. readonly bboxSize: ValueCell<Vec3>
  20. readonly bboxMin: ValueCell<Vec3>
  21. readonly bboxMax: ValueCell<Vec3>
  22. readonly transform: ValueCell<Mat4>
  23. /** Bounding sphere of the volume */
  24. boundingSphere?: Sphere3D
  25. }
  26. const BaseParams = {
  27. alpha: RangeParam('Opacity', '', 1, 0, 1, 0.01),
  28. visible: BooleanParam('Visible', '', true),
  29. depthMask: BooleanParam('Depth Mask', '', true),
  30. useFog: BooleanParam('Use Fog', '', false),
  31. isoValueAbsolute: RangeParam('Iso Value Absolute', '', 0.22, -1, 1, 0.01),
  32. isoValueRelative: RangeParam('Iso Value Relative', '', 2, -10, 10, 0.1),
  33. renderMode: SelectParam('Render Mode', '', 'volume', RenderModeOptions),
  34. controlPoints: TextParam('Control Points', '', '0.19:0.1, 0.2:0.5, 0.21:0.1, 0.4:0.3'),
  35. }
  36. const DefaultBaseProps = paramDefaultValues(BaseParams)
  37. type BaseProps = typeof DefaultBaseProps
  38. async function createBaseValues(ctx: RuntimeContext, directVolume: DirectVolumeBase, props: BaseProps): Promise<DirectVolumeBaseValues> {
  39. const { bboxSize, bboxMin, bboxMax, gridDimension, transform } = directVolume
  40. const controlPoints = getControlPointsFromString(props.controlPoints)
  41. const transferTex = createTransferFunctionTexture(controlPoints)
  42. const maxSteps = Math.ceil(Vec3.magnitude(gridDimension.ref.value)) * 2
  43. console.log('maxSteps', maxSteps)
  44. return {
  45. drawCount: ValueCell.create(VolumeBox.indices.length),
  46. instanceCount: ValueCell.create(1),
  47. aPosition: ValueCell.create(VolumeBox.vertices as Float32Array),
  48. elements: ValueCell.create(VolumeBox.indices as Uint32Array),
  49. uAlpha: ValueCell.create(props.alpha),
  50. dUseFog: ValueCell.create(props.useFog),
  51. uIsoValue: ValueCell.create(props.isoValueAbsolute),
  52. uBboxMin: bboxMin,
  53. uBboxMax: bboxMax,
  54. uBboxSize: bboxSize,
  55. dMaxSteps: ValueCell.create(maxSteps),
  56. uTransform: transform,
  57. uGridDim: gridDimension,
  58. dRenderMode: ValueCell.create(props.renderMode),
  59. tTransferTex: transferTex,
  60. }
  61. }
  62. function updateBaseValues(values: DirectVolumeBaseValues, props: BaseProps) {
  63. console.log('DirectVolumeBaseValues', props, values)
  64. ValueCell.updateIfChanged(values.uIsoValue, props.isoValueAbsolute)
  65. ValueCell.updateIfChanged(values.uAlpha, props.alpha)
  66. ValueCell.updateIfChanged(values.dUseFog, props.useFog)
  67. ValueCell.updateIfChanged(values.dRenderMode, props.renderMode)
  68. const controlPoints = getControlPointsFromString(props.controlPoints)
  69. createTransferFunctionTexture(controlPoints, values.tTransferTex)
  70. }
  71. // 2d
  72. export interface DirectVolume2d extends DirectVolumeBase {
  73. readonly kind: 'direct-volume-2d',
  74. readonly gridTexture: ValueCell<Texture>,
  75. readonly gridTextureDim: ValueCell<Vec2>,
  76. }
  77. export namespace DirectVolume2d {
  78. export function create(bbox: Box3D, gridDimension: Vec3, transform: Mat4, texture: Texture, directVolume?: DirectVolume2d): DirectVolume2d {
  79. if (directVolume) {
  80. ValueCell.update(directVolume.gridDimension, gridDimension)
  81. ValueCell.update(directVolume.gridTextureDim, Vec2.set(directVolume.gridTextureDim.ref.value, texture.width, texture.height))
  82. ValueCell.update(directVolume.bboxMin, bbox.min)
  83. ValueCell.update(directVolume.bboxMax, bbox.max)
  84. ValueCell.update(directVolume.bboxSize, Vec3.sub(directVolume.bboxSize.ref.value, bbox.max, bbox.min))
  85. ValueCell.update(directVolume.transform, transform)
  86. return directVolume
  87. } else {
  88. return {
  89. kind: 'direct-volume-2d' as 'direct-volume-2d',
  90. gridDimension: ValueCell.create(gridDimension),
  91. gridTexture: ValueCell.create(texture),
  92. gridTextureDim: ValueCell.create(Vec2.create(texture.width, texture.height)),
  93. bboxMin: ValueCell.create(bbox.min),
  94. bboxMax: ValueCell.create(bbox.max),
  95. bboxSize: ValueCell.create(Vec3.sub(Vec3.zero(), bbox.max, bbox.min)),
  96. transform: ValueCell.create(transform),
  97. }
  98. }
  99. }
  100. export function createEmpty(directVolume?: DirectVolume2d): DirectVolume2d {
  101. return {} as DirectVolume2d // TODO
  102. }
  103. export const Params = BaseParams
  104. export const DefaultProps = paramDefaultValues(Params)
  105. export type Props = typeof DefaultProps
  106. export async function createValues(ctx: RuntimeContext, directVolume: DirectVolume2d, props: Props): Promise<DirectVolume2dValues> {
  107. const { gridTexture, gridTextureDim } = directVolume
  108. return {
  109. ...await createBaseValues(ctx, directVolume, props),
  110. dGridTexType: ValueCell.create('2d'),
  111. uGridTexDim: gridTextureDim,
  112. tGridTex: gridTexture,
  113. }
  114. }
  115. export function updateValues(values: DirectVolume2dValues, props: Props) {
  116. updateBaseValues(values, props)
  117. }
  118. }
  119. // 3d
  120. export interface DirectVolume3d extends DirectVolumeBase {
  121. readonly kind: 'direct-volume-3d',
  122. readonly gridTexture: ValueCell<Texture>,
  123. }
  124. export namespace DirectVolume3d {
  125. export function create(bbox: Box3D, gridDimension: Vec3, transform: Mat4, texture: Texture, directVolume?: DirectVolume3d): DirectVolume3d {
  126. if (directVolume) {
  127. ValueCell.update(directVolume.gridDimension, gridDimension)
  128. ValueCell.update(directVolume.bboxMin, bbox.min)
  129. ValueCell.update(directVolume.bboxMax, bbox.max)
  130. ValueCell.update(directVolume.bboxSize, Vec3.sub(directVolume.bboxSize.ref.value, bbox.max, bbox.min))
  131. ValueCell.update(directVolume.transform, transform)
  132. return directVolume
  133. } else {
  134. return {
  135. kind: 'direct-volume-3d' as 'direct-volume-3d',
  136. gridDimension: ValueCell.create(gridDimension),
  137. gridTexture: ValueCell.create(texture),
  138. bboxMin: ValueCell.create(bbox.min),
  139. bboxMax: ValueCell.create(bbox.max),
  140. bboxSize: ValueCell.create(Vec3.sub(Vec3.zero(), bbox.max, bbox.min)),
  141. transform: ValueCell.create(transform),
  142. }
  143. }
  144. }
  145. export function createEmpty(directVolume?: DirectVolume3d): DirectVolume3d {
  146. return {} as DirectVolume3d // TODO
  147. }
  148. export const Params = BaseParams
  149. export const DefaultProps = paramDefaultValues(Params)
  150. export type Props = typeof DefaultProps
  151. export async function createValues(ctx: RuntimeContext, directVolume: DirectVolume3d, props: Props): Promise<DirectVolume3dValues> {
  152. const { gridTexture } = directVolume
  153. return {
  154. ...await createBaseValues(ctx, directVolume, props),
  155. dGridTexType: ValueCell.create('3d'),
  156. tGridTex: gridTexture,
  157. }
  158. }
  159. export function updateValues(values: DirectVolume3dValues, props: Props) {
  160. updateBaseValues(values, props)
  161. }
  162. }