Loading video...

Video Failed to Load

Go Home

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 views • 5 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Virtual textures in the browser. The whole of World of Warcraft map on a single texture. WebGL 2.0 implementation of virtual textures in meep writeup:
1:29

Virtual textures in the browser. The whole of World of Warcraft map on a single texture. WebGL 2.0 implementation of virtual textures in meep writeup:

Alex Goldring

146,489 views • 4 months ago

"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 views • 4 months ago

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

20,943 views • 3 months ago

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

160,182 views • 2 months ago

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 views • 2 years ago

#VRChat guide on how to reduce download size and texture memory by optimizing textures. Super easy to do by literally anyone, with minimal effort. The jist is, REDUCE TEXTURE SIZES! most of your textures are probably wayyyy larger than is needed. Part 1/2
2:02

#VRChat guide on how to reduce download size and texture memory by optimizing textures. Super easy to do by literally anyone, with minimal effort. The jist is, REDUCE TEXTURE SIZES! most of your textures are probably wayyyy larger than is needed. Part 1/2

Liindy

38,384 views • 2 years ago

Matching Meshes from Multiple Sources #b3d #blender 1: I'll upload shader texture sourcing and automatic node updating (seen in the video) tomorrow 2: I like alliteration almost as much as moss textures
0:21

Matching Meshes from Multiple Sources #b3d #blender 1: I'll upload shader texture sourcing and automatic node updating (seen in the video) tomorrow 2: I like alliteration almost as much as moss textures

Blue Nile 3D

15,182 views • 7 months ago

Here's another little showcase of the pitches. The problematic thing is that the pitches for the lower settings use a very different texture style, which is a bit of a thorn in my side. Aside from that, the lighting is way overtuned. I'll post a screenshot in the next post.
1:00

Here's another little showcase of the pitches. The problematic thing is that the pitches for the lower settings use a very different texture style, which is a bit of a thorn in my side. Aside from that, the lighting is way overtuned. I'll post a screenshot in the next post.

BassyBoy

30,030 views • 7 months ago

Finally implemented texture blending on the terrain. The tile textures still need some work but it looks much better up close and gives me a lot more options than the giant single texture I was using for so long
0:20

Finally implemented texture blending on the terrain. The tile textures still need some work but it looks much better up close and gives me a lot more options than the giant single texture I was using for so long

Kirk

50,571 views • 1 year ago

You could actually 3d model and texture this yourself in a fraction of the time
0:32

You could actually 3d model and texture this yourself in a fraction of the time

Michael

89,555 views • 2 months ago

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

65,799 views • 2 months ago

Keep showing the process. So, the add-on is Ucupaint. Free add-on which makes texture painting in Blender much more interesting and maybe easier. #blender
0:23

Keep showing the process. So, the add-on is Ucupaint. Free add-on which makes texture painting in Blender much more interesting and maybe easier. #blender

SLAVO | c g s l a v

95,613 views • 9 months ago

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 views • 4 months ago

#UEFN Material tips 🗣️🔥 Use Bump Offset to create fake depth for textures. In this example, I used it to add a darker secondary fence texture that feels behind the main one, like in the 3D world, while remaining a 2D texture applied to the mesh.
0:27

#UEFN Material tips 🗣️🔥 Use Bump Offset to create fake depth for textures. In this example, I used it to add a darker secondary fence texture that feels behind the main one, like in the 3D world, while remaining a 2D texture applied to the mesh.

Giova

16,966 views • 1 year ago

Jesus Christ, jnmartin has officially implemented his first big improvement over the N64 original for the Sega Dreamcast port of Mario Kart 64! Now the jumpotron monitor screens in Wario Stadium and and Luigi Raceway are updating at a full 30FPS, or 6x the framerate of the N64! ...and he's doing this entirely in software with the DC's SH4 CPU performing slow, direct VRAM reads from the framebuffer into a temporary buffer in system RAM which is later passed to OpenGL which transfers it back into VRAM to update the jumpotron texture with... and the freaking Dreamcast doesn't drop a frame doing all this shit! Might want to keep that in mind, as a community... That accessing texture memory or the framebuffer directly from the SH4 via the "uint16_t vram_s[]" symbol that the video API within KallistiOS exposes, while comparatively slow, is not actually so slow as to be unrealistic for a well-optimized game to do anything useful with... very interesting!
0:26

Jesus Christ, jnmartin has officially implemented his first big improvement over the N64 original for the Sega Dreamcast port of Mario Kart 64! Now the jumpotron monitor screens in Wario Stadium and and Luigi Raceway are updating at a full 30FPS, or 6x the framerate of the N64! ...and he's doing this entirely in software with the DC's SH4 CPU performing slow, direct VRAM reads from the framebuffer into a temporary buffer in system RAM which is later passed to OpenGL which transfers it back into VRAM to update the jumpotron texture with... and the freaking Dreamcast doesn't drop a frame doing all this shit! Might want to keep that in mind, as a community... That accessing texture memory or the framebuffer directly from the SH4 via the "uint16_t vram_s[]" symbol that the video API within KallistiOS exposes, while comparatively slow, is not actually so slow as to be unrealistic for a well-optimized game to do anything useful with... very interesting!

Falco Girgis

24,032 views • 1 year ago

Sologenic + Texture = SoloTex 🚀 Sologenic and Texture are launching SoloTex, the future of tokenized equities in the US! Thanks to CoreNest Capital for enabling this through their investment in Texture Capital, a US-based broker-dealer. Join the waitlist:
1:05

Sologenic + Texture = SoloTex 🚀 Sologenic and Texture are launching SoloTex, the future of tokenized equities in the US! Thanks to CoreNest Capital for enabling this through their investment in Texture Capital, a US-based broker-dealer. Join the waitlist:

tx Marketplace

562,533 views • 1 year ago

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

51,429 views • 10 months ago

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 views • 2 years ago

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 views • 7 months ago