direct-volume.ts 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378
  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, PositionLocation } 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 { createNullTexture, 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 { createEmptySubstance } from '../substance-data';
  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. const bbox = Box3D();
  119. const gridDimension = Vec3();
  120. const transform = Mat4.identity();
  121. const unitToCartn = Mat4.identity();
  122. const cellDim = Vec3();
  123. const texture = createNullTexture();
  124. const stats = Grid.One.stats;
  125. const packedGroup = false;
  126. return create(bbox, gridDimension, transform, unitToCartn, cellDim, texture, stats, packedGroup, directVolume);
  127. }
  128. export function createRenderModeParam(stats?: Grid['stats']) {
  129. const isoValueParam = stats
  130. ? Volume.createIsoValueParam(Volume.IsoValue.relative(2), stats)
  131. : Volume.IsoValueParam;
  132. return PD.MappedStatic('volume', {
  133. isosurface: PD.Group({
  134. isoValue: isoValueParam,
  135. singleLayer: PD.Boolean(false, { isEssential: true }),
  136. }, { isFlat: true }),
  137. volume: PD.Group({
  138. controlPoints: PD.LineGraph([
  139. Vec2.create(0.19, 0.0), Vec2.create(0.2, 0.05), Vec2.create(0.25, 0.05), Vec2.create(0.26, 0.0),
  140. Vec2.create(0.79, 0.0), Vec2.create(0.8, 0.05), Vec2.create(0.85, 0.05), Vec2.create(0.86, 0.0),
  141. ]),
  142. list: PD.ColorList({
  143. kind: 'interpolate',
  144. colors: [
  145. [ColorNames.white, 0],
  146. [ColorNames.red, 0.25],
  147. [ColorNames.white, 0.5],
  148. [ColorNames.blue, 0.75],
  149. [ColorNames.white, 1]
  150. ]
  151. }, { offsets: true }),
  152. }, { isFlat: true })
  153. }, { isEssential: true });
  154. }
  155. export const Params = {
  156. ...BaseGeometry.Params,
  157. doubleSided: PD.Boolean(false, BaseGeometry.CustomQualityParamInfo),
  158. flipSided: PD.Boolean(false, BaseGeometry.ShadingCategory),
  159. flatShaded: PD.Boolean(false, BaseGeometry.ShadingCategory),
  160. ignoreLight: PD.Boolean(false, BaseGeometry.ShadingCategory),
  161. xrayShaded: PD.Boolean(false, BaseGeometry.ShadingCategory),
  162. renderMode: createRenderModeParam(),
  163. stepsPerCell: PD.Numeric(5, { min: 1, max: 20, step: 1 }),
  164. jumpLength: PD.Numeric(0, { min: 0, max: 20, step: 0.1 }),
  165. };
  166. export type Params = typeof Params
  167. export const Utils: GeometryUtils<DirectVolume, Params> = {
  168. Params,
  169. createEmpty,
  170. createValues,
  171. createValuesSimple,
  172. updateValues,
  173. updateBoundingSphere,
  174. createRenderableState,
  175. updateRenderableState,
  176. createPositionIterator
  177. };
  178. function createPositionIterator(directVolume: DirectVolume, transform: TransformData): LocationIterator {
  179. const t = directVolume.transform.ref.value;
  180. const [x, y, z] = directVolume.gridDimension.ref.value;
  181. const groupCount = x * y * z;
  182. const instanceCount = transform.instanceCount.ref.value;
  183. const location = PositionLocation();
  184. const p = location.position;
  185. const m = transform.aTransform.ref.value;
  186. const getLocation = (groupIndex: number, instanceIndex: number) => {
  187. const k = Math.floor(groupIndex / z);
  188. p[0] = Math.floor(k / y);
  189. p[1] = k % y;
  190. p[2] = groupIndex % z;
  191. Vec3.transformMat4(p, p, t);
  192. if (instanceIndex >= 0) {
  193. Vec3.transformMat4Offset(p, p, m, 0, 0, instanceIndex * 16);
  194. }
  195. return location;
  196. };
  197. return LocationIterator(groupCount, instanceCount, 1, getLocation);
  198. }
  199. function getNormalizedIsoValue(out: Vec2, isoValue: Volume.IsoValue, stats: Vec4) {
  200. const [min, max, mean, sigma] = stats;
  201. const value = Volume.IsoValue.toAbsolute(isoValue, { min, max, mean, sigma }).absoluteValue;
  202. Vec2.set(out, (value - min) / (max - min), (0 - min) / (max - min));
  203. return out;
  204. }
  205. function getMaxSteps(gridDim: Vec3, stepsPerCell: number) {
  206. return Math.ceil(Vec3.magnitude(gridDim) * stepsPerCell);
  207. }
  208. function getStepScale(cellDim: Vec3, stepsPerCell: number) {
  209. return Math.min(...cellDim) * (1 / stepsPerCell);
  210. }
  211. function getTransferScale(stepsPerCell: number) {
  212. return (1 / stepsPerCell);
  213. }
  214. function createValues(directVolume: DirectVolume, transform: TransformData, locationIt: LocationIterator, theme: Theme, props: PD.Values<Params>): DirectVolumeValues {
  215. const { gridTexture, gridTextureDim, gridStats } = directVolume;
  216. const { bboxSize, bboxMin, bboxMax, gridDimension, transform: gridTransform } = directVolume;
  217. const { instanceCount, groupCount } = locationIt;
  218. const positionIt = Utils.createPositionIterator(directVolume, transform);
  219. const color = createColors(locationIt, positionIt, theme.color);
  220. const marker = createMarkers(instanceCount * groupCount);
  221. const overpaint = createEmptyOverpaint();
  222. const transparency = createEmptyTransparency();
  223. const material = createEmptySubstance();
  224. const clipping = createEmptyClipping();
  225. const [x, y, z] = gridDimension.ref.value;
  226. const counts = { drawCount: VolumeBox.indices.length, vertexCount: x * y * z, groupCount, instanceCount };
  227. const invariantBoundingSphere = Sphere3D.clone(directVolume.boundingSphere);
  228. const boundingSphere = calculateTransformBoundingSphere(invariantBoundingSphere, transform.aTransform.ref.value, instanceCount);
  229. const controlPoints = props.renderMode.name === 'volume' ? getControlPointsFromVec2Array(props.renderMode.params.controlPoints) : [];
  230. const transferTex = createTransferFunctionTexture(controlPoints, props.renderMode.name === 'volume' ? props.renderMode.params.list.colors : []);
  231. const isoValue = props.renderMode.name === 'isosurface'
  232. ? props.renderMode.params.isoValue
  233. : Volume.IsoValue.relative(2);
  234. const singleLayer = props.renderMode.name === 'isosurface'
  235. ? props.renderMode.params.singleLayer
  236. : false;
  237. return {
  238. ...color,
  239. ...marker,
  240. ...overpaint,
  241. ...transparency,
  242. ...material,
  243. ...clipping,
  244. ...transform,
  245. ...BaseGeometry.createValues(props, counts),
  246. aPosition: ValueCell.create(VolumeBox.vertices as Float32Array),
  247. elements: ValueCell.create(VolumeBox.indices as Uint32Array),
  248. boundingSphere: ValueCell.create(boundingSphere),
  249. invariantBoundingSphere: ValueCell.create(invariantBoundingSphere),
  250. uInvariantBoundingSphere: ValueCell.create(Vec4.ofSphere(invariantBoundingSphere)),
  251. uIsoValue: ValueCell.create(getNormalizedIsoValue(Vec2(), isoValue, directVolume.gridStats.ref.value)),
  252. uBboxMin: bboxMin,
  253. uBboxMax: bboxMax,
  254. uBboxSize: bboxSize,
  255. uMaxSteps: ValueCell.create(getMaxSteps(gridDimension.ref.value, props.stepsPerCell)),
  256. uStepScale: ValueCell.create(getStepScale(directVolume.cellDim.ref.value, props.stepsPerCell)),
  257. uJumpLength: ValueCell.create(props.jumpLength),
  258. uTransform: gridTransform,
  259. uGridDim: gridDimension,
  260. dRenderMode: ValueCell.create(props.renderMode.name),
  261. tTransferTex: transferTex,
  262. uTransferScale: ValueCell.create(getTransferScale(props.stepsPerCell)),
  263. dGridTexType: ValueCell.create(gridTexture.ref.value.getDepth() > 0 ? '3d' : '2d'),
  264. uGridTexDim: gridTextureDim,
  265. tGridTex: gridTexture,
  266. uGridStats: gridStats,
  267. uCellDim: directVolume.cellDim,
  268. uCartnToUnit: directVolume.cartnToUnit,
  269. uUnitToCartn: directVolume.unitToCartn,
  270. dPackedGroup: directVolume.packedGroup,
  271. dSingleLayer: ValueCell.create(singleLayer),
  272. dDoubleSided: ValueCell.create(props.doubleSided),
  273. dFlatShaded: ValueCell.create(props.flatShaded),
  274. dFlipSided: ValueCell.create(props.flipSided),
  275. dIgnoreLight: ValueCell.create(props.ignoreLight),
  276. dXrayShaded: ValueCell.create(props.xrayShaded),
  277. };
  278. }
  279. function createValuesSimple(directVolume: DirectVolume, props: Partial<PD.Values<Params>>, colorValue: Color, sizeValue: number, transform?: TransformData) {
  280. const s = BaseGeometry.createSimple(colorValue, sizeValue, transform);
  281. const p = { ...PD.getDefaultValues(Params), ...props };
  282. return createValues(directVolume, s.transform, s.locationIterator, s.theme, p);
  283. }
  284. function updateValues(values: DirectVolumeValues, props: PD.Values<Params>) {
  285. BaseGeometry.updateValues(values, props);
  286. ValueCell.updateIfChanged(values.dDoubleSided, props.doubleSided);
  287. ValueCell.updateIfChanged(values.dFlatShaded, props.flatShaded);
  288. ValueCell.updateIfChanged(values.dFlipSided, props.flipSided);
  289. ValueCell.updateIfChanged(values.dIgnoreLight, props.ignoreLight);
  290. ValueCell.updateIfChanged(values.dXrayShaded, props.xrayShaded);
  291. ValueCell.updateIfChanged(values.dRenderMode, props.renderMode.name);
  292. if (props.renderMode.name === 'isosurface') {
  293. ValueCell.updateIfChanged(values.uIsoValue, getNormalizedIsoValue(values.uIsoValue.ref.value, props.renderMode.params.isoValue, values.uGridStats.ref.value));
  294. ValueCell.updateIfChanged(values.dSingleLayer, props.renderMode.params.singleLayer);
  295. } else if (props.renderMode.name === 'volume') {
  296. const controlPoints = getControlPointsFromVec2Array(props.renderMode.params.controlPoints);
  297. createTransferFunctionTexture(controlPoints, props.renderMode.params.list.colors, values.tTransferTex);
  298. }
  299. ValueCell.updateIfChanged(values.uMaxSteps, getMaxSteps(values.uGridDim.ref.value, props.stepsPerCell));
  300. ValueCell.updateIfChanged(values.uStepScale, getStepScale(values.uCellDim.ref.value, props.stepsPerCell));
  301. ValueCell.updateIfChanged(values.uTransferScale, getTransferScale(props.stepsPerCell));
  302. ValueCell.updateIfChanged(values.uJumpLength, props.jumpLength);
  303. }
  304. function updateBoundingSphere(values: DirectVolumeValues, directVolume: DirectVolume) {
  305. const invariantBoundingSphere = Sphere3D.clone(directVolume.boundingSphere);
  306. const boundingSphere = calculateTransformBoundingSphere(invariantBoundingSphere, values.aTransform.ref.value, values.instanceCount.ref.value);
  307. if (!Sphere3D.equals(boundingSphere, values.boundingSphere.ref.value)) {
  308. ValueCell.update(values.boundingSphere, boundingSphere);
  309. }
  310. if (!Sphere3D.equals(invariantBoundingSphere, values.invariantBoundingSphere.ref.value)) {
  311. ValueCell.update(values.invariantBoundingSphere, invariantBoundingSphere);
  312. ValueCell.update(values.uInvariantBoundingSphere, Vec4.fromSphere(values.uInvariantBoundingSphere.ref.value, invariantBoundingSphere));
  313. }
  314. }
  315. function createRenderableState(props: PD.Values<Params>): RenderableState {
  316. const state = BaseGeometry.createRenderableState(props);
  317. state.opaque = false;
  318. state.writeDepth = props.renderMode.name === 'isosurface';
  319. return state;
  320. }
  321. function updateRenderableState(state: RenderableState, props: PD.Values<Params>) {
  322. BaseGeometry.updateRenderableState(state, props);
  323. state.opaque = false;
  324. state.writeDepth = props.renderMode.name === 'isosurface';
  325. }
  326. }
  327. //
  328. function getBoundingSphere(gridDimension: Vec3, gridTransform: Mat4) {
  329. return Sphere3D.fromDimensionsAndTransform(Sphere3D(), gridDimension, gridTransform);
  330. }