direct-volume.ts 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
  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 { hashFnv32a } from '../../../mol-data/util';
  7. import { LocationIterator } from '../../../mol-geo/util/location-iterator';
  8. import { RenderableState } from '../../../mol-gl/renderable';
  9. import { DirectVolumeValues } from '../../../mol-gl/renderable/direct-volume';
  10. import { calculateTransformBoundingSphere } from '../../../mol-gl/renderable/util';
  11. import { Texture } from '../../../mol-gl/webgl/texture';
  12. import { Box3D, Sphere3D } from '../../../mol-math/geometry';
  13. import { Mat4, Vec2, Vec3, Vec4 } from '../../../mol-math/linear-algebra';
  14. import { Theme } from '../../../mol-theme/theme';
  15. import { ValueCell } from '../../../mol-util';
  16. import { Color } from '../../../mol-util/color';
  17. import { ParamDefinition as PD } from '../../../mol-util/param-definition';
  18. import { Box } from '../../primitive/box';
  19. import { BaseGeometry } from '../base';
  20. import { createColors } from '../color-data';
  21. import { GeometryUtils } from '../geometry';
  22. import { createMarkers } from '../marker-data';
  23. import { createEmptyOverpaint } from '../overpaint-data';
  24. import { TransformData } from '../transform-data';
  25. import { createEmptyTransparency } from '../transparency-data';
  26. import { createTransferFunctionTexture, getControlPointsFromVec2Array } from './transfer-function';
  27. import { createEmptyClipping } from '../clipping-data';
  28. import { Grid, Volume } from '../../../mol-model/volume';
  29. import { ColorNames } from '../../../mol-util/color/names';
  30. import { NullLocation } from '../../../mol-model/location';
  31. const VolumeBox = Box();
  32. export interface DirectVolume {
  33. readonly kind: 'direct-volume',
  34. readonly gridTexture: ValueCell<Texture>
  35. readonly gridTextureDim: ValueCell<Vec3>
  36. readonly gridDimension: ValueCell<Vec3>
  37. readonly gridStats: ValueCell<Vec4> // [min, max, mean, sigma]
  38. readonly bboxSize: ValueCell<Vec3>
  39. readonly bboxMin: ValueCell<Vec3>
  40. readonly bboxMax: ValueCell<Vec3>
  41. readonly transform: ValueCell<Mat4>
  42. readonly cellDim: ValueCell<Vec3>
  43. readonly unitToCartn: ValueCell<Mat4>
  44. readonly cartnToUnit: ValueCell<Mat4>
  45. readonly packedGroup: ValueCell<boolean>
  46. /** Bounding sphere of the volume */
  47. readonly boundingSphere: Sphere3D
  48. setBoundingSphere(boundingSphere: Sphere3D): void
  49. }
  50. export namespace DirectVolume {
  51. export function create(bbox: Box3D, gridDimension: Vec3, transform: Mat4, unitToCartn: Mat4, cellDim: Vec3, texture: Texture, stats: Grid['stats'], packedGroup: boolean, directVolume?: DirectVolume): DirectVolume {
  52. return directVolume ?
  53. update(bbox, gridDimension, transform, unitToCartn, cellDim, texture, stats, packedGroup, directVolume) :
  54. fromData(bbox, gridDimension, transform, unitToCartn, cellDim, texture, stats, packedGroup);
  55. }
  56. function hashCode(directVolume: DirectVolume) {
  57. return hashFnv32a([
  58. directVolume.bboxSize.ref.version, directVolume.gridDimension.ref.version,
  59. directVolume.gridTexture.ref.version, directVolume.transform.ref.version,
  60. directVolume.gridStats.ref.version
  61. ]);
  62. }
  63. function fromData(bbox: Box3D, gridDimension: Vec3, transform: Mat4, unitToCartn: Mat4, cellDim: Vec3, texture: Texture, stats: Grid['stats'], packedGroup: boolean): DirectVolume {
  64. const boundingSphere = Sphere3D();
  65. let currentHash = -1;
  66. const width = texture.getWidth();
  67. const height = texture.getHeight();
  68. const depth = texture.getDepth();
  69. const directVolume = {
  70. kind: 'direct-volume' as const,
  71. gridDimension: ValueCell.create(gridDimension),
  72. gridTexture: ValueCell.create(texture),
  73. gridTextureDim: ValueCell.create(Vec3.create(width, height, depth)),
  74. gridStats: ValueCell.create(Vec4.create(stats.min, stats.max, stats.mean, stats.sigma)),
  75. bboxMin: ValueCell.create(bbox.min),
  76. bboxMax: ValueCell.create(bbox.max),
  77. bboxSize: ValueCell.create(Vec3.sub(Vec3(), bbox.max, bbox.min)),
  78. transform: ValueCell.create(transform),
  79. cellDim: ValueCell.create(cellDim),
  80. unitToCartn: ValueCell.create(unitToCartn),
  81. cartnToUnit: ValueCell.create(Mat4.invert(Mat4(), unitToCartn)),
  82. get boundingSphere() {
  83. const newHash = hashCode(directVolume);
  84. if (newHash !== currentHash) {
  85. const b = getBoundingSphere(directVolume.gridDimension.ref.value, directVolume.transform.ref.value);
  86. Sphere3D.copy(boundingSphere, b);
  87. currentHash = newHash;
  88. }
  89. return boundingSphere;
  90. },
  91. packedGroup: ValueCell.create(packedGroup),
  92. setBoundingSphere(sphere: Sphere3D) {
  93. Sphere3D.copy(boundingSphere, sphere);
  94. currentHash = hashCode(directVolume);
  95. }
  96. };
  97. return directVolume;
  98. }
  99. function update(bbox: Box3D, gridDimension: Vec3, transform: Mat4, unitToCartn: Mat4, cellDim: Vec3, texture: Texture, stats: Grid['stats'], packedGroup: boolean, directVolume: DirectVolume): DirectVolume {
  100. const width = texture.getWidth();
  101. const height = texture.getHeight();
  102. const depth = texture.getDepth();
  103. ValueCell.update(directVolume.gridDimension, gridDimension);
  104. ValueCell.update(directVolume.gridTexture, texture);
  105. ValueCell.update(directVolume.gridTextureDim, Vec3.set(directVolume.gridTextureDim.ref.value, width, height, depth));
  106. ValueCell.update(directVolume.gridStats, Vec4.set(directVolume.gridStats.ref.value, stats.min, stats.max, stats.mean, stats.sigma));
  107. ValueCell.update(directVolume.bboxMin, bbox.min);
  108. ValueCell.update(directVolume.bboxMax, bbox.max);
  109. ValueCell.update(directVolume.bboxSize, Vec3.sub(directVolume.bboxSize.ref.value, bbox.max, bbox.min));
  110. ValueCell.update(directVolume.transform, transform);
  111. ValueCell.update(directVolume.cellDim, cellDim);
  112. ValueCell.update(directVolume.unitToCartn, unitToCartn);
  113. ValueCell.update(directVolume.cartnToUnit, Mat4.invert(Mat4(), unitToCartn));
  114. ValueCell.updateIfChanged(directVolume.packedGroup, packedGroup);
  115. return directVolume;
  116. }
  117. export function createEmpty(directVolume?: DirectVolume): DirectVolume {
  118. return {} as DirectVolume; // TODO
  119. }
  120. export function createRenderModeParam(stats?: Grid['stats']) {
  121. const isoValueParam = stats
  122. ? Volume.createIsoValueParam(Volume.IsoValue.relative(2), stats)
  123. : Volume.IsoValueParam;
  124. return PD.MappedStatic('volume', {
  125. isosurface: PD.Group({
  126. isoValue: isoValueParam,
  127. singleLayer: PD.Boolean(false, { isEssential: true }),
  128. }, { isFlat: true }),
  129. volume: PD.Group({
  130. controlPoints: PD.LineGraph([
  131. Vec2.create(0.19, 0.0), Vec2.create(0.2, 0.05), Vec2.create(0.25, 0.05), Vec2.create(0.26, 0.0),
  132. Vec2.create(0.79, 0.0), Vec2.create(0.8, 0.05), Vec2.create(0.85, 0.05), Vec2.create(0.86, 0.0),
  133. ]),
  134. list: PD.ColorList({
  135. kind: 'interpolate',
  136. colors: [
  137. [ColorNames.white, 0],
  138. [ColorNames.red, 0.25],
  139. [ColorNames.white, 0.5],
  140. [ColorNames.blue, 0.75],
  141. [ColorNames.white, 1]
  142. ]
  143. }, { offsets: true }),
  144. }, { isFlat: true })
  145. }, { isEssential: true });
  146. }
  147. export const Params = {
  148. ...BaseGeometry.Params,
  149. doubleSided: PD.Boolean(false, BaseGeometry.CustomQualityParamInfo),
  150. flipSided: PD.Boolean(false, BaseGeometry.ShadingCategory),
  151. flatShaded: PD.Boolean(false, BaseGeometry.ShadingCategory),
  152. ignoreLight: PD.Boolean(false, BaseGeometry.ShadingCategory),
  153. renderMode: createRenderModeParam(),
  154. stepsPerCell: PD.Numeric(5, { min: 1, max: 20, step: 1 }),
  155. };
  156. export type Params = typeof Params
  157. export const Utils: GeometryUtils<DirectVolume, Params> = {
  158. Params,
  159. createEmpty,
  160. createValues,
  161. createValuesSimple,
  162. updateValues,
  163. updateBoundingSphere,
  164. createRenderableState,
  165. updateRenderableState,
  166. createPositionIterator: () => LocationIterator(1, 1, 1, () => NullLocation)
  167. };
  168. function getNormalizedIsoValue(out: Vec2, isoValue: Volume.IsoValue, stats: Vec4) {
  169. const [min, max, mean, sigma] = stats;
  170. const value = Volume.IsoValue.toAbsolute(isoValue, { min, max, mean, sigma }).absoluteValue;
  171. Vec2.set(out, (value - min) / (max - min), (0 - min) / (max - min));
  172. return out;
  173. }
  174. function createValues(directVolume: DirectVolume, transform: TransformData, locationIt: LocationIterator, theme: Theme, props: PD.Values<Params>): DirectVolumeValues {
  175. const { gridTexture, gridTextureDim, gridStats } = directVolume;
  176. const { bboxSize, bboxMin, bboxMax, gridDimension, transform: gridTransform } = directVolume;
  177. const { instanceCount, groupCount } = locationIt;
  178. const positionIt = Utils.createPositionIterator(directVolume, transform);
  179. const color = createColors(locationIt, positionIt, theme.color);
  180. const marker = createMarkers(instanceCount * groupCount);
  181. const overpaint = createEmptyOverpaint();
  182. const transparency = createEmptyTransparency();
  183. const clipping = createEmptyClipping();
  184. const counts = { drawCount: VolumeBox.indices.length, vertexCount: VolumeBox.vertices.length / 3, groupCount, instanceCount };
  185. const invariantBoundingSphere = Sphere3D.clone(directVolume.boundingSphere);
  186. const boundingSphere = calculateTransformBoundingSphere(invariantBoundingSphere, transform.aTransform.ref.value, instanceCount);
  187. const controlPoints = props.renderMode.name === 'volume' ? getControlPointsFromVec2Array(props.renderMode.params.controlPoints) : [];
  188. const transferTex = createTransferFunctionTexture(controlPoints, props.renderMode.name === 'volume' ? props.renderMode.params.list.colors : []);
  189. const isoValue = props.renderMode.name === 'isosurface'
  190. ? props.renderMode.params.isoValue
  191. : Volume.IsoValue.relative(2);
  192. const singleLayer = props.renderMode.name === 'isosurface'
  193. ? props.renderMode.params.singleLayer
  194. : false;
  195. const maxSteps = Math.ceil(Vec3.magnitude(gridDimension.ref.value) * props.stepsPerCell);
  196. return {
  197. ...color,
  198. ...marker,
  199. ...overpaint,
  200. ...transparency,
  201. ...clipping,
  202. ...transform,
  203. ...BaseGeometry.createValues(props, counts),
  204. aPosition: ValueCell.create(VolumeBox.vertices as Float32Array),
  205. elements: ValueCell.create(VolumeBox.indices as Uint32Array),
  206. boundingSphere: ValueCell.create(boundingSphere),
  207. invariantBoundingSphere: ValueCell.create(invariantBoundingSphere),
  208. uInvariantBoundingSphere: ValueCell.create(Vec4.ofSphere(invariantBoundingSphere)),
  209. uIsoValue: ValueCell.create(getNormalizedIsoValue(Vec2(), isoValue, directVolume.gridStats.ref.value)),
  210. uBboxMin: bboxMin,
  211. uBboxMax: bboxMax,
  212. uBboxSize: bboxSize,
  213. uMaxSteps: ValueCell.create(maxSteps),
  214. uStepFactor: ValueCell.create(1 / props.stepsPerCell),
  215. uTransform: gridTransform,
  216. uGridDim: gridDimension,
  217. dRenderMode: ValueCell.create(props.renderMode.name),
  218. tTransferTex: transferTex,
  219. dGridTexType: ValueCell.create(gridTexture.ref.value.getDepth() > 0 ? '3d' : '2d'),
  220. uGridTexDim: gridTextureDim,
  221. tGridTex: gridTexture,
  222. uGridStats: gridStats,
  223. uCellDim: directVolume.cellDim,
  224. uCartnToUnit: directVolume.cartnToUnit,
  225. uUnitToCartn: directVolume.unitToCartn,
  226. dPackedGroup: directVolume.packedGroup,
  227. dSingleLayer: ValueCell.create(singleLayer),
  228. dDoubleSided: ValueCell.create(props.doubleSided),
  229. dFlatShaded: ValueCell.create(props.flatShaded),
  230. dFlipSided: ValueCell.create(props.flipSided),
  231. dIgnoreLight: ValueCell.create(props.ignoreLight),
  232. };
  233. }
  234. function createValuesSimple(directVolume: DirectVolume, props: Partial<PD.Values<Params>>, colorValue: Color, sizeValue: number, transform?: TransformData) {
  235. const s = BaseGeometry.createSimple(colorValue, sizeValue, transform);
  236. const p = { ...PD.getDefaultValues(Params), ...props };
  237. return createValues(directVolume, s.transform, s.locationIterator, s.theme, p);
  238. }
  239. function updateValues(values: DirectVolumeValues, props: PD.Values<Params>) {
  240. ValueCell.updateIfChanged(values.alpha, props.alpha);
  241. ValueCell.updateIfChanged(values.uAlpha, props.alpha);
  242. ValueCell.updateIfChanged(values.dDoubleSided, props.doubleSided);
  243. ValueCell.updateIfChanged(values.dFlatShaded, props.flatShaded);
  244. ValueCell.updateIfChanged(values.dFlipSided, props.flipSided);
  245. ValueCell.updateIfChanged(values.dIgnoreLight, props.ignoreLight);
  246. ValueCell.updateIfChanged(values.dRenderMode, props.renderMode.name);
  247. if (props.renderMode.name === 'isosurface') {
  248. ValueCell.updateIfChanged(values.uIsoValue, getNormalizedIsoValue(values.uIsoValue.ref.value, props.renderMode.params.isoValue, values.uGridStats.ref.value));
  249. ValueCell.updateIfChanged(values.dSingleLayer, props.renderMode.params.singleLayer);
  250. } else if (props.renderMode.name === 'volume') {
  251. const controlPoints = getControlPointsFromVec2Array(props.renderMode.params.controlPoints);
  252. createTransferFunctionTexture(controlPoints, props.renderMode.params.list.colors, values.tTransferTex);
  253. }
  254. const maxSteps = Math.ceil(Vec3.magnitude(values.uGridDim.ref.value) * props.stepsPerCell);
  255. ValueCell.updateIfChanged(values.uMaxSteps, maxSteps);
  256. ValueCell.updateIfChanged(values.uStepFactor, 1 / props.stepsPerCell);
  257. }
  258. function updateBoundingSphere(values: DirectVolumeValues, directVolume: DirectVolume) {
  259. const invariantBoundingSphere = Sphere3D.clone(directVolume.boundingSphere);
  260. const boundingSphere = calculateTransformBoundingSphere(invariantBoundingSphere, values.aTransform.ref.value, values.instanceCount.ref.value);
  261. if (!Sphere3D.equals(boundingSphere, values.boundingSphere.ref.value)) {
  262. ValueCell.update(values.boundingSphere, boundingSphere);
  263. }
  264. if (!Sphere3D.equals(invariantBoundingSphere, values.invariantBoundingSphere.ref.value)) {
  265. ValueCell.update(values.invariantBoundingSphere, invariantBoundingSphere);
  266. ValueCell.update(values.uInvariantBoundingSphere, Vec4.fromSphere(values.uInvariantBoundingSphere.ref.value, invariantBoundingSphere));
  267. }
  268. }
  269. function createRenderableState(props: PD.Values<Params>): RenderableState {
  270. const state = BaseGeometry.createRenderableState(props);
  271. state.opaque = false;
  272. state.writeDepth = props.renderMode.name === 'isosurface';
  273. return state;
  274. }
  275. function updateRenderableState(state: RenderableState, props: PD.Values<Params>) {
  276. BaseGeometry.updateRenderableState(state, props);
  277. state.opaque = false;
  278. state.writeDepth = props.renderMode.name === 'isosurface';
  279. }
  280. }
  281. //
  282. function getBoundingSphere(gridDimension: Vec3, gridTransform: Mat4) {
  283. return Sphere3D.fromDimensionsAndTransform(Sphere3D(), gridDimension, gridTransform);
  284. }