如何在wgpu中以较低分辨率进行渲染？

直接修改Surface的尺寸是没用的——Surface的分辨率和窗口/显示输出绑定，由系统或窗口环境决定。要实现指定分辨率渲染，核心思路是先渲染到自定义尺寸的离屏纹理，再将该纹理输出到Surface，具体步骤如下：

• 创建自定义分辨率的渲染目标纹理
  手动创建符合目标分辨率的Texture，确保它同时支持渲染附件和纹理绑定的用法：

  let custom_width = 1920;
  let custom_height = 1080;
  
  let render_target_texture = device.create_texture(&wgpu::TextureDescriptor {
      label: Some("Custom Resolution Render Target"),
      size: wgpu::Extent3d {
          width: custom_width,
          height: custom_height,
          depth_or_array_layers: 1,
      },
      mip_level_count: 1,
      sample_count: 1,
      dimension: wgpu::TextureDimension::D2,
      format: wgpu::TextureFormat::Bgra8UnormSrgb, // 匹配Surface的常用格式
      usage: wgpu::TextureUsages::RENDER_ATTACHMENT | wgpu::TextureUsages::TEXTURE_BINDING,
      view_formats: &[],
  });
  let render_target_view = render_target_texture.create_view(&wgpu::TextureViewDescriptor::default());
  

• 渲染到自定义纹理
  在渲染循环中，先将命令编码器的渲染目标设为这个自定义纹理视图，执行场景渲染逻辑：

  let mut encoder = device.create_command_encoder(&wgpu::CommandEncoderDescriptor {
      label: Some("Render Encoder"),
  });
  
  {
      let mut render_pass = encoder.begin_render_pass(&wgpu::RenderPassDescriptor {
          label: Some("Custom Resolution Render Pass"),
          color_attachments: &[Some(wgpu::RenderPassColorAttachment {
              view: &render_target_view,
              resolve_target: None,
              ops: wgpu::Operations {
                  load: wgpu::LoadOp::Clear(wgpu::Color::BLACK),
                  store: wgpu::StoreOp::Store,
              },
          })],
          depth_stencil_attachment: None,
      });
      // 在这里执行场景渲染（设置管线、绘制模型等）
      render_pass.set_pipeline(&your_scene_pipeline);
      // ... 其他渲染命令
  }
  

• 将自定义纹理渲染到Surface
  创建简单的全屏渲染管线，把自定义纹理作为采样器绑定，绘制覆盖整个Surface的矩形完成输出：

  let swap_chain_output = surface.get_current_texture().unwrap();
  let swap_chain_view = swap_chain_output.texture.create_view(&wgpu::TextureViewDescriptor::default());
  
  {
      let mut render_pass = encoder.begin_render_pass(&wgpu::RenderPassDescriptor {
          label: Some("Final Blit Render Pass"),
          color_attachments: &[Some(wgpu::RenderPassColorAttachment {
              view: &swap_chain_view,
              resolve_target: None,
              ops: wgpu::Operations {
                  load: wgpu::LoadOp::Clear(wgpu::Color::BLACK),
                  store: wgpu::StoreOp::Store,
              },
          })],
          depth_stencil_attachment: None,
      });
      render_pass.set_pipeline(&fullscreen_blit_pipeline);
      render_pass.set_bind_group(0, &texture_bind_group, &[]);
      render_pass.draw(0..6, 0..1); // 绘制全屏三角带矩形
  }
  
  queue.submit(std::iter::once(encoder.finish()));
  swap_chain_output.present();
  

如果需要窗口大小变化时保持固定渲染分辨率，只需固定custom_width和custom_height的值，全屏绘制时wgpu会自动处理纹理到Surface的缩放。

内容的提问来源于stack exchange，提问作者Jove