Chrome中RenderDoc Debug WebGL方法

  最近GAMES202作业使用了WebGL,所以寻找RenderDoc Debug 的方法。
  参考了RenderDocでWebGLをシェーダーデバッグ(変数も見れちゃう)だと?,方法很简单。

注意:要把Chrome关掉,并且保证后台一个僵尸进程都没有,最方便的办法是任务栏找到Chrome右键退出。

  启动Chrome有两种方法,其一用批处理脚本:
  下面的命令保存为.bat文件,Chrome路径为你的Chrome安装路径。

set RENDERDOC_HOOK_EGL=0
"C:\Program Files\Google\Chrome\Application\chrome.exe" --disable-gpu-sandbox --gpu-startup-dialog --disable-direct-composition

  其二,RenderDoc直接启动:

  需要提前设置下环境变量(设置一次即可),屏蔽opengl的hook,添加后重启RenderDoc:


  双击脚本或RenderDoc启动后,会弹出:


注意:先不要点确定
  上面的文章提到,当你点确定后,Chrome就已经创建了Graphics API上下文,此时再注入已为时已晚(RenderDoc要保证在图形API初始化之前注入)。
  在保持当前窗口下,打开RenderDoc,左上角File->Inject into Process
注意:新版renderdoc下载后,可能不自带Inject into Process选项,需要去菜单栏>Tools>Settings>General>Enable process injection (restart required)勾选
  在搜索框输入进程ID,然后点窗口右下角的Inject。

  此时再点那个Google Chrome Gpu的确定按钮,就会发现:
成功注入

  打开WebGL网页,愉快的截帧:

个别时候会卡顿没法截取,表现就是Chrome左上角一直显示1-2帧,这时候瞎点点或等会就能截取(大概)

你可能感兴趣的:(Chrome中RenderDoc Debug WebGL方法)