Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Sample using 3D textures #363

Closed
kainino0x opened this issue Mar 5, 2024 · 7 comments · Fixed by #407
Closed

Sample using 3D textures #363

kainino0x opened this issue Mar 5, 2024 · 7 comments · Fixed by #407
Assignees
@mehmetoguzderin
Labels
sample request Request for a new sample

Comments

@kainino0x
Copy link
Collaborator

Splitting this request from #127

One idea is some kind of volume renderer, either cloud/smoke type thing or a solid volume (like fluid or metaballs).
@kainino0x kainino0x added the sample request Request for a new sample label Mar 5, 2024
@kainino0x kainino0x mentioned this issue Mar 5, 2024
Open
@kainino0x
Copy link
Collaborator Author

kainino0x commented Mar 5, 2024 •
edited
Loading

This goes solidly in the "Graphics Techniques" section - just translations of graphics techniques into WebGPU - so wouldn't be a very high priority in terms of purely-WebGPU-API educational value.

@kainino0x kainino0x mentioned this issue Mar 5, 2024
Closed
@mehmetoguzderin
Copy link
Contributor

I was thinking of contributing this, demonstrating 3D textures for volume and a few other volume render methods in one tiny sample for Graphics Techniques. Is there a way we assign people in this repo?

@kainino0x
Copy link
Collaborator Author

Nothing in particular, but I can assign it to you. (It seems you are already on the project, but I'm not an admin so I can't check.)

@mehmetoguzderin
Copy link
Contributor

@kainino0x Thank you! I will follow up with a PR once I wrap it up.

@mehmetoguzderin
Copy link
Contributor

I have a small question. What is the safe maximum size this repo can afford for two volume datasets (total size for two)? I see that video goes up to 856KB but I was wondering if it would be possible to extend a bit beyond that per dataset, totaling maybe 3-4MB with 1.5-2MB per dataset.

@greggman
Copy link
Collaborator

