正在加载视频...

视频加载失败

返回首页

Virtual Textures in the Browser. This is a WebGL 2.0 implementation I did in 2023. The car model is from Sketchfab by Pavel Matoušek. It's a worst-case for virtual textures because the texture is generated from photogrametry software and has pathologically bad UV layout. The texture is 16,384 x...

SoftEngineer's profile picture

Alex Goldring

1,930 subscribers

19,368 次观看 • 8 个月前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

"Assassin’s Creed: Odyssey" map of Greece on a single 32,768 x 32,768 texture in the Browser. Virtual Texture tech in WebGL 2.0 The source is a 804 Mb PNG. Without Virtual Texture tech you'd need to download that and wait for a few seconds for your browser to decode it before you could use it. Your browser would then crash when it tries to upload it to the GPU :) If we imagine that the upload to the GPU would succeed - it would take 4Gb of VRAM. Virtual Texture loads immediately, because the image is split into small fixed-sized tiles with full LoD chain (mips) and uses 2048x2048, which is just 16 Mb of VRAM. Article:
1:30

"Assassin’s Creed: Odyssey" map of Greece on a single 32,768 x 32,768 texture in the Browser. Virtual Texture tech in WebGL 2.0 The source is a 804 Mb PNG. Without Virtual Texture tech you'd need to download that and wait for a few seconds for your browser to decode it before you could use it. Your browser would then crash when it tries to upload it to the GPU :) If we imagine that the upload to the GPU would succeed - it would take 4Gb of VRAM. Virtual Texture loads immediately, because the image is split into small fixed-sized tiles with full LoD chain (mips) and uses 2048x2048, which is just 16 Mb of VRAM. Article:

Alex Goldring

188,343 次观看 • 7 个月前

I’m trying to re-texture my avatar in #EmoteLab it’s very cute! > Texture Cache > CoffeeBean > Custom Textures - Go back to EmoteLab and click Reload Textures. Method 2: Easier Way to Edit Textures Directly - Go to Settings → Open Character Folder. - Find the version you are using, then open your character folder. - Click Regions. - You will find the textures used by the character there. You can edit these textures directly as well. 💡Tip: I recommend editing the WeightTransfer folder first, then Click Unload Current Model and Load the model again to refresh the textures. Finally, You will get your own EmoteLab texture!!
1:22

I’m trying to re-texture my avatar in #EmoteLab it’s very cute! > Texture Cache > CoffeeBean > Custom Textures - Go back to EmoteLab and click Reload Textures. Method 2: Easier Way to Edit Textures Directly - Go to Settings → Open Character Folder. - Find the version you are using, then open your character folder. - Click Regions. - You will find the textures used by the character there. You can edit these textures directly as well. 💡Tip: I recommend editing the WeightTransfer folder first, then Click Unload Current Model and Load the model again to refresh the textures. Finally, You will get your own EmoteLab texture!!

B U N R I👾 @Live2D

23,155 次观看 • 6 个月前

In the PC Enhanced, PS5 and XSX/XSS versions of GTA 5 water currents have zero effect. While I can't confirm 100%, I believe this is caused by the new graphic pipeline from RDR2 used now. The data for the currents is stored in the *texture* of the water model, which is-
0:34

In the PC Enhanced, PS5 and XSX/XSS versions of GTA 5 water currents have zero effect. While I can't confirm 100%, I believe this is caused by the new graphic pipeline from RDR2 used now. The data for the currents is stored in the *texture* of the water model, which is-

Lucas7yoshi_RS - Lucas7yoshi, but rockstar

162,119 次观看 • 5 个月前

Testing a method to blend objects into the terrain surface. This allows the terrain virtual texture and height to be sampled at pixels' world position and blended in to the object's texture. The terrain normal is computed from the height and also blended with the object normal.
0:50

Testing a method to blend objects into the terrain surface. This allows the terrain virtual texture and height to be sampled at pixels' world position and blended in to the object's texture. The terrain normal is computed from the height and also blended with the object normal.

János Turánszki

14,923 次观看 • 2 年前

