three.js

Alpha blending in three.js

丶灬走出姿态 提交于 2020-06-16 17:28:52
问题 I am trying to volume render the raw data using three.js. The raw data can be of any type. For rendering the data I have written code: dims is an array of size of data in three axes: One of the data dims is [256, 256 128] and data is uint8Array(8388608). var texture = new THREE.DataTexture3D(data, dims[0], dims[1], dims[2]); var texture = new THREE.DataTexture3D(data, dims[0], dims[1], dims[2]); texture.format = eval(format[1]); texture.type = eval(format[0]); texture.minFilter = texture

Alpha blending in three.js

故事扮演 提交于 2020-06-16 17:27:33
问题 I am trying to volume render the raw data using three.js. The raw data can be of any type. For rendering the data I have written code: dims is an array of size of data in three axes: One of the data dims is [256, 256 128] and data is uint8Array(8388608). var texture = new THREE.DataTexture3D(data, dims[0], dims[1], dims[2]); var texture = new THREE.DataTexture3D(data, dims[0], dims[1], dims[2]); texture.format = eval(format[1]); texture.type = eval(format[0]); texture.minFilter = texture

Alpha blending in three.js

喜你入骨 提交于 2020-06-16 17:27:14
问题 I am trying to volume render the raw data using three.js. The raw data can be of any type. For rendering the data I have written code: dims is an array of size of data in three axes: One of the data dims is [256, 256 128] and data is uint8Array(8388608). var texture = new THREE.DataTexture3D(data, dims[0], dims[1], dims[2]); var texture = new THREE.DataTexture3D(data, dims[0], dims[1], dims[2]); texture.format = eval(format[1]); texture.type = eval(format[0]); texture.minFilter = texture

Alpha blending in three.js

你。 提交于 2020-06-16 17:26:59
问题 I am trying to volume render the raw data using three.js. The raw data can be of any type. For rendering the data I have written code: dims is an array of size of data in three axes: One of the data dims is [256, 256 128] and data is uint8Array(8388608). var texture = new THREE.DataTexture3D(data, dims[0], dims[1], dims[2]); var texture = new THREE.DataTexture3D(data, dims[0], dims[1], dims[2]); texture.format = eval(format[1]); texture.type = eval(format[0]); texture.minFilter = texture

Three.js canvas.toDataURL sometimes blank

淺唱寂寞╮ 提交于 2020-06-12 06:49:27
问题 I'm trying to render a THREE.js scene + some overlaid HTML elements using html2canvas.js. It works most times , but not all the time. In the failure cases, the HTML elements are rendered (the background, overlays, etc.) but nothing else. The THREE.js scene acts as if it's completely empty, even though it visibly has data in it. I can say that it usually fails for larger models, but only early into the rendering. It does eventually work in all cases, but the larger models take about 30 seconds

Wrong clipping in glTF-model - AFrame

邮差的信 提交于 2020-06-01 07:41:05
问题 Video preview : https://i.imgur.com/VMhJV8v.mp4 I'm having clipping issues for quite some time now, not sure what causes this but so far the only solution is to move the object closer towards the camera and scale it down ( video preview link above ) I tried messing around with the camera clipping settings ( changed far / near values ). Played around with the 3d object transparency and container marker visibility (1) - no dice , tried to change renderOrder (2) , frustumCulled (3) values

How to let the two 3d models coincide in a same point by using Three.js?

可紊 提交于 2020-06-01 05:07:25
问题 I can draw the tree1 (data is in picture one)(the red one in picture two) and draw the block branch(the block one in picture two) , but now it did not match in the blue point E(-104,334,74)(like picture two) Please tell me how to let tree1 and block branch coincide in point E first input point //input point //It is a,b,b,c,b,d...... //start point,end point,start point,end point.... const line_point =[0, 0, 0, 2, 151, 2, 2, 151, 2, -62, 283, 63, 2, 151, 2, 62, 297, -58, -62, 283, 63, -104, 334

How to let the two 3d models coincide in a same point by using Three.js?

泪湿孤枕 提交于 2020-06-01 05:07:04
问题 I can draw the tree1 (data is in picture one)(the red one in picture two) and draw the block branch(the block one in picture two) , but now it did not match in the blue point E(-104,334,74)(like picture two) Please tell me how to let tree1 and block branch coincide in point E first input point //input point //It is a,b,b,c,b,d...... //start point,end point,start point,end point.... const line_point =[0, 0, 0, 2, 151, 2, 2, 151, 2, -62, 283, 63, 2, 151, 2, 62, 297, -58, -62, 283, 63, -104, 334

How to let the two 3d models coincide in a same point by using Three.js?

流过昼夜 提交于 2020-06-01 05:07:03
问题 I can draw the tree1 (data is in picture one)(the red one in picture two) and draw the block branch(the block one in picture two) , but now it did not match in the blue point E(-104,334,74)(like picture two) Please tell me how to let tree1 and block branch coincide in point E first input point //input point //It is a,b,b,c,b,d...... //start point,end point,start point,end point.... const line_point =[0, 0, 0, 2, 151, 2, 2, 151, 2, -62, 283, 63, 2, 151, 2, 62, 297, -58, -62, 283, 63, -104, 334

Galaxies simulation: Change color of a point and display text on mouseover

半腔热情 提交于 2020-05-30 06:31:09
问题 I am trying to create a simulation of positions of 4673 of the nearest galaxies. The galaxies are points. I want to color a point on mouseover and load the name of the galaxy. I have spent many days trying to achieve it. I am able to change color, as well as do basic raycasting, however, I am unable to separately raycast/color individual point. All the points are raycasted and colored as a group as seen in the current version. What should I do to correct this? Thank you so much for your time