Don't know if it's relevant or not but here's some sizes from three.js's examples

  42831859 three.js/examples/models/ifc/rac_advanced_sample_project.ifc
  24098840 three.js/examples/models/gltf/Xbot.blend
  12173128 three.js/examples/models/gltf/kira.glb
  11249908 three.js/examples/models/gltf/BoomBox.glb
   8067084 three.js/examples/models/fbx/stanford-bunny.fbx
   7120975 three.js/examples/models/nrrd/I.nrrd
   6005059 three.js/examples/textures/equirectangular/san_giuseppe_bridge_2k.hdr
   5874479 three.js/examples/sounds/376737_Skullbeatz___Bad_Cat_Maste.mp3
   5800408 three.js/examples/models/gltf/PrimaryIonDrive.glb
   5617729 three.js/examples/models/3dm/Rhino_Logo.3dm
   5291216 three.js/examples/models/gltf/IridescenceLamp.glb
   5157221 three.js/examples/models/collada/abb_irb52_7_120.dae
   4808214 three.js/examples/textures/MaryOculus.webm
   4780672 three.js/examples/models/gltf/coffeemat.glb
   4655677 three.js/examples/sounds/376737_Skullbeatz___Bad_Cat_Maste.ogg
   4428595 three.js/examples/textures/planets/earth_clouds_2048.png
   4396728 three.js/examples/models/gltf/SheenChair.glb
   4133072 three.js/examples/models/gltf/LittlestTokyo.glb
   4127257 three.js/examples/textures/3d/head256x256x109.zip
   4098067 three.js/examples/textures/kinect.mp4
   4095320 three.js/examples/models/gltf/IridescentDishWithOlives.glb
   4024440 three.js/examples/textures/kinect.webm
   3842733 three.js/examples/models/usdz/saeukkang.usdz
   3681360 three.js/examples/models/fbx/Samba Dancing.fbx
   3409847 three.js/examples/textures/sintel.ogv
   3332038 three.js/examples/textures/sintel.mp4
   3276888 three.js/examples/models/gltf/Michelle.glb
   3093233 three.js/examples/models/3mf/multipletextures.3mf
   3031402 three.js/examples/models/lwo/Objects/LWO3/Demo.lwo
   2930032 three.js/examples/models/gltf/Xbot.glb
   2881538 three.js/examples/models/mmd/audios/wavefile_short.mp3
   2833920 three.js/examples/textures/terrain/grasslight-big-nm.jpg
   2803968 three.js/examples/jsm/libs/rhino3dm/rhino3dm.wasm
   2735381 three.js/examples/models/obj/ninja/normal.png
   2649329 three.js/examples/models/3mf/truck.3mf
   2637083 three.js/examples/models/obj/cerberus/Cerberus.obj
   2595150 three.js/examples/textures/terrain/grasslight-big.jpg
   2578907 three.js/examples/models/collada/pump/pump.dae
   2510807 three.js/examples/models/vtk/bunny.vtk
   2196292 three.js/examples/sounds/358232_j_s_song.mp3
   2189585 three.js/examples/models/collada/stormtrooper/stormtrooper.dae
   2160468 three.js/examples/models/gltf/Soldier.glb
   2156388 three.js/examples/models/gltf/LightsPunctualLamp.glb
   2106457 three.js/examples/textures/uncompressed.exr
   1942817 three.js/examples/models/collada/elf/elf.dae
   1940664 three.js/examples/models/gcode/benchy.gcode
   1900227 three.js/examples/models/ply/binary/Lucy100k.ply
   1836802 three.js/examples/textures/piz_compressed.exr
   1826954 three.js/examples/sounds/358232_j_s_song.ogg
   1784172 three.js/examples/textures/cube/sun_temple_stripe.jpg
   1681572 three.js/examples/models/gltf/ferrari.glb
   1672754 three.js/examples/textures/equirectangular/moonless_golf_1k.hdr
   1667276 three.js/examples/textures/equirectangular/royal_esplanade_1k.hdr
   1601247 three.js/examples/models/mmd/vmds/wavefile_v2.vmd
   1543215 three.js/examples/models/obj/cerberus/Cerberus_R.jpg
   1539084 three.js/examples/textures/equirectangular/blouberg_sunrise_2_1k.hdr
   1513980 three.js/examples/textures/equirectangular/pedestrian_overpass_1k.hdr
   1509336 three.js/examples/models/gltf/AVIFTest/DamagedHelmetAVIF.glb
   1477951 three.js/examples/textures/equirectangular/quarry_01_1k.hdr
   1463110 three.js/examples/models/ldraw/officialLibrary/models/10174-1-ImperialAT-ST-UCS.mpd_Packed.mpd
   1439136 three.js/examples/models/gltf/ShaderBall.glb
   1423317 three.js/examples/models/ldraw/officialLibrary/models/7140-1-X-wingFighter.mpd_Packed.mpd
   1397783 three.js/examples/textures/equirectangular/venice_sunset_1k.hdr
   1392240 three.js/examples/textures/compressed/sample_uastc.ktx2
   1382032 three.js/examples/fonts/tabler-icons/fonts/tabler-icons.eot
   1381848 three.js/examples/fonts/tabler-icons/fonts/tabler-icons.ttf
   1343485 three.js/examples/textures/memorial.hdr
   1300661 three.js/examples/models/gltf/DamagedHelmet/glTF/Default_metalRoughness.jpg
   1263822 three.js/examples/textures/kandao3.jpg
   1238396 three.js/examples/models/vtk/liver.vtk
   1233240 three.js/examples/models/gltf/Nefertiti/Nefertiti.glb
   1229778 three.js/examples/textures/memorial.tif
   1159562 three.js/examples/textures/pbr/Scratched_gold/Scratched_gold_01_1K_Normal.png
   1139369 three.js/examples/models/obj/cerberus/Cerberus_N.jpg
   1137676 three.js/examples/models/prwm/smooth-suzanne.le.prwm
   1137676 three.js/examples/models/prwm/smooth-suzanne.be.prwm
   1137299 three.js/examples/textures/memorial.exr
   1136263 three.js/examples/jsm/libs/OimoPhysics/OimoPhysics.js
   1112919 three.js/examples/models/json/WaltHeadLo_buffergeometry.json
   1090649 three.js/examples/textures/brick_diffuse.jpg
   1089820 three.js/examples/models/prwm/faceted-nefertiti.le.prwm
   1089820 three.js/examples/models/prwm/faceted-nefertiti.be.prwm
   1076400 three.js/examples/models/json/pressure.json
   1071914 three.js/examples/models/obj/walt/WaltHead.obj
   1068918 three.js/examples/textures/matcaps/040full.exr
   1052401 three.js/examples/textures/carbon/Carbon_Normal.png
   1052035 three.js/examples/textures/carbon/Carbon.png
    981491 three.js/examples/textures/memorial.png
    962456 three.js/examples/textures/pano.mp4
    955024 three.js/examples/models/gltf/AnimatedMorphSphere/screenshot/screenshot.gif
    954360 three.js/examples/jsm/libs/draco/gltf/draco_encoder.js
    935629 three.js/examples/models/gltf/DamagedHelmet/glTF/Default_albedo.jpg
    929159 three.js/examples/models/obj/cerberus/Cerberus_RM.jpg
    928718 three.js/examples/jsm/libs/draco/draco_encoder.js
    920202 three.js/examples/textures/tiff/crate_jpeg.tif
    ...

@mehmetoguzderin
Copy link
Contributor

I think that's a great reference to contextualize, thank you @greggman

@mehmetoguzderin mehmetoguzderin mentioned this issue Mar 26, 2024
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@mehmetoguzderin mehmetoguzderin

Labels
sample request Request for a new sample
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Add a volume rendering sample with 3D textures mehmetoguzderin/webgpu-samples
3 participants
@greggman @kainino0x @mehmetoguzderin