This is and example of a 3D map working in the GPU Canvas in Rive. The mesh uses an artboard as a texture with the map and zone interactions. The labels and icons are projected over the map.
0:36

This is and example of a 3D map working in the GPU Canvas in Rive. The mesh uses an artboard as a texture with the map and zone interactions. The labels and icons are projected over the map.

JcToon

10,230 次观看 • 3 个月前

Now that I am home and have access to my files I decided to do a quick test with one of my Vtubing avatars. It works way better with my larger iPad Pro (less crashing/more memory and more screen space) compared to the mini so I did want to bring that up. Importing the file over as GLB was more stable than just OBJ plus it kept the color info from the previous texture. I texture all my avatars on substance painter but have been looking at an alternative when I am out and about that is not on the computer and this actually hits all the right "wants". Adding a quick video of the way the app works for me. I like that it has layers, I can alter my brushes and even add stabilization when I am drawing (which I use that extensively on procreate so that was a huge plus). The stamp tools will come in handy as well but did not show it on this video. The file itself is imported as "one mesh" but each part is treated as their own separate piece which I show in the video. I do the same thing on substance painter making it really easy for me to texture. The app then exports the texture out for each object which is the same way I do so on substance. Overall I am extremely impressed with the work Sparseal has done on this application and see how useful this will be for my current work flow of texturing. I for one love the ability to be "portable" which is a big reason I sculpt so much with Nomad Sculpt on the iPad. Having the freedom to do your work away from a desk and if you feel like doing it outside is probable why I yearn for iPad apps so much like so. Give this app a look, it is free to try on the App Store (It is $19 to be able to export, but a one time buy). It is called "Wafer" for the iPad. I already use CozyBlanket from the same creator to do re topology so I expected this level of fantastic with this current app.
2:44

Now that I am home and have access to my files I decided to do a quick test with one of my Vtubing avatars. It works way better with my larger iPad Pro (less crashing/more memory and more screen space) compared to the mini so I did want to bring that up. Importing the file over as GLB was more stable than just OBJ plus it kept the color info from the previous texture. I texture all my avatars on substance painter but have been looking at an alternative when I am out and about that is not on the computer and this actually hits all the right "wants". Adding a quick video of the way the app works for me. I like that it has layers, I can alter my brushes and even add stabilization when I am drawing (which I use that extensively on procreate so that was a huge plus). The stamp tools will come in handy as well but did not show it on this video. The file itself is imported as "one mesh" but each part is treated as their own separate piece which I show in the video. I do the same thing on substance painter making it really easy for me to texture. The app then exports the texture out for each object which is the same way I do so on substance. Overall I am extremely impressed with the work Sparseal has done on this application and see how useful this will be for my current work flow of texturing. I for one love the ability to be "portable" which is a big reason I sculpt so much with Nomad Sculpt on the iPad. Having the freedom to do your work away from a desk and if you feel like doing it outside is probable why I yearn for iPad apps so much like so. Give this app a look, it is free to try on the App Store (It is $19 to be able to export, but a one time buy). It is called "Wafer" for the iPad. I already use CozyBlanket from the same creator to do re topology so I expected this level of fantastic with this current app.

Val / LatinVixen ➡️ Megaplex

17,469 次观看 • 6 个月前

Unity includes a tool for baking SDF textures: 🧊 I made this experimental shader for fully volumetric glass shaped to any object using a 3D distance texture. Handles layered self-refraction in a single pass (look at the ears, when the model is rotated), + explicit backface rendering via another camera -> texture pass. I don't have clear plans to add this to PRISM, but it's something I wanted to try out as a morning experiment (R&D, rendering/optics, performance -- for later).
0:40

Unity includes a tool for baking SDF textures: 🧊 I made this experimental shader for fully volumetric glass shaped to any object using a 3D distance texture. Handles layered self-refraction in a single pass (look at the ears, when the model is rotated), + explicit backface rendering via another camera -> texture pass. I don't have clear plans to add this to PRISM, but it's something I wanted to try out as a morning experiment (R&D, rendering/optics, performance -- for later).

Mirza Beig

66,404 次观看 • 5 个月前

