Alpha blending isnot working in the raw data rendering in three.js

Pravin_Poudel · July 25, 2020, 10:10am

My objective is to perform a volumetric rendering of raw data. I didn’t find any example and work on threejs so I went with this.

I have posted my question on StackOverflow where I have posted with images to demonstrate what I have achieved and what I am not able to achieve.

I tried my best for many days but I am not able to do this and I think there is something I am missing. My last hope is this community. Hope I can move ahead from here.

In this repo, I have posted the player file. In this there is a function which is cancelled when a request to get data from server responds with success response, it calls crossdatacheck(data, dtype, dims) with data as raw data, the data type of that data i.e uint16 and dims as dimension of that data.

github.com

pravinpoudel/test-dump-repo/blob/840efece4c40c4b9de9a29dbad8687a90404021e/vis-player.js

import * as THREE from "./threejs/build/three.module.js";
import { GUI } from "./threejs/examples/jsm/libs/dat.gui.module.js";
import { OrbitControls } from "./threejs/examples/jsm/controls/OrbitControls.js";
import { NRRDLoader } from "./threejs/examples/jsm/loaders/NRRDLoader.js";
import { VolumeRenderShader1 } from "./threejs/examples/jsm/shaders/VolumeShader.js";
import { WEBGL } from "./threejs/examples/jsm/WebGL.js";

var renderer, scene, camera, controls, material, volconfig, cmtextures;

function findFormat(dtype) {
  console.log(dtype);
  let regex = /(u*)(int|float)(\d+)/gi;
  let format = regex.exec(dtype);
  console.log(format);
  if (format[3] == 8) {
    dtype = ["THREE.UnsignedByteType", "THREE.RedFormat"];
  }
  if (format[3] == 16) {
    dtype = ["THREE.UnsignedShort4444Type", "THREE.RGBAFormat"];
  }

This file has been truncated. show original

Topic		Replies	Views
Alpha blending in three.js Questions textures , materials , loaders , shaders	4	931	June 7, 2020
Cant't read Data3DTexture inside shader Questions textures , shaders	3	1158	September 11, 2022
Who can tell me how to render Data3DTexture RGB in three.js Questions textures , materials	12	392	April 11, 2024
THREE.DataTexture is not sampled (or rendered) through ShaderMaterial Questions shaders	4	73	October 6, 2024
Stuck with blender textures not being rendered in Three JS Jobs textures , materials , gltf-loader	7	1842	July 1, 2022

Alpha blending isnot working in the raw data rendering in three.js

Related topics