Working on sparse volumetric light maps for WebGPU. Got generation part sorted. The resolution is adaptive, refining near geometry and skipping through most of the empty space. The video is question uses a map that's only 10MB in size, including everything. That's less the amount of GPU memory that a single leaf takes up on one of threes in the scene, or texture on one of the sign-posts. We get about 1 sample every 30 centimeters in the world space. As a side note: gave my renderer quite the workout, rendering each probe as a separate non-instanced mesh for debugging.
1:11

Working on sparse volumetric light maps for WebGPU. Got generation part sorted. The resolution is adaptive, refining near geometry and skipping through most of the empty space. The video is question uses a map that's only 10MB in size, including everything. That's less the amount of GPU memory that a single leaf takes up on one of threes in the scene, or texture on one of the sign-posts. We get about 1 sample every 30 centimeters in the world space. As a side note: gave my renderer quite the workout, rendering each probe as a separate non-instanced mesh for debugging.

Alex Goldring

18,651 次观看 • 7 个月前

Great question! 🤔 How do you simulate *multiple* layers of glass/refraction in video games? In the last breakdown, I discussed how to create a glass shader in Unity URP. In essence, we were taking the render of the scene from the camera without any transparent objects. This is available in URP as the global _CameraOpaqueTexture. This is good enough for most use-cases, and more or less the classic way of doing it. 🔍 What is _CameraOpaqueTexture? As the name implies, there are no transparent objects rendered into this texture, so it's not possible by default to have something like a transparent-type ocean material/shader rendered through a refractive glass shader (which samples and distorts this texture to render on its surface, as if it's transparent). ⚠️ Why it’s tricky: It's much easier to sort without much further setup if you don't have refraction, and only a transparent material, because in that case you're not simulating the transparency yourself via sampling the rendered scene texture. But for refraction, it's required-- unless you want to go down the ray/path tracing route. You could simulate accurate, real dispersion... and that's about as expensive as it sounds, and it requires a rework of your entire rendering. --> 🚫 It's not a viable suggestion to offer. 📚 There are well-known terms regarding transparency sorting you can search up, but as you've specifically asked for refractive boxes, I'll discuss briefly about that. 🧱 Simulating layers of refraction: For this kind of rendering, you need some way to render the backfaces before rendering the front. And the backfaces that are rendered may contain whatever data you'd like for additional processing in the layer front-facing mesh render. 🧪 Examples: You could render the back face as a glass shader of its own, as an intermediate step after _CameraOpaqueTexture. Then you sample this texture instead and you end up with multi-layered refraction, "just like that". You can also render the back normals only, via a fully opaque shader, and use that to manually account for that during the front render. You could even bake in data needed for thickness in realtime. 🛠️ Without making it complicated for yourself, the most straightforward method is via render textures, and you can easily set some fractional resolution. Cameras in Unity have an open slot for target textures to render to. You can use custom render textures to process _SelfTexture2D. ⏱️ It's great to do low-resolution processing for more complex tasks, like blurring and caustics. You can get massive performance boosts, considering the square law and number of pixels/fragments that need calculations (quadratic scaling). 🚧 I've not fully exploited the possibilities myself, but research/development with PRISM is ongoing!
0:56

Great question! 🤔 How do you simulate *multiple* layers of glass/refraction in video games? In the last breakdown, I discussed how to create a glass shader in Unity URP. In essence, we were taking the render of the scene from the camera without any transparent objects. This is available in URP as the global _CameraOpaqueTexture. This is good enough for most use-cases, and more or less the classic way of doing it. 🔍 What is _CameraOpaqueTexture? As the name implies, there are no transparent objects rendered into this texture, so it's not possible by default to have something like a transparent-type ocean material/shader rendered through a refractive glass shader (which samples and distorts this texture to render on its surface, as if it's transparent). ⚠️ Why it’s tricky: It's much easier to sort without much further setup if you don't have refraction, and only a transparent material, because in that case you're not simulating the transparency yourself via sampling the rendered scene texture. But for refraction, it's required-- unless you want to go down the ray/path tracing route. You could simulate accurate, real dispersion... and that's about as expensive as it sounds, and it requires a rework of your entire rendering. --> 🚫 It's not a viable suggestion to offer. 📚 There are well-known terms regarding transparency sorting you can search up, but as you've specifically asked for refractive boxes, I'll discuss briefly about that. 🧱 Simulating layers of refraction: For this kind of rendering, you need some way to render the backfaces before rendering the front. And the backfaces that are rendered may contain whatever data you'd like for additional processing in the layer front-facing mesh render. 🧪 Examples: You could render the back face as a glass shader of its own, as an intermediate step after _CameraOpaqueTexture. Then you sample this texture instead and you end up with multi-layered refraction, "just like that". You can also render the back normals only, via a fully opaque shader, and use that to manually account for that during the front render. You could even bake in data needed for thickness in realtime. 🛠️ Without making it complicated for yourself, the most straightforward method is via render textures, and you can easily set some fractional resolution. Cameras in Unity have an open slot for target textures to render to. You can use custom render textures to process _SelfTexture2D. ⏱️ It's great to do low-resolution processing for more complex tasks, like blurring and caustics. You can get massive performance boosts, considering the square law and number of pixels/fragments that need calculations (quadratic scaling). 🚧 I've not fully exploited the possibilities myself, but research/development with PRISM is ongoing!

Mirza Beig

61,581 次观看 • 1 年前

Is it just me or does look the FINAL FANTASY VII rebirth demo really bad. Texture Quality is very bad , pop ins all the time and a lot of shimmering on very fine details. Apparently this game was built for the PS5 and it's not just a "remake". Is this correct?
0:23

Is it just me or does look the FINAL FANTASY VII rebirth demo really bad. Texture Quality is very bad , pop ins all the time and a lot of shimmering on very fine details. Apparently this game was built for the PS5 and it's not just a "remake". Is this correct?

GamingTech

183,759 次观看 • 2 年前

Here's a progress update on my recreation of the Simpsons landscape material! I created a post process material that outlines edges of surfaces, I drew a cliff texture for slopes as well as a bush texture and its masks so I have full control over its outline and shadowing, and I improved the variation of colors and patterns on the ground. I'm so proud on how this is turning out so far! #UEFN #Fortnite
0:33

Here's a progress update on my recreation of the Simpsons landscape material! I created a post process material that outlines edges of surfaces, I drew a cliff texture for slopes as well as a bush texture and its masks so I have full control over its outline and shadowing, and I improved the variation of colors and patterns on the ground. I'm so proud on how this is turning out so far! #UEFN #Fortnite

PixelatedDreams 🍔

14,162 次观看 • 10 个月前

id tech 3 shaders make water like this possible in a quake engine. the water shown here is simply additive blended textures that have either frame animation (surface, caustics) or multiple scrolling planes (waterfalls) which are lit (lightmap or vertex) and have soft, alpha blended edges. the caustics are just decals, and the water color is faked by tinting the world texture beneath the surface. the water assets account for around 4% of the game's current 70mb download size.
0:00

id tech 3 shaders make water like this possible in a quake engine. the water shown here is simply additive blended textures that have either frame animation (surface, caustics) or multiple scrolling planes (waterfalls) which are lit (lightmap or vertex) and have soft, alpha blended edges. the caustics are just decals, and the water color is faked by tinting the world texture beneath the surface. the water assets account for around 4% of the game's current 70mb download size.

KillPixel Games

24,271 次观看 • 3 个月前

The sky texture in Blender 5 changed how I work with environments. Multiple scattering alone is worth the update — realistic light, accurate shadows, full mood control. No HDRIs needed for environment work. But a clean sky is boring. So I layer on top: procedural clouds or real stock photos, gradient mask to fade the horizon, volume for atmosphere. Sky texture handles the light. Everything else is just background. Full breakdown on YouTube:
0:20

The sky texture in Blender 5 changed how I work with environments. Multiple scattering alone is worth the update — realistic light, accurate shadows, full mood control. No HDRIs needed for environment work. But a clean sky is boring. So I layer on top: procedural clouds or real stock photos, gradient mask to fade the horizon, volume for atmosphere. Sky texture handles the light. Everything else is just background. Full breakdown on YouTube:

SLAVO | c g s l a v

17,805 次观看 • 5 个月前

Hi! I haven't posted anything in a while. This is a character I made for a game I'm working on. I combined my style with the PSX texture style. It was fun! #3dart #blender #3D #lowpoly #animation
0:31

Hi! I haven't posted anything in a while. This is a character I made for a game I'm working on. I combined my style with the PSX texture style. It was fun! #3dart #blender #3D #lowpoly #animation

DrawnArtBen

26,244 次观看 • 1 年前

Working on Sparse Volumetric Light-maps. Thanks to CynicatPro🎃 for pointing me at Unreal's version. In a nutshell it's just another sparse voxel data structure. My implementation is, no doubt, different from Epic Games Store's own. I'm using 4x4x4 probe grid with intermediate nodes having very wide branching factor of 64 as well (4x4x4). I liked the parameters that Unreal is using, of limiting both total memory as well as the lowest level of detail, which is common in sparse grid implementations. Here's Bistro scene with just 1Mb limit. This is roughly equivalent to a 512x512 lightmap texture in 2d, except surface light maps require unique UVs and you typically get very little detail out of 512 resolution texture with a lot of light leaking. There is also no directional response. My implementation encodes second-order spherical harmonics for each probe (9 coefficients), encoding RGB channels as RGBE9995 (4 bytes). So far only worked on the structure, actual bake is yet to come. I've been eyeing sparse voxel structures for a while now, and have been studying them roughly since the GigaVoxel paper by Cyril Crassin but never really implemented anything for the GPU before. I was always the BVH-kind of guy. It's a fascinating topic. --- Stats for the scene: --- Total memory usage: 1.000 MB Node count: 609 Unique probe count: 24,025 Probe reuse: 38.36 % Unexpanded nodes: 15,714 --- Again, note that there is no GI going on here, only the structure of the probe tree and the algorithm for building it from a given scene.
0:46

Working on Sparse Volumetric Light-maps. Thanks to CynicatPro🎃 for pointing me at Unreal's version. In a nutshell it's just another sparse voxel data structure. My implementation is, no doubt, different from Epic Games Store's own. I'm using 4x4x4 probe grid with intermediate nodes having very wide branching factor of 64 as well (4x4x4). I liked the parameters that Unreal is using, of limiting both total memory as well as the lowest level of detail, which is common in sparse grid implementations. Here's Bistro scene with just 1Mb limit. This is roughly equivalent to a 512x512 lightmap texture in 2d, except surface light maps require unique UVs and you typically get very little detail out of 512 resolution texture with a lot of light leaking. There is also no directional response. My implementation encodes second-order spherical harmonics for each probe (9 coefficients), encoding RGB channels as RGBE9995 (4 bytes). So far only worked on the structure, actual bake is yet to come. I've been eyeing sparse voxel structures for a while now, and have been studying them roughly since the GigaVoxel paper by Cyril Crassin but never really implemented anything for the GPU before. I was always the BVH-kind of guy. It's a fascinating topic. --- Stats for the scene: --- Total memory usage: 1.000 MB Node count: 609 Unique probe count: 24,025 Probe reuse: 38.36 % Unexpanded nodes: 15,714 --- Again, note that there is no GI going on here, only the structure of the probe tree and the algorithm for building it from a given scene.

Alex Goldring

11,519 次观看 • 7 个月前

🚨"On the side of the neck, there's hair growing. We did extensive analysis of this photograph." "You can see the moisture in the eye and the incredibly small detail in the texture of the skin and whatever this is and in the eye." "Look at the lip."- Bill Cooper speaks on the The AMOCO Alien, a picture from 1988.. H/T: Eyes On Cinema II 🛸
1:59

🚨"On the side of the neck, there's hair growing. We did extensive analysis of this photograph." "You can see the moisture in the eye and the incredibly small detail in the texture of the skin and whatever this is and in the eye." "Look at the lip."- Bill Cooper speaks on the The AMOCO Alien, a picture from 1988.. H/T: Eyes On Cinema II 🛸

UAPWixy

251,936 次观看 • 3 个月前