[{"data":1,"prerenderedAt":5458},["ShallowReactive",2],{"page-\u002Fgraphy\u002Fglfw窗口":3},{"id":4,"title":5,"body":6,"description":36,"extension":5452,"meta":5453,"navigation":192,"path":5454,"seo":5455,"stem":5456,"__hash__":5457},"content\u002Fgraphy\u002FGLFW窗口.md","GLFW窗口",{"type":7,"value":8,"toc":5439},"minimark",[9,14,23,30,106,109,112,116,119,250,269,280,388,399,402,409,416,445,456,477,483,523,526,539,557,560,606,643,650,657,705,716,719,722,745,860,866,936,940,946,969,983,986,1083,1086,1089,1100,1107,1221,1269,1272,1275,1321,1324,1331,1345,1348,1381,1384,1424,1428,1431,1438,1445,1448,1504,1507,1510,1645,1648,1651,1767,1794,1828,1839,1842,1845,1860,1863,1870,1874,2015,2018,2021,2027,2037,2159,2162,2314,2331,2337,2375,2378,2385,2435,2475,2478,2501,2512,2529,2543,2546,2595,2598,2611,2634,2656,2666,2820,2823,2826,2836,3046,3049,3111,3125,3142,3145,3159,3165,3168,3987,3998,4033,4036,4248,4251,4254,4257,4293,4296,4531,4534,4985,4988,5435],[10,11,13],"h2",{"id":12},"gl","GL",[15,16,17,18,22],"p",{},"GLFW是一个专门针对OpenGL的C语言库，它提供了一些",[19,20,21],"strong",{},"渲染物体所需的最低限度的接口","。它允许用户创建OpenGL上下文、定义窗口参数以及处理用户输入，对我们来说这就够了。",[15,24,25,26,29],{},"这个可以让我们跳过windows的限制，直接向显卡驱动要绘图功能。我们需要先",[19,27,28],{},"从驱动里","查询字符串对应的内存地址：",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-c++ shiki shiki-themes github-light github-dark"," using GL_GENBUFFERS_PROC = void(*) (GLsizei, GLuint*);\n GL_GENBUFFERS_PROC glGenBuffers = reinterpret_cast\u003CGL_GENBUFFERS_PROC>(wglGetProcAddress(\"glGenBuffers\"));\n","c++","",[38,39,40,74],"code",{"__ignoreMap":36},[41,42,45,49,53,56,59,63,66,69,71],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"szBVR"," using",[41,50,52],{"class":51},"sScJk"," GL_GENBUFFERS_PROC",[41,54,55],{"class":47}," =",[41,57,58],{"class":47}," void",[41,60,62],{"class":61},"sVt8B","(",[41,64,65],{"class":47},"*",[41,67,68],{"class":61},") (GLsizei, GLuint",[41,70,65],{"class":47},[41,72,73],{"class":61},");\n",[41,75,77,80,83,86,89,92,94,97,99,103],{"class":43,"line":76},2,[41,78,79],{"class":61}," GL_GENBUFFERS_PROC glGenBuffers ",[41,81,82],{"class":47},"=",[41,84,85],{"class":47}," reinterpret_cast\u003C",[41,87,88],{"class":61},"GL_GENBUFFERS_PROC",[41,90,91],{"class":47},">",[41,93,62],{"class":61},[41,95,96],{"class":51},"wglGetProcAddress",[41,98,62],{"class":61},[41,100,102],{"class":101},"sZZnC","\"glGenBuffers\"",[41,104,105],{"class":61},"));\n",[15,107,108],{},"把具名地址直接存进变量里，从此我们可以直接调用glGenBuffers，实际上就是跳转到显卡驱动提供的哪个地址去执行代码，wglGetProcAddress必须在OpenGL上下文创建之后才能成功，因为我们通过glfwCreateWindow和glfwMkaeContextCurrent，GLFW可以帮我们向显卡申请上下文。有了上下文，显卡驱动才可以激活，这个时候去加载函数地址，驱动才能给出响应。",[15,110,111],{},"这里的GLsizei是gl专门为尺寸和数量定义的int整数别名，在OpenGL世界里，为了保证代码在不同操作系统和显卡硬件都能有一致的表现，没有直接使用C++原生的int和float，而是定义了一套数据类型。",[10,113,115],{"id":114},"glad","GLAD",[15,117,118],{},"我们接下来要使用GLAD，这个是为了辅助GL开发而诞生的，因为显卡驱动会暴露成千上万个函数，比如说glGenBuffers等，还需要自己去手动方式编写using别名，强制转化等，一个一个查地址，很不方便，使用GLAD使用了一个庞大的头文件glad，可以让我们使用现代gl的所有的函数定义和全部加载逻辑，只需要调用一个初始化函数。",[31,120,122],{"className":33,"code":121,"language":35,"meta":36,"style":36},"#include \"logger.h\"\n#include \u003Cmemory>\n#include \u003CGLFW\u002Fglfw3.h>\nusing namespace Logger;\nvoid main() {\n \u002F\u002Fstd::shared_ptr\u003CLoggerClass> logger = std::make_shared\u003CLoggerClass>( );\n \u002F\u002Flogger->Log(LoggerLevel::info, \"test\");\n\n glfwInit();\n glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 4);\n glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 6);\n glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);\n\n}\n",[38,123,124,132,139,147,162,174,181,187,194,203,218,231,239,244],{"__ignoreMap":36},[41,125,126,129],{"class":43,"line":44},[41,127,128],{"class":47},"#include",[41,130,131],{"class":101}," \"logger.h\"\n",[41,133,134,136],{"class":43,"line":76},[41,135,128],{"class":47},[41,137,138],{"class":101}," \u003Cmemory>\n",[41,140,142,144],{"class":43,"line":141},3,[41,143,128],{"class":47},[41,145,146],{"class":101}," \u003CGLFW\u002Fglfw3.h>\n",[41,148,150,153,156,159],{"class":43,"line":149},4,[41,151,152],{"class":47},"using",[41,154,155],{"class":47}," namespace",[41,157,158],{"class":51}," Logger",[41,160,161],{"class":61},";\n",[41,163,165,168,171],{"class":43,"line":164},5,[41,166,167],{"class":47},"void",[41,169,170],{"class":51}," main",[41,172,173],{"class":61},"() {\n",[41,175,177],{"class":43,"line":176},6,[41,178,180],{"class":179},"sJ8bj"," \u002F\u002Fstd::shared_ptr\u003CLoggerClass> logger = std::make_shared\u003CLoggerClass>( );\n",[41,182,184],{"class":43,"line":183},7,[41,185,186],{"class":179}," \u002F\u002Flogger->Log(LoggerLevel::info, \"test\");\n",[41,188,190],{"class":43,"line":189},8,[41,191,193],{"emptyLinePlaceholder":192},true,"\n",[41,195,197,200],{"class":43,"line":196},9,[41,198,199],{"class":51}," glfwInit",[41,201,202],{"class":61},"();\n",[41,204,206,209,212,216],{"class":43,"line":205},10,[41,207,208],{"class":51}," glfwWindowHint",[41,210,211],{"class":61},"(GLFW_CONTEXT_VERSION_MAJOR, ",[41,213,215],{"class":214},"sj4cs","4",[41,217,73],{"class":61},[41,219,221,223,226,229],{"class":43,"line":220},11,[41,222,208],{"class":51},[41,224,225],{"class":61},"(GLFW_CONTEXT_VERSION_MINOR, ",[41,227,228],{"class":214},"6",[41,230,73],{"class":61},[41,232,234,236],{"class":43,"line":233},12,[41,235,208],{"class":51},[41,237,238],{"class":61},"(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);\n",[41,240,242],{"class":43,"line":241},13,[41,243,193],{"emptyLinePlaceholder":192},[41,245,247],{"class":43,"line":246},14,[41,248,249],{"class":61},"}\n",[15,251,252,253,256,257,260,261,264,265,268],{},"我们使用了glfwInit函数来",[19,254,255],{},"初始化GLFW","，然后我们可以",[19,258,259],{},"使用glfwWindowHint函数来配置GLFW","。glfwWindowHint函数的第一个参数代表",[19,262,263],{},"选项的名称","，我们可以从很多以",[38,266,267],{},"GLFW_","开头的枚举值中选择；第二个参数接受一个整型，用来设置这个选项的值，由于我们使用的是opengl 4.6w，因此可以这样设置。",[15,270,271,272,275,276,279],{},"然后我们告诉glfw我们使用的是核心模式，只是用opengel的一个子集，",[19,273,274],{},"我们创建一个窗口对象","，这个窗口对象",[19,277,278],{},"存放了所有和窗口相关的数据","，而且会被GLFW的其他函数频繁地用到。",[31,281,283],{"className":33,"code":282,"language":35,"meta":36,"style":36}," GLFWwindow* window = glfwCreateWindow(800, 600, \"Hello World\", nullptr, nullptr);\n if (window == nullptr) {\n logger->Log(LoggerLevel::error, \"Failed to create GLFW window\");\n glfwTerminate();\n }\n glfwMakeContextCurrent(window); \u002F\u002F 上下文\n",[38,284,285,327,344,365,372,377],{"__ignoreMap":36},[41,286,287,290,292,295,297,300,302,305,308,311,313,316,318,321,323,325],{"class":43,"line":44},[41,288,289],{"class":61}," GLFWwindow",[41,291,65],{"class":47},[41,293,294],{"class":61}," window ",[41,296,82],{"class":47},[41,298,299],{"class":51}," glfwCreateWindow",[41,301,62],{"class":61},[41,303,304],{"class":214},"800",[41,306,307],{"class":61},", ",[41,309,310],{"class":214},"600",[41,312,307],{"class":61},[41,314,315],{"class":101},"\"Hello World\"",[41,317,307],{"class":61},[41,319,320],{"class":214},"nullptr",[41,322,307],{"class":61},[41,324,320],{"class":214},[41,326,73],{"class":61},[41,328,329,332,335,338,341],{"class":43,"line":76},[41,330,331],{"class":47}," if",[41,333,334],{"class":61}," (window ",[41,336,337],{"class":47},"==",[41,339,340],{"class":214}," nullptr",[41,342,343],{"class":61},") {\n",[41,345,346,349,352,354,357,360,363],{"class":43,"line":141},[41,347,348],{"class":61}," logger->",[41,350,351],{"class":51},"Log",[41,353,62],{"class":61},[41,355,356],{"class":51},"LoggerLevel",[41,358,359],{"class":61},"::error, ",[41,361,362],{"class":101},"\"Failed to create GLFW window\"",[41,364,73],{"class":61},[41,366,367,370],{"class":43,"line":149},[41,368,369],{"class":51}," glfwTerminate",[41,371,202],{"class":61},[41,373,374],{"class":43,"line":164},[41,375,376],{"class":61}," }\n",[41,378,379,382,385],{"class":43,"line":176},[41,380,381],{"class":51}," glfwMakeContextCurrent",[41,383,384],{"class":61},"(window);",[41,386,387],{"class":179}," \u002F\u002F 上下文\n",[15,389,390,391,394,395,398],{},"glfwCreateWindow函数需要窗口的宽和高作为它的前两个参数。第三个参数表示这个窗口的名称（标题）。最后两个参数我们暂时忽略。这个函数将会",[19,392,393],{},"返回一个GLFWwindow对象","，我们会在其它的GLFW操作中使用到。创建完窗口我们就可以",[19,396,397],{},"通知GLFW将我们窗口的上下文设置为当前线程的主上下文","了。",[15,400,401],{},"上下文包含了所有的内存，包括了顶点数据，以及加载的所有画图工具如着色器程序，我们当前的绘图状态。如果当前画笔是红色，以及是否开启了深度测试等。",[15,403,404,405,408],{},"之所以要把它设置为当前线程的主上下文是因为gl的函数是不带窗口参数的，比如，如果要修改一个窗口的背景色，你会这样写：window->SetBackgroundColor(Red)，但是gl中，改变背景色的代码是全局的，使用的是glClearColor(1.0f, 1.0f, 1.0f); 里面压根没有window。 所以",[19,406,407],{},"glfwMakeContexCurrent(window)就是将当前cpu线程发出的一切gl开头指令应用到window中去","。",[15,410,411,412,415],{},"我们必须告诉OpenGL渲染窗口的尺寸大小，即视口(Viewport)，这样OpenGL才只能知道怎样根据窗口大小显示数据和坐标。我们可以通过调用glViewport函数来设置视口的",[19,413,414],{},"尺寸","(Dimension)：",[31,417,419],{"className":33,"code":418,"language":35,"meta":36,"style":36},"glViewport(0, 0, 800, 600);\n",[38,420,421],{"__ignoreMap":36},[41,422,423,426,428,431,433,435,437,439,441,443],{"class":43,"line":44},[41,424,425],{"class":51},"glViewport",[41,427,62],{"class":61},[41,429,430],{"class":214},"0",[41,432,307],{"class":61},[41,434,430],{"class":214},[41,436,307],{"class":61},[41,438,304],{"class":214},[41,440,307],{"class":61},[41,442,310],{"class":214},[41,444,73],{"class":61},[15,446,447,448,451,452,455],{},"glViewport函数前两个参数控制窗口左下角的位置。第三个和第四个参数控制渲染窗口的宽度和高度（像素）。实际上也可以",[19,449,450],{},"将视口的维度设置为比GLFW的维度小","，这样子之后",[19,453,454],{},"所有的OpenGL渲染将会在一个更小的窗口中显示","，这样子的话我们也可以将一些其它元素显示在OpenGL视口之外。",[457,458,459],"blockquote",{},[15,460,461,462,465,466,469,470,473,474,408],{},"OpenGL幕后",[19,463,464],{},"使用glViewport中定义的位置和宽高进行2D坐标的转换","，将OpenGL中的",[19,467,468],{},"位置坐标转换为你的屏幕坐标","。例如，OpenGL中的",[19,471,472],{},"坐标(-0.5, 0.5)有可能（最终）被映射为屏幕中的坐标(200,450)","。注意，处理过的OpenGL坐标范围只为-1到1，因此我们事实上",[19,475,476],{},"将(-1到1)范围内的坐标映射到(0, 800)和(0, 600)",[15,478,479,482],{},[19,480,481],{},"当用户改变窗口的大小的时候","，视口也应该被调整。我们可以对窗口注册一个回调函数(Callback Function)，它会在每次窗口大小被调整的时候被调用。这个回调函数的原型如下：",[31,484,486],{"className":33,"code":485,"language":35,"meta":36,"style":36},"void framebuffer_size_callback(GLFWwindow* window, int width, int height);\n",[38,487,488],{"__ignoreMap":36},[41,489,490,492,495,497,500,502,506,508,511,514,516,518,521],{"class":43,"line":44},[41,491,167],{"class":47},[41,493,494],{"class":51}," framebuffer_size_callback",[41,496,62],{"class":61},[41,498,499],{"class":51},"GLFWwindow",[41,501,65],{"class":47},[41,503,505],{"class":504},"s4XuR"," window",[41,507,307],{"class":61},[41,509,510],{"class":47},"int",[41,512,513],{"class":504}," width",[41,515,307],{"class":61},[41,517,510],{"class":47},[41,519,520],{"class":504}," height",[41,522,73],{"class":61},[15,524,525],{},"然后主程序二这个函数，告诉glfw在窗口调整大小的时候调用这个函数：",[31,527,529],{"className":33,"code":528,"language":35,"meta":36,"style":36},"glfwSetFramebufferSizeCallback(window, framebuffer_size_callback);\n",[38,530,531],{"__ignoreMap":36},[41,532,533,536],{"class":43,"line":44},[41,534,535],{"class":51},"glfwSetFramebufferSizeCallback",[41,537,538],{"class":61},"(window, framebuffer_size_callback);\n",[15,540,541,542,545,546,549,550,553,554,408],{},"我们还可以将",[19,543,544],{},"我们的函数注册到其它很多的回调函数中","。比如说，我们可以",[19,547,548],{},"创建一个回调函数来处理手柄输入变化","，处理错误消息等。我们会在",[19,551,552],{},"创建窗口","之后，",[19,555,556],{},"渲染循环初始化之前注册这些回调函数",[15,558,559],{},"接下来我们需要使用渲染循环，让GLFW能够在推出前一直能保持运行下去，下面就是一个简单的渲染循环：",[31,561,563],{"className":33,"code":562,"language":35,"meta":36,"style":36},"while(!glfwWindowShouldClose(window))\n{\n glfwSwapBuffers(window);\n glfwPollEvents(); \n}\n",[38,564,565,581,586,594,602],{"__ignoreMap":36},[41,566,567,570,572,575,578],{"class":43,"line":44},[41,568,569],{"class":47},"while",[41,571,62],{"class":61},[41,573,574],{"class":47},"!",[41,576,577],{"class":51},"glfwWindowShouldClose",[41,579,580],{"class":61},"(window))\n",[41,582,583],{"class":43,"line":76},[41,584,585],{"class":61},"{\n",[41,587,588,591],{"class":43,"line":141},[41,589,590],{"class":51}," glfwSwapBuffers",[41,592,593],{"class":61},"(window);\n",[41,595,596,599],{"class":43,"line":149},[41,597,598],{"class":51}," glfwPollEvents",[41,600,601],{"class":61},"(); \n",[41,603,604],{"class":43,"line":164},[41,605,249],{"class":61},[607,608,609,621,628],"ul",{},[610,611,612,613,616,617,620],"li",{},"glfwWindowShouldClose函数在我们",[19,614,615],{},"每次循环的开始前检查一次GLFW是否被要求退出","，如果是的话，该函数返回",[38,618,619],{},"true","，渲染循环将停止运行，之后我们就可以关闭应用程序。",[610,622,623,624,627],{},"glfwPollEvents函数",[19,625,626],{},"检查有没有触发什么事件","（比如键盘输入、鼠标移动等）、更新窗口状态，并调用对应的回调函数（可以通过回调方法手动设置）。",[610,629,630,631,634,635,638,639,642],{},"glfwSwapBuffers函数会",[19,632,633],{},"交换颜色缓冲","（它是一个储存着",[19,636,637],{},"GLFW窗口每一个像素颜色值的大缓冲","），它在这一",[19,640,641],{},"迭代中被用来绘制","，并且将会作为输出显示在屏幕上。",[15,644,645,646,649],{},"这是个最简单的循环，用来",[19,647,648],{},"驱动渲染管线运行的外壳","，不过现在的循环是含有上一帧的残留，因此我们需要清理屏幕等操作。",[15,651,652,653,656],{},"我们可以通过调用glClear函数来清空屏幕的颜色缓冲，它接受一个",[19,654,655],{},"缓冲位(Buffer Bit)来指定要清空的缓冲","，可能的缓冲位有GL_COLOR_BUFFER_BIT，GL_DEPTH_BUFFER_BIT和GL_STENCIL_BUFFER_BIT。由于现在我们只关心颜色值，所以我们只清空颜色缓冲。",[31,658,660],{"className":33,"code":659,"language":35,"meta":36,"style":36},"glClearColor(0.2f, 0.3f, 0.3f, 1.0f);\nglClear(GL_COLOR_BUFFER_BIT);\n",[38,661,662,697],{"__ignoreMap":36},[41,663,664,667,669,672,675,677,680,682,684,686,688,690,693,695],{"class":43,"line":44},[41,665,666],{"class":51},"glClearColor",[41,668,62],{"class":61},[41,670,671],{"class":214},"0.2",[41,673,674],{"class":47},"f",[41,676,307],{"class":61},[41,678,679],{"class":214},"0.3",[41,681,674],{"class":47},[41,683,307],{"class":61},[41,685,679],{"class":214},[41,687,674],{"class":47},[41,689,307],{"class":61},[41,691,692],{"class":214},"1.0",[41,694,674],{"class":47},[41,696,73],{"class":61},[41,698,699,702],{"class":43,"line":76},[41,700,701],{"class":51},"glClear",[41,703,704],{"class":61},"(GL_COLOR_BUFFER_BIT);\n",[15,706,707,708,711,712,715],{},"注意，除了glClear之外，我们还",[19,709,710],{},"调用了glClearColor来设置清空屏幕所用的颜色","。当调用glClear函数，清除颜色缓冲之后，整个",[19,713,714],{},"颜色缓冲都会被填充为glClearColor里所设置的颜色","。在这里，我们将屏幕设置为了类似黑板的深蓝绿色。",[15,717,718],{},"记得在链接器的输入中加入opengl32.lib ，否则可能出现窗口闪退的情况，也就是缺少库文件的情况。",[10,720,721],{"id":721},"窗口焦点回调",[15,723,724,725,728,729,732,733,736,737,740,741,744],{},"在 GLFW 中，注册窗口焦点回调函数非常简单。你需要使用 ",[38,726,727],{},"glfwSetWindowFocusCallback"," 函数，回调函数的签名必须符合 GLFW 的要求：",[38,730,731],{},"void function_name(GLFWwindow* window, int focused)","。其中 ",[38,734,735],{},"focused"," 参数为 ",[38,738,739],{},"GLFW_TRUE","（获得焦点）或 ",[38,742,743],{},"GLFW_FALSE","（失去焦点）。",[31,746,748],{"className":33,"code":747,"language":35,"meta":36,"style":36},"\u002F\u002F 建议放在 main 函数之前，或者进行前置声明\nvoid window_focus_callback(GLFWwindow* window, int focused)\n{\n if (focused)\n {\n \u002F\u002F 窗口获得焦点\n printf(\"Window gained focus\\n\");\n }\n else\n {\n \u002F\u002F 窗口失去焦点\n printf(\"Window lost focus\\n\");\n }\n}\n",[38,749,750,755,780,784,791,796,801,819,823,828,832,837,852,856],{"__ignoreMap":36},[41,751,752],{"class":43,"line":44},[41,753,754],{"class":179},"\u002F\u002F 建议放在 main 函数之前，或者进行前置声明\n",[41,756,757,759,762,764,766,768,770,772,774,777],{"class":43,"line":76},[41,758,167],{"class":47},[41,760,761],{"class":51}," window_focus_callback",[41,763,62],{"class":61},[41,765,499],{"class":51},[41,767,65],{"class":47},[41,769,505],{"class":504},[41,771,307],{"class":61},[41,773,510],{"class":47},[41,775,776],{"class":504}," focused",[41,778,779],{"class":61},")\n",[41,781,782],{"class":43,"line":141},[41,783,585],{"class":61},[41,785,786,788],{"class":43,"line":149},[41,787,331],{"class":47},[41,789,790],{"class":61}," (focused)\n",[41,792,793],{"class":43,"line":164},[41,794,795],{"class":61}," {\n",[41,797,798],{"class":43,"line":176},[41,799,800],{"class":179}," \u002F\u002F 窗口获得焦点\n",[41,802,803,806,808,811,814,817],{"class":43,"line":183},[41,804,805],{"class":51}," printf",[41,807,62],{"class":61},[41,809,810],{"class":101},"\"Window gained focus",[41,812,813],{"class":214},"\\n",[41,815,816],{"class":101},"\"",[41,818,73],{"class":61},[41,820,821],{"class":43,"line":189},[41,822,376],{"class":61},[41,824,825],{"class":43,"line":196},[41,826,827],{"class":47}," else\n",[41,829,830],{"class":43,"line":205},[41,831,795],{"class":61},[41,833,834],{"class":43,"line":220},[41,835,836],{"class":179}," \u002F\u002F 窗口失去焦点\n",[41,838,839,841,843,846,848,850],{"class":43,"line":233},[41,840,805],{"class":51},[41,842,62],{"class":61},[41,844,845],{"class":101},"\"Window lost focus",[41,847,813],{"class":214},[41,849,816],{"class":101},[41,851,73],{"class":61},[41,853,854],{"class":43,"line":241},[41,855,376],{"class":61},[41,857,858],{"class":43,"line":246},[41,859,249],{"class":61},[15,861,862,863,865],{},"你需要在创建窗口之后、进入 ",[38,864,569],{}," 循环之前注册它：",[31,867,869],{"className":33,"code":868,"language":35,"meta":36,"style":36},"\u002F\u002F ... 窗口创建代码 ...\nGLFWwindow* window = glfwCreateWindow(800, 600, \"Hello World\", nullptr, nullptr);\n\n\u002F\u002F 注册焦点回调\nglfwSetWindowFocusCallback(window, window_focus_callback);\n\n\u002F\u002F ... 循环代码 ...\n",[38,870,871,876,911,915,920,927,931],{"__ignoreMap":36},[41,872,873],{"class":43,"line":44},[41,874,875],{"class":179},"\u002F\u002F ... 窗口创建代码 ...\n",[41,877,878,880,882,884,886,889,891,893,895,897,899,901,903,905,907,909],{"class":43,"line":76},[41,879,499],{"class":61},[41,881,65],{"class":47},[41,883,294],{"class":61},[41,885,82],{"class":47},[41,887,888],{"class":51}," glfwCreateWindow",[41,890,62],{"class":61},[41,892,304],{"class":214},[41,894,307],{"class":61},[41,896,310],{"class":214},[41,898,307],{"class":61},[41,900,315],{"class":101},[41,902,307],{"class":61},[41,904,320],{"class":214},[41,906,307],{"class":61},[41,908,320],{"class":214},[41,910,73],{"class":61},[41,912,913],{"class":43,"line":141},[41,914,193],{"emptyLinePlaceholder":192},[41,916,917],{"class":43,"line":149},[41,918,919],{"class":179},"\u002F\u002F 注册焦点回调\n",[41,921,922,924],{"class":43,"line":164},[41,923,727],{"class":51},[41,925,926],{"class":61},"(window, window_focus_callback);\n",[41,928,929],{"class":43,"line":176},[41,930,193],{"emptyLinePlaceholder":192},[41,932,933],{"class":43,"line":183},[41,934,935],{"class":179},"\u002F\u002F ... 循环代码 ...\n",[937,938,939],"h3",{"id":939},"win32的消息处理阻塞",[15,941,942,943,408],{},"鼠标在拖动窗口的时候，消息队列似乎没有从win32中读取消息，导致了窗口没有发生清理和重绘制，当你点击标题栏并开始拖动窗口时，Win32 的消息处理机制会进入一个",[19,944,945],{},"阻塞式的模态循环",[15,947,948,949,952,953,956,957,960,961,964,965,968],{},"原因是：在 Windows 底层，当你开始",[19,950,951],{},"拖动或调整窗口大小时","，系统会发送 ",[38,954,955],{},"WM_ENTERSIZEMOVE"," 消息。此时，",[38,958,959],{},"glfwPollEvents()"," 内部调用的 Win32 ",[38,962,963],{},"DispatchMessage"," 会进入一个由操作系统接管的死循环。线程被阻塞在系统内部，直到你松开鼠标（发送 ",[38,966,967],{},"WM_EXITSIZEMOVE","）。",[15,970,971,972,975,976,979,980,408],{},"解决也是有办法的，比如你可以使用定时器来强制重绘，Win32 提供了一个特性：即使在模态循环中，",[38,973,974],{},"WM_TIMER"," 消息仍然会被处理。 ",[19,977,978],{},"你可以通过 GLFW 获取底层的窗口句柄（HWND）","，并",[19,981,982],{},"设置一个低级别的 Win32 定时器",[15,984,985],{},"这里需要一些win32的基础知识，可以自己去学习和补充。\n我们先写个刷新的回调函数方法：",[31,987,991],{"className":988,"code":989,"language":990,"meta":36,"style":36},"language-cpp shiki shiki-themes github-light github-dark","void static window_refresh_callback(GLFWwindow* window) {\n render_scene(window);\n glfwSwapBuffers(window); \u002F\u002F 刷新回调里也建议手动 Swap 一下\n fmt::print(fg(fmt::color::blue) | fmt::emphasis::italic, \"Window refreshed (Modal Loop)\\n\");\n} \n","cpp",[38,992,993,1011,1018,1027,1079],{"__ignoreMap":36},[41,994,995,997,1000,1003,1006,1008],{"class":43,"line":44},[41,996,167],{"class":47},[41,998,999],{"class":47}," static",[41,1001,1002],{"class":51}," window_refresh_callback",[41,1004,1005],{"class":61},"(GLFWwindow",[41,1007,65],{"class":47},[41,1009,1010],{"class":61}," window) {\n",[41,1012,1013,1016],{"class":43,"line":76},[41,1014,1015],{"class":51}," render_scene",[41,1017,593],{"class":61},[41,1019,1020,1022,1024],{"class":43,"line":141},[41,1021,590],{"class":51},[41,1023,384],{"class":61},[41,1025,1026],{"class":179}," \u002F\u002F 刷新回调里也建议手动 Swap 一下\n",[41,1028,1029,1032,1035,1038,1040,1043,1045,1048,1050,1053,1056,1059,1062,1064,1067,1070,1073,1075,1077],{"class":43,"line":149},[41,1030,1031],{"class":51}," fmt",[41,1033,1034],{"class":61},"::",[41,1036,1037],{"class":51},"print",[41,1039,62],{"class":61},[41,1041,1042],{"class":51},"fg",[41,1044,62],{"class":61},[41,1046,1047],{"class":51},"fmt",[41,1049,1034],{"class":61},[41,1051,1052],{"class":51},"color",[41,1054,1055],{"class":61},"::blue) ",[41,1057,1058],{"class":47},"|",[41,1060,1061],{"class":51}," fmt",[41,1063,1034],{"class":61},[41,1065,1066],{"class":51},"emphasis",[41,1068,1069],{"class":61},"::italic, ",[41,1071,1072],{"class":101},"\"Window refreshed (Modal Loop)",[41,1074,813],{"class":214},[41,1076,816],{"class":101},[41,1078,73],{"class":61},[41,1080,1081],{"class":43,"line":164},[41,1082,249],{"class":61},[15,1084,1085],{},"这里也建议swap交换一下，是为了更好使用双缓冲机制，如果modal loop也就是在拖动、缩放的过程之中，主循环会被操作系统暂停，程序运行不到我们之前的swap代码。",[937,1087,1088],{"id":1088},"win32平台的解决方案",[15,1090,1091,1092,1095,1096,1099],{},"创建一个win32的回调函数，他实际上就是 ",[38,1093,1094],{},"__stdcall宏","，如果不写的话，编译器默认使用 ",[38,1097,1098],{},"__cdecl"," 宏，可能导致32位的系统上的堆栈损坏，程序崩溃。",[15,1101,1102,1103,1106],{},"这两个你可以记住，它们规定的是函数调用的时候",[19,1104,1105],{},"参数的传递、清理堆栈的方法、函数编译后的长相","。 只要合理使用就能避免很多离奇的堆栈崩溃。",[1108,1109,1110,1132],"table",{},[1111,1112,1113],"thead",{},[1114,1115,1116,1122,1127],"tr",{},[1117,1118,1119],"th",{},[19,1120,1121],{},"特性",[1117,1123,1124],{},[19,1125,1126],{},"__cdecl (C Declaration)",[1117,1128,1129],{},[19,1130,1131],{},"__stdcall (Standard Call)",[1133,1134,1135,1148,1165,1187,1203],"tbody",{},[1114,1136,1137,1143,1146],{},[1138,1139,1140],"td",{},[19,1141,1142],{},"参数入栈顺序",[1138,1144,1145],{},"从右向左 (Right-to-Left)",[1138,1147,1145],{},[1114,1149,1150,1155,1160],{},[1138,1151,1152],{},[19,1153,1154],{},"谁负责清理堆栈",[1138,1156,1157],{},[19,1158,1159],{},"调用者 (Caller)",[1138,1161,1162],{},[19,1163,1164],{},"被调用者 (Callee\u002F函数自身)",[1114,1166,1167,1172,1182],{},[1138,1168,1169],{},[19,1170,1171],{},"变长参数支持",[1138,1173,1174,1177,1178,1181],{},[19,1175,1176],{},"支持"," (如 ",[38,1179,1180],{},"printf",")",[1138,1183,1184],{},[19,1185,1186],{},"不支持",[1114,1188,1189,1194,1197],{},[1138,1190,1191],{},[19,1192,1193],{},"常见用途",[1138,1195,1196],{},"C\u002FC++ 程序的默认约定",[1138,1198,1199,1202],{},[19,1200,1201],{},"Win32 API","、导出 DLL 函数",[1114,1204,1205,1210,1215],{},[1138,1206,1207],{},[19,1208,1209],{},"编译后名称修饰",[1138,1211,1212],{},[38,1213,1214],{},"_FunctionName",[1138,1216,1217,1220],{},[38,1218,1219],{},"_FunctionName@X"," (X 为参数字节数)",[31,1222,1224],{"className":988,"code":1223,"language":990,"meta":36,"style":36},"void CALLBACK TimerProc(HWND hwnd, UINT uMsg, UINT_PTR idEvent, DWORD dwTime) {\n if (g_window) {\n render_scene(g_window);\n glfwSwapBuffers(g_window);\n }\n}\n",[38,1225,1226,1239,1246,1254,1261,1265],{"__ignoreMap":36},[41,1227,1228,1230,1233,1236],{"class":43,"line":44},[41,1229,167],{"class":47},[41,1231,1232],{"class":51}," CALLBACK",[41,1234,1235],{"class":51}," TimerProc",[41,1237,1238],{"class":61},"(HWND hwnd, UINT uMsg, UINT_PTR idEvent, DWORD dwTime) {\n",[41,1240,1241,1243],{"class":43,"line":76},[41,1242,331],{"class":47},[41,1244,1245],{"class":61}," (g_window) {\n",[41,1247,1248,1251],{"class":43,"line":141},[41,1249,1250],{"class":51}," render_scene",[41,1252,1253],{"class":61},"(g_window);\n",[41,1255,1256,1259],{"class":43,"line":149},[41,1257,1258],{"class":51}," glfwSwapBuffers",[41,1260,1253],{"class":61},[41,1262,1263],{"class":43,"line":164},[41,1264,376],{"class":61},[41,1266,1267],{"class":43,"line":176},[41,1268,249],{"class":61},[15,1270,1271],{},"hwnd是我们的窗口句柄，uMsg是消息类型，对于我们的回调函数来说一直是WM_TIMER（0x0113），后期我会专门写一个win32相关的笔记。idEvent是UINT_PTR，是定时器的id，我们在后面使用SetTimer的第二个参数。 dwTime是DWORD类型，是系统时间，是系统启动以来经过的毫秒数，相当于GetTickCount方法，可以计算两帧之间的时间差。",[15,1273,1274],{},"如果说想要写一个节省消耗的版本，也就是失去窗口的焦点之后降低频率，可以使用：",[31,1276,1278],{"className":988,"code":1277,"language":990,"meta":36,"style":36},"SetTimer(hwnd, 1, 16, (TIMERPROC)TimerProc); \u002F\u002F ID为1，用于高频渲染\nSetTimer(hwnd, 2, 100, (TIMERPROC)TimerProc); \u002F\u002F ID为2，用于低频检查\n",[38,1279,1280,1302],{"__ignoreMap":36},[41,1281,1282,1285,1288,1291,1293,1296,1299],{"class":43,"line":44},[41,1283,1284],{"class":51},"SetTimer",[41,1286,1287],{"class":61},"(hwnd, ",[41,1289,1290],{"class":214},"1",[41,1292,307],{"class":61},[41,1294,1295],{"class":214},"16",[41,1297,1298],{"class":61},", (TIMERPROC)TimerProc);",[41,1300,1301],{"class":179}," \u002F\u002F ID为1，用于高频渲染\n",[41,1303,1304,1306,1308,1311,1313,1316,1318],{"class":43,"line":76},[41,1305,1284],{"class":51},[41,1307,1287],{"class":61},[41,1309,1310],{"class":214},"2",[41,1312,307],{"class":61},[41,1314,1315],{"class":214},"100",[41,1317,1298],{"class":61},[41,1319,1320],{"class":179}," \u002F\u002F ID为2，用于低频检查\n",[15,1322,1323],{},"这样，系统就会帮你在没过16ms的时候顺着TimerProc这个地址运行一边代码，因为windows内核里有一个专门负责计时的闹钟列表，时间到了之后就会向着程序发送一个WM_TIMER消息。",[15,1325,1326,1327,1330],{},"glfwPollEvent看到了消息之后，就会去执行回调函数，就是那个TimerProc函数。所以，当你",[19,1328,1329],{},"拖动窗口的时候，主循环里的render_scene暂停了","，但是消息循环没有停，这个时候DefWindowProc接管工作，在后台处理窗口移动消息。",[15,1332,1333,1334,1337,1338,1341,1342,408],{},"我们的",[19,1335,1336],{},"glfwSetWindowRefreshCallback在注册了刷新回调的情况下，是一个事件驱动的机制","，当拖动窗口的时候，系统会",[19,1339,1340],{},"不停给程序发送WM_PAINT消息","，接管窗口的消息处理函数，收到消息的时候，检查有没有注册刷新回调，有的话就执行，",[19,1343,1344],{},"执行的频率是刚才定时器里定义的",[15,1346,1347],{},"还有很多其他情况也会发送WM_PAINT消息，可以粗略看一下：",[607,1349,1350,1356,1362,1368],{},[610,1351,1352,1355],{},[19,1353,1354],{},"从遮挡中恢复："," 比如你用浏览器挡住了你的 OpenGL 窗口，然后又把浏览器移开。被挡住的那部分区域现在“失效”了，系统会要求你重绘。",[610,1357,1358,1361],{},[19,1359,1360],{},"从最小化恢复："," 窗口从任务栏弹回桌面时，整个窗口区域都是无效的。",[610,1363,1364,1367],{},[19,1365,1366],{},"移动窗口（部分情况）："," 虽然现代 Windows (DWM) 会缓存窗口画面，但在某些配置下，移动窗口也会导致背景重绘。",[610,1369,1370,1373,1374,1377,1378,408],{},[19,1371,1372],{},"手动触发（开发者最常用）："," 你在代码里调用了 ",[38,1375,1376],{},"InvalidateRect"," 或 ",[38,1379,1380],{},"UpdateWindow",[15,1382,1383],{},"然后我们获取win32风格的窗口句柄：",[31,1385,1387],{"className":988,"code":1386,"language":990,"meta":36,"style":36}," \u002F\u002F 获取 Win32 句柄并开启定时器\n HWND hwnd = glfwGetWin32Window(g_window);\n SetTimer(hwnd, 1, 16, (TIMERPROC)TimerProc); \u002F\u002F 16ms 约等于 60fps，不要用 1ms（太占 CPU）\n",[38,1388,1389,1394,1406],{"__ignoreMap":36},[41,1390,1391],{"class":43,"line":44},[41,1392,1393],{"class":179}," \u002F\u002F 获取 Win32 句柄并开启定时器\n",[41,1395,1396,1399,1401,1404],{"class":43,"line":76},[41,1397,1398],{"class":61}," HWND hwnd ",[41,1400,82],{"class":47},[41,1402,1403],{"class":51}," glfwGetWin32Window",[41,1405,1253],{"class":61},[41,1407,1408,1411,1413,1415,1417,1419,1421],{"class":43,"line":141},[41,1409,1410],{"class":51}," SetTimer",[41,1412,1287],{"class":61},[41,1414,1290],{"class":214},[41,1416,307],{"class":61},[41,1418,1295],{"class":214},[41,1420,1298],{"class":61},[41,1422,1423],{"class":179}," \u002F\u002F 16ms 约等于 60fps，不要用 1ms（太占 CPU）\n",[10,1425,1427],{"id":1426},"wgc获取屏幕像素信息和显示","WGC获取屏幕像素信息和显示",[15,1429,1430],{},"WGC是目前windows上最官方的屏幕捕捉方案，连我们最常用的OBS Studio也用的是这套API。WGC的底层是D3D11，他抓取到的屏幕画面是直接放在显卡的DX11纹理里面的，我们有个思路可以让WGC抓取屏幕之后拷贝到GL，作为GL纹理，渲染到窗口中，这涉及到了跨图形API操作。",[15,1432,1433,1434,1437],{},"由于WGC是一套现代的WINRT\u002FCOM API，如果要在传统CPP项目中使用，就需要使用C++\u002FWinRT才行。我们可以在",[19,1435,1436],{},"NuGet包里安装","Microsoft.Windows.CppWinRT。我第一次看到也很奇怪，为啥cpp项目可以用nuget包，下面是解释。",[15,1439,1440,1441,1444],{},"在大家的印象里，NuGet 是 .NET 的专属“管家”，而 C++ 应该还在手动配置环境变量和 Lib 路径。NuGet 不仅仅是一个 DLL 管理器，它本质上是一个“",[19,1442,1443],{},"压缩包 + 逻辑注入","”工具。",[15,1446,1447],{},"当你为一个 C++ 项目安装 NuGet 包时，发生了以下三件事：",[1449,1450,1451,1473,1495],"ol",{},[610,1452,1453,1456,1457,1460,1461,1464,1465,1468,1469,1472],{},[19,1454,1455],{},"下载与解压："," NuGet 把包（通常包含 ",[38,1458,1459],{},".h"," 头文件、",[38,1462,1463],{},".lib"," 库文件和 ",[38,1466,1467],{},".dll","）下载到项目的 ",[38,1470,1471],{},"packages"," 文件夹。",[610,1474,1475,1478,1479,1482,1483,1486,1487,1490,1491,1494],{},[19,1476,1477],{},"MSBuild 钩子（关键）："," 优秀的 C++ NuGet 包（比如 ",[38,1480,1481],{},"cppwinrt","）内部包含 ",[38,1484,1485],{},".targets"," 和 ",[38,1488,1489],{},".props"," 文件。NuGet 会自动把这些文件“静默”地导入到你的 ",[38,1492,1493],{},".vcxproj"," 项目文件中。",[610,1496,1497,1500,1501,1503],{},[19,1498,1499],{},"自动化配置："," 这些 ",[38,1502,1485],{}," 文件会告诉编译器：“嘿，去这个路径找头文件，去那个路径找库文件，顺便把这个 DLL 拷贝到输出目录。”",[15,1505,1506],{},"顺便一提，还有一个玩意儿叫做pywinrt，这个需要接触windows runtime也就是winrt。因为winrt本质是一个ABI，是一个应用二进制接口，使用一种叫做.winmd 全称 windows metadata的文件来描述自己的所有的类、方法、属性。C++\u002FWINRT和C#\u002FWINRT 都可以使用，前者把这些元素翻译为现代的CPP代码，后者是.net类型。 pywinrt则是翻译为Py模块，可以让我们在python里调用win11的原生功能，也就是我们刚才说的WGC屏幕抓取，低功耗蓝牙、系统通知等功能。 你可以使用pip install winrt-runtime来安装。",[15,1508,1509],{},"OKOK我们回到主线。我们安装之后可以引入对应的winrt包，然后重新编译一次，让它产生对应的文件夹。",[31,1511,1513],{"className":988,"code":1512,"language":990,"meta":36,"style":36},"#pragma once\n\u002F\u002F com winrt\n#include \u003Cwinrt\u002Fbase.h>\n#include \u003Cunknwn.h>\n\n\u002F\u002F winrt投影文件\n#include \u003Cwinrt\u002FWindows.Foundation.h>\n#include \u003Cwinrt\u002FWindows.Graphics.Capture.h>\n#include \u003Cwinrt\u002FWindows.Graphics.DirectX.Direct3D11.h>\n\n\u002F\u002F DirectX 11 原生接口\n#include \u003Cd3d11.h>\n#include \u003CWindows.Graphics.DirectX.Direct3D11.interop.h>\n\n\u002F\u002F OpenGL 与窗口库\n#include \u003Cglad\u002Fglad.h>\n#define GLFW_INCLUDE_NONE\n#include \u003CGLFW\u002Fglfw3.h>\n#define GLFW_EXPOSE_NATIVE_WIN32\n#include \u003CGLFW\u002Fglfw3native.h>\n",[38,1514,1515,1523,1528,1535,1542,1546,1551,1558,1565,1572,1576,1581,1588,1595,1599,1605,1613,1622,1629,1637],{"__ignoreMap":36},[41,1516,1517,1520],{"class":43,"line":44},[41,1518,1519],{"class":47},"#pragma",[41,1521,1522],{"class":51}," once\n",[41,1524,1525],{"class":43,"line":76},[41,1526,1527],{"class":179},"\u002F\u002F com winrt\n",[41,1529,1530,1532],{"class":43,"line":141},[41,1531,128],{"class":47},[41,1533,1534],{"class":101}," \u003Cwinrt\u002Fbase.h>\n",[41,1536,1537,1539],{"class":43,"line":149},[41,1538,128],{"class":47},[41,1540,1541],{"class":101}," \u003Cunknwn.h>\n",[41,1543,1544],{"class":43,"line":164},[41,1545,193],{"emptyLinePlaceholder":192},[41,1547,1548],{"class":43,"line":176},[41,1549,1550],{"class":179},"\u002F\u002F winrt投影文件\n",[41,1552,1553,1555],{"class":43,"line":183},[41,1554,128],{"class":47},[41,1556,1557],{"class":101}," \u003Cwinrt\u002FWindows.Foundation.h>\n",[41,1559,1560,1562],{"class":43,"line":189},[41,1561,128],{"class":47},[41,1563,1564],{"class":101}," \u003Cwinrt\u002FWindows.Graphics.Capture.h>\n",[41,1566,1567,1569],{"class":43,"line":196},[41,1568,128],{"class":47},[41,1570,1571],{"class":101}," \u003Cwinrt\u002FWindows.Graphics.DirectX.Direct3D11.h>\n",[41,1573,1574],{"class":43,"line":205},[41,1575,193],{"emptyLinePlaceholder":192},[41,1577,1578],{"class":43,"line":220},[41,1579,1580],{"class":179},"\u002F\u002F DirectX 11 原生接口\n",[41,1582,1583,1585],{"class":43,"line":233},[41,1584,128],{"class":47},[41,1586,1587],{"class":101}," \u003Cd3d11.h>\n",[41,1589,1590,1592],{"class":43,"line":241},[41,1591,128],{"class":47},[41,1593,1594],{"class":101}," \u003CWindows.Graphics.DirectX.Direct3D11.interop.h>\n",[41,1596,1597],{"class":43,"line":246},[41,1598,193],{"emptyLinePlaceholder":192},[41,1600,1602],{"class":43,"line":1601},15,[41,1603,1604],{"class":179},"\u002F\u002F OpenGL 与窗口库\n",[41,1606,1608,1610],{"class":43,"line":1607},16,[41,1609,128],{"class":47},[41,1611,1612],{"class":101}," \u003Cglad\u002Fglad.h>\n",[41,1614,1616,1619],{"class":43,"line":1615},17,[41,1617,1618],{"class":47},"#define",[41,1620,1621],{"class":51}," GLFW_INCLUDE_NONE\n",[41,1623,1625,1627],{"class":43,"line":1624},18,[41,1626,128],{"class":47},[41,1628,146],{"class":101},[41,1630,1632,1634],{"class":43,"line":1631},19,[41,1633,1618],{"class":47},[41,1635,1636],{"class":51}," GLFW_EXPOSE_NATIVE_WIN32\n",[41,1638,1640,1642],{"class":43,"line":1639},20,[41,1641,128],{"class":47},[41,1643,1644],{"class":101}," \u003CGLFW\u002Fglfw3native.h>\n",[15,1646,1647],{},"这里会有一个经典的头文件包含顺序冲突，windows开发中，windows.h或者是我们包含的unknwn.h 和 glfw3.h都尝试定义了APIENTRY这个宏，导致了冲突。因此我们可以调整包的包含顺序，将glfw3.h放在windows相关文件下方。",[15,1649,1650],{},"然后我们用COM指针创建一个d3d设备，然后建立数据管道，让WGC抓到的dx11纹理放入gl的纹理里面。这个属于cpu桥接模式，实现比较简单。",[31,1652,1656],{"className":1653,"code":1654,"language":1655,"meta":36,"style":36},"language-mermaid shiki shiki-themes github-light github-dark","flowchart LR\n subgraph wgc [WGC \u002F WinRT]\n Pool[Direct3D11CaptureFramePool]\n Surf[IDirect3DSurface]\n end\n subgraph d3d [D3D11 你的设备]\n Src[ID3D11Texture2D 捕获源]\n Stg[Staging 纹理]\n end\n subgraph cpu [CPU]\n Buf[pixelBuffer 向量]\n end\n subgraph gl [OpenGL]\n Tex[GL_TEXTURE_2D]\n FSQ[全屏四边形 + Shader]\n end\n Pool --> Surf\n Surf -->|GetInterface| Src\n Src -->|CopyResource| Stg\n Stg -->|Map \u002F memcpy| Buf\n Buf -->|glTexSubImage2D| Tex\n Tex --> FSQ\n\n","mermaid",[38,1657,1658,1663,1668,1673,1678,1683,1688,1693,1698,1702,1707,1712,1716,1721,1726,1731,1735,1740,1745,1750,1755,1761],{"__ignoreMap":36},[41,1659,1660],{"class":43,"line":44},[41,1661,1662],{},"flowchart LR\n",[41,1664,1665],{"class":43,"line":76},[41,1666,1667],{}," subgraph wgc [WGC \u002F WinRT]\n",[41,1669,1670],{"class":43,"line":141},[41,1671,1672],{}," Pool[Direct3D11CaptureFramePool]\n",[41,1674,1675],{"class":43,"line":149},[41,1676,1677],{}," Surf[IDirect3DSurface]\n",[41,1679,1680],{"class":43,"line":164},[41,1681,1682],{}," end\n",[41,1684,1685],{"class":43,"line":176},[41,1686,1687],{}," subgraph d3d [D3D11 你的设备]\n",[41,1689,1690],{"class":43,"line":183},[41,1691,1692],{}," Src[ID3D11Texture2D 捕获源]\n",[41,1694,1695],{"class":43,"line":189},[41,1696,1697],{}," Stg[Staging 纹理]\n",[41,1699,1700],{"class":43,"line":196},[41,1701,1682],{},[41,1703,1704],{"class":43,"line":205},[41,1705,1706],{}," subgraph cpu [CPU]\n",[41,1708,1709],{"class":43,"line":220},[41,1710,1711],{}," Buf[pixelBuffer 向量]\n",[41,1713,1714],{"class":43,"line":233},[41,1715,1682],{},[41,1717,1718],{"class":43,"line":241},[41,1719,1720],{}," subgraph gl [OpenGL]\n",[41,1722,1723],{"class":43,"line":246},[41,1724,1725],{}," Tex[GL_TEXTURE_2D]\n",[41,1727,1728],{"class":43,"line":1601},[41,1729,1730],{}," FSQ[全屏四边形 + Shader]\n",[41,1732,1733],{"class":43,"line":1607},[41,1734,1682],{},[41,1736,1737],{"class":43,"line":1615},[41,1738,1739],{}," Pool --> Surf\n",[41,1741,1742],{"class":43,"line":1624},[41,1743,1744],{}," Surf -->|GetInterface| Src\n",[41,1746,1747],{"class":43,"line":1631},[41,1748,1749],{}," Src -->|CopyResource| Stg\n",[41,1751,1752],{"class":43,"line":1639},[41,1753,1754],{}," Stg -->|Map \u002F memcpy| Buf\n",[41,1756,1758],{"class":43,"line":1757},21,[41,1759,1760],{}," Buf -->|glTexSubImage2D| Tex\n",[41,1762,1764],{"class":43,"line":1763},22,[41,1765,1766],{}," Tex --> FSQ\n",[15,1768,1769,1770,1773,1774,1777,1778,1781,1782,1785,1786,1789,1790,1793],{},"Windows.Graphics.Capture（WGC） 是按 WinRT\u002FDirect3D 抽象设计的：帧池用 ",[38,1771,1772],{},"IDirect3DDevice","，帧里是 ",[38,1775,1776],{},"IDirect3DSurface","，底层仍然是D3D11纹理，要通过",[38,1779,1780],{},"CreateDirect3D11DeviceFromDXGIDevice"," 把你创建的 ",[38,1783,1784],{},"ID3D11Device","（经 ",[38,1787,1788],{},"IDXGIDevice","） 包成 WinRT 能认的设备，才能 ",[38,1791,1792],{},"Direct3D11CaptureFramePool::Create","、开始捕获。",[15,1795,1796,1797,1800,1801,1804,1805,1807,1808,1811,1812,1815,1816,1819,1820,1823,1824,1827],{},"当帧到达以后，",[38,1798,1799],{},"frame.Surface()"," 是 WinRT 的 Direct3D 表面。",[1802,1803],"br",{},"\n要对 ",[38,1806,1784],{}," \u002F ",[38,1809,1810],{},"ID3D11DeviceContext"," 做 ",[38,1813,1814],{},"CopyResource","，需要 ",[38,1817,1818],{},"ID3D11Texture2D*","。\n所以用 ",[38,1821,1822],{},"IDirect3DDxgiInterfaceAccess::GetInterface(IID_ID3D11Texture2D)"," 从表面取出底层的 ",[38,1825,1826],{},"ID3D11Texture2D","——这是 WinRT 表面 → DXGI\u002FD3D 原生指针 的标准Interop。",[15,1829,1830,1831,1834,1835,1838],{},"那么我们先初始化一下线程的COM\u002FWINRT单元类型，这里是STA线程。单元室COM里面约定 ",[19,1832,1833],{},"接口指针在哪个线程上被调用才合法"," 的一套模型。老代码大多是单线程UI，还要和各种DLL里的对象互操作，于是就用单元来",[19,1836,1837],{},"规定对象的线程亲和性和消息派发方式","。比较常见的就是STA这个单线程单元和MTA多线程单元。前者是一个STA对应一个线程，比如说UI，这个线程需要消息泵，COM可能吧从另一个线程发来的调用通过消息排队返回到这个线程来执行。MTA是多个线程同时处于一个MTA中，对象可以默认被任意MTA线程直接用，没有STA那种排队到UI线程的保证，比较适合后台计算和线程池风格的服务码。",[15,1840,1841],{},"WPF是一种很典型很容易踩STA的地方，凡是UI单线程|消息泵的老派Windows桌面模型，通常都是要求UI线程在STA，还有winform，office\u002Fie宿主里面的组件。ASP.NET里常见MTA，不带UI消息泵的后台、线程池、服务、部分服务器场景里很常见MTA。",[15,1843,1844],{},"然后创建一个D3D设备的COM指针，它用于创建纹理，和DXGI\u002FWGC打交道。一个d3d设备上下文COM指针，它用于资源复制，可以将捕获的纹理放入staging，执行flush命令等，因为D3D11的执行模式是异步的，调用了CopyResource、Draw或者UpdateSubresource的时候，指令没有马上在显卡上，而是在命令缓冲区。由于默认行为，驱动程序会挤压指令，等到缓冲区满了之后遇到特定同步点时候全给GPU，但是flush可以直接全发给gpu。然后定义一个Staging纹理，因为捕获的帧对应的纹理是GPU默认堆，CPU不能直接读，因此我们要先CopyResource拷贝到staging再使用Map拷贝进入pixelBuffer。",[15,1846,1847,1848,1850,1851,1850,1853,1855,1856,1859],{},"因为D3D11\u002FDGXI本身就是COM API，",[38,1849,1784],{},"、",[38,1852,1810],{},[38,1854,1788],{}," 等都不是普通 C++ 类，而是继承 ",[38,1857,1858],{},"IUnknown"," 的 COM 接口。所以指针类型天然的就是COM接口指针。",[15,1861,1862],{},"COM是一套约定，接口使用GUID标志，错误是HRESULT，对象创造、线程模型（STA\u002FMTA）、注册表里面的CLSID\u002FProgID等。它包含的十分的广泛，包括了Windows自身里的shell、wmi、任务调度、加密、音频、大量的WINRT底层，都有COM接口，文档里有上千个接口，并且随着更新还在增加。DirectX\u002FMedia \u002F Office等也是一大片COM，或者说COM风格的接口。第三方也可以实现自己的COM组件，数量无上限。那么这玩意咋学习，数量这么大！？",[15,1864,1865,1866,1869],{},"只需要明白通用的规则就行，比如IUnknown、HRESULT，什么时候QueryInterface，引用计数、com_ptr\u002FcomPtr用法、我们现在使用的D3D11、WINRT捕获就只使用了ID3D11、IDXGI、WGC相关的接口打交道。我们完全可以",[19,1867,1868],{},"在MSDN按接口查找","，而不需要去学习整个COM体系。后面如果有时间我也会去写一个文档。",[937,1871,1873],{"id":1872},"搭桥连接winrt和d3d","搭桥连接WINRT和D3D",[31,1875,1877],{"className":988,"code":1876,"language":990,"meta":36,"style":36},"    winrt::init_apartment();\n\n\n    winrt::com_ptr\u003CID3D11Device> d3dDevice;\n\n    winrt::com_ptr\u003CID3D11DeviceContext> d3dContext;\n\n    winrt::com_ptr\u003CID3D11Texture2D> stagingTexture;\n\n \n    std::mutex bufferMutex;\n\n    std::vector\u003Cuint8_t> pixelBuffer;\n\n    std::atomic\u003Cbool> frameDirty{ false };\n",[38,1878,1879,1891,1895,1899,1916,1920,1935,1939,1954,1958,1963,1971,1975,1988,1992],{"__ignoreMap":36},[41,1880,1881,1884,1886,1889],{"class":43,"line":44},[41,1882,1883],{"class":51},"    winrt",[41,1885,1034],{"class":61},[41,1887,1888],{"class":51},"init_apartment",[41,1890,202],{"class":61},[41,1892,1893],{"class":43,"line":76},[41,1894,193],{"emptyLinePlaceholder":192},[41,1896,1897],{"class":43,"line":141},[41,1898,193],{"emptyLinePlaceholder":192},[41,1900,1901,1903,1906,1909,1911,1913],{"class":43,"line":149},[41,1902,1883],{"class":51},[41,1904,1905],{"class":61},"::com_ptr",[41,1907,1908],{"class":47},"\u003C",[41,1910,1784],{"class":61},[41,1912,91],{"class":47},[41,1914,1915],{"class":61}," d3dDevice;\n",[41,1917,1918],{"class":43,"line":164},[41,1919,193],{"emptyLinePlaceholder":192},[41,1921,1922,1924,1926,1928,1930,1932],{"class":43,"line":176},[41,1923,1883],{"class":51},[41,1925,1905],{"class":61},[41,1927,1908],{"class":47},[41,1929,1810],{"class":61},[41,1931,91],{"class":47},[41,1933,1934],{"class":61}," d3dContext;\n",[41,1936,1937],{"class":43,"line":183},[41,1938,193],{"emptyLinePlaceholder":192},[41,1940,1941,1943,1945,1947,1949,1951],{"class":43,"line":189},[41,1942,1883],{"class":51},[41,1944,1905],{"class":61},[41,1946,1908],{"class":47},[41,1948,1826],{"class":61},[41,1950,91],{"class":47},[41,1952,1953],{"class":61}," stagingTexture;\n",[41,1955,1956],{"class":43,"line":196},[41,1957,193],{"emptyLinePlaceholder":192},[41,1959,1960],{"class":43,"line":205},[41,1961,1962],{"class":61}," \n",[41,1964,1965,1968],{"class":43,"line":220},[41,1966,1967],{"class":51},"    std",[41,1969,1970],{"class":61},"::mutex bufferMutex;\n",[41,1972,1973],{"class":43,"line":233},[41,1974,193],{"emptyLinePlaceholder":192},[41,1976,1977,1979,1982,1985],{"class":43,"line":241},[41,1978,1967],{"class":51},[41,1980,1981],{"class":61},"::vector",[41,1983,1984],{"class":47},"\u003Cuint8_t>",[41,1986,1987],{"class":61}," pixelBuffer;\n",[41,1989,1990],{"class":43,"line":246},[41,1991,193],{"emptyLinePlaceholder":192},[41,1993,1994,1996,1998,2001,2003,2006,2009,2012],{"class":43,"line":1601},[41,1995,1967],{"class":51},[41,1997,1034],{"class":61},[41,1999,2000],{"class":51},"atomic",[41,2002,1908],{"class":61},[41,2004,2005],{"class":47},"bool",[41,2007,2008],{"class":61},"> frameDirty{ ",[41,2010,2011],{"class":214},"false",[41,2013,2014],{"class":61}," };\n",[15,2016,2017],{},"后面的三个，bufferMutex是一个互斥锁，用于保护pixelBuffer来执行捕获回调线程，主线程会使用pixelBuffer做glTexSubImage2D来防止一边写一边读造成的数据错乱和未定义行为。",[15,2019,2020],{},"pixelBuffer就是我们在CPU上的像素缓存，是D3D读取完之后，交给GL之前的公用缓冲区，后面使用glTexSubImage2D把它放在GL纹理。",[15,2022,2023,2026],{},[19,2024,2025],{},"frameDirty是脏标志","，当新的帧进入了pixelBuffer的时候，捕获回调里拷贝完缓冲后置true，主循环里上传纹理后置false。之所以用atomic是为了无锁判断，减轻锁竞争，真正读取像素数据的时候配合上面那个互斥锁，保证写入不重叠。",[15,2028,2029,2030,2033,2034,408],{},"然后我们使用",[19,2031,2032],{},"D3D11CreateDevice"," 来创建",[19,2035,2036],{},"D3D11设备和立即上下文",[31,2038,2040],{"className":988,"code":2039,"language":990,"meta":36,"style":36},"    HRESULT hr = D3D11CreateDevice(\n        nullptr,                    \u002F\u002F 1. pAdapter (使用默认适配器)\n        D3D_DRIVER_TYPE_HARDWARE,   \u002F\u002F 2. DriverType\n        nullptr,                    \u002F\u002F 3. Software\n        D3D11_CREATE_DEVICE_BGRA_SUPPORT, \u002F\u002F 4. Flags (WGC 必须)\n        nullptr,                    \u002F\u002F 5. pFeatureLevels\n        0,                          \u002F\u002F 6. FeatureLevels\n        D3D11_SDK_VERSION,          \u002F\u002F 7. SDKVersion\n        d3dDevice.put(),            \u002F\u002F 8. ppDevice\n        nullptr,                    \u002F\u002F 9. pFeatureLevel (容易漏掉这个!)\n        d3dContext.put()            \u002F\u002F 10. ppImmediateContext\n    );\n",[38,2041,2042,2055,2066,2074,2083,2091,2100,2110,2118,2132,2141,2154],{"__ignoreMap":36},[41,2043,2044,2047,2049,2052],{"class":43,"line":44},[41,2045,2046],{"class":61},"    HRESULT hr ",[41,2048,82],{"class":47},[41,2050,2051],{"class":51}," D3D11CreateDevice",[41,2053,2054],{"class":61},"(\n",[41,2056,2057,2060,2063],{"class":43,"line":76},[41,2058,2059],{"class":214},"        nullptr",[41,2061,2062],{"class":61},",",[41,2064,2065],{"class":179},"                    \u002F\u002F 1. pAdapter (使用默认适配器)\n",[41,2067,2068,2071],{"class":43,"line":141},[41,2069,2070],{"class":61},"        D3D_DRIVER_TYPE_HARDWARE,",[41,2072,2073],{"class":179},"   \u002F\u002F 2. DriverType\n",[41,2075,2076,2078,2080],{"class":43,"line":149},[41,2077,2059],{"class":214},[41,2079,2062],{"class":61},[41,2081,2082],{"class":179},"                    \u002F\u002F 3. Software\n",[41,2084,2085,2088],{"class":43,"line":164},[41,2086,2087],{"class":61},"        D3D11_CREATE_DEVICE_BGRA_SUPPORT,",[41,2089,2090],{"class":179}," \u002F\u002F 4. Flags (WGC 必须)\n",[41,2092,2093,2095,2097],{"class":43,"line":176},[41,2094,2059],{"class":214},[41,2096,2062],{"class":61},[41,2098,2099],{"class":179},"                    \u002F\u002F 5. pFeatureLevels\n",[41,2101,2102,2105,2107],{"class":43,"line":183},[41,2103,2104],{"class":214},"        0",[41,2106,2062],{"class":61},[41,2108,2109],{"class":179},"                          \u002F\u002F 6. FeatureLevels\n",[41,2111,2112,2115],{"class":43,"line":189},[41,2113,2114],{"class":61},"        D3D11_SDK_VERSION,",[41,2116,2117],{"class":179},"          \u002F\u002F 7. SDKVersion\n",[41,2119,2120,2123,2126,2129],{"class":43,"line":196},[41,2121,2122],{"class":61},"        d3dDevice.",[41,2124,2125],{"class":51},"put",[41,2127,2128],{"class":61},"(),",[41,2130,2131],{"class":179},"            \u002F\u002F 8. ppDevice\n",[41,2133,2134,2136,2138],{"class":43,"line":205},[41,2135,2059],{"class":214},[41,2137,2062],{"class":61},[41,2139,2140],{"class":179},"                    \u002F\u002F 9. pFeatureLevel (容易漏掉这个!)\n",[41,2142,2143,2146,2148,2151],{"class":43,"line":220},[41,2144,2145],{"class":61},"        d3dContext.",[41,2147,2125],{"class":51},[41,2149,2150],{"class":61},"()",[41,2152,2153],{"class":179},"            \u002F\u002F 10. ppImmediateContext\n",[41,2155,2156],{"class":43,"line":233},[41,2157,2158],{"class":61},"    );\n",[15,2160,2161],{},"这是 Direct3D 11 的核心函数，创建 D3D11 设备和上下文。",[1108,2163,2164,2177],{},[1111,2165,2166],{},[1114,2167,2168,2171,2174],{},[1117,2169,2170],{},"参数",[1117,2172,2173],{},"值",[1117,2175,2176],{},"含义",[1133,2178,2179,2191,2204,2216,2233,2245,2257,2270,2286,2298],{},[1114,2180,2181,2184,2188],{},[1138,2182,2183],{},"第1个",[1138,2185,2186],{},[38,2187,320],{},[1138,2189,2190],{},"使用默认显示适配器（显卡）",[1114,2192,2193,2196,2201],{},[1138,2194,2195],{},"第2个",[1138,2197,2198],{},[38,2199,2200],{},"D3D_DRIVER_TYPE_HARDWARE",[1138,2202,2203],{},"使用硬件加速渲染（GPU）",[1114,2205,2206,2209,2213],{},[1138,2207,2208],{},"第3个",[1138,2210,2211],{},[38,2212,320],{},[1138,2214,2215],{},"不使用软件回退设备",[1114,2217,2218,2221,2226],{},[1138,2219,2220],{},"第4个",[1138,2222,2223],{},[38,2224,2225],{},"D3D11_CREATE_DEVICE_BGRA_SUPPORT",[1138,2227,2228,2229,2232],{},"创建设备时支持 ",[19,2230,2231],{},"BGRA"," 格式（屏幕截图常用格式）",[1114,2234,2235,2238,2242],{},[1138,2236,2237],{},"第5个",[1138,2239,2240],{},[38,2241,320],{},[1138,2243,2244],{},"不指定功能级别列表（使用默认）",[1114,2246,2247,2250,2254],{},[1138,2248,2249],{},"第6个",[1138,2251,2252],{},[38,2253,430],{},[1138,2255,2256],{},"功能级别列表长度（0 表示使用默认）",[1114,2258,2259,2262,2267],{},[1138,2260,2261],{},"第7个",[1138,2263,2264],{},[38,2265,2266],{},"D3D11_SDK_VERSION",[1138,2268,2269],{},"SDK 版本常量",[1114,2271,2272,2275,2280],{},[1138,2273,2274],{},"第8个",[1138,2276,2277],{},[38,2278,2279],{},"pImpl->d3dDevice.put()",[1138,2281,2282,2283],{},"输出参数：接收创建的 ",[19,2284,2285],{},"D3D11 设备",[1114,2287,2288,2291,2295],{},[1138,2289,2290],{},"第9个",[1138,2292,2293],{},[38,2294,320],{},[1138,2296,2297],{},"不需要设备特性级别",[1114,2299,2300,2303,2308],{},[1138,2301,2302],{},"第10个",[1138,2304,2305],{},[38,2306,2307],{},"pImpl->d3dContext.put()",[1138,2309,2282,2310,2313],{},[19,2311,2312],{},"D3D11 设备上下文","（命令队列）",[15,2315,2316,2322,2323,2326,2327,2330],{},[19,2317,2318,2319],{},"关于 ",[38,2320,2321],{},".put()","：在 ",[38,2324,2325],{},"winrt::com_ptr"," 中，",[38,2328,2329],{},"put()"," 返回指针的地址，用于接收 COM 对象。",[15,2332,2333,2334,2336],{},"我们为了让多个线程安全公用一个",[38,2335,1810],{},"，而不破坏 D3D11 内部状态，我们需要一个同步锁。",[31,2338,2340],{"className":988,"code":2339,"language":990,"meta":36,"style":36},"    auto multithread = d3dDevice.as\u003C::ID3D11Multithread>();\n    multithread->SetMultithreadProtected(TRUE);\n",[38,2341,2342,2364],{"__ignoreMap":36},[41,2343,2344,2347,2350,2352,2355,2357,2360,2362],{"class":43,"line":44},[41,2345,2346],{"class":47},"    auto",[41,2348,2349],{"class":61}," multithread ",[41,2351,82],{"class":47},[41,2353,2354],{"class":61}," d3dDevice.as",[41,2356,1908],{"class":47},[41,2358,2359],{"class":61},"::ID3D11Multithread",[41,2361,91],{"class":47},[41,2363,202],{"class":61},[41,2365,2366,2369,2372],{"class":43,"line":76},[41,2367,2368],{"class":61},"    multithread->",[41,2370,2371],{"class":51},"SetMultithreadProtected",[41,2373,2374],{"class":61},"(TRUE);\n",[15,2376,2377],{},"这个会和上面的bufferMutex一起出现。",[15,2379,2380,2381,2384],{},"之后我们需要吧已经建好的原生ID3D11Device变成WinRT里面的",[38,2382,2383],{},"Windows::Graphics::DirectX::Direct3D11::IDirect3DDevice","，这样后面的 Windows.Graphics.Capture（帧池等）才能接受「用哪块 GPU \u002F 哪个 D3D 设备来捕获」。",[31,2386,2388],{"className":988,"code":2387,"language":990,"meta":36,"style":36},"  winrt::com_ptr\u003C::IInspectable> inspectable;\n winrt::com_ptr\u003CIDXGIDevice> dxgiDevice = d3dDevice.as\u003CIDXGIDevice>();\n",[38,2389,2390,2407],{"__ignoreMap":36},[41,2391,2392,2395,2397,2399,2402,2404],{"class":43,"line":44},[41,2393,2394],{"class":51},"  winrt",[41,2396,1905],{"class":61},[41,2398,1908],{"class":47},[41,2400,2401],{"class":61},"::IInspectable",[41,2403,91],{"class":47},[41,2405,2406],{"class":61}," inspectable;\n",[41,2408,2409,2412,2414,2416,2418,2420,2423,2425,2427,2429,2431,2433],{"class":43,"line":76},[41,2410,2411],{"class":51}," winrt",[41,2413,1905],{"class":61},[41,2415,1908],{"class":47},[41,2417,1788],{"class":61},[41,2419,91],{"class":47},[41,2421,2422],{"class":61}," dxgiDevice ",[41,2424,82],{"class":47},[41,2426,2354],{"class":61},[41,2428,1908],{"class":47},[41,2430,1788],{"class":61},[41,2432,91],{"class":47},[41,2434,202],{"class":61},[15,2436,2437,2439,2440,2442,2443,2446,2447,2450,2451,2454,2455,2458,2459,2461,2462,2464,2465,2467,2468,2471,2472,2474],{},[38,2438,1784],{}," 实现了 ",[38,2441,1788],{},"（ DXGI 设备接口）。 ",[38,2444,2445],{},"as\u003C>"," 等价于 ",[38,2448,2449],{},"QueryInterface","：从 D3D11 设备指针拿到 ",[38,2452,2453],{},"IDXGIDevice*","。 WinRT 侧要从「DXGI 认识的设备」搭桥，所以需要这一层。由于winrt里面几乎所有可调用的运行时对象底层都有",[38,2456,2457],{},"IInspectable","（在 **",[38,2460,1858],{}," 之上多了元数据\u002F接口查询能力）。",[1802,2463],{},"\n互操作函数 ",[38,2466,1780],{}," 的签名要求输出 ",[38,2469,2470],{},"IInspectable*","，意思是：先给你一个「泛型 WinRT 对象引用」，还没说是 ",[38,2473,1772],{}," 还是别的抽象。",[15,2476,2477],{},"在下面我们就会使用他。",[31,2479,2481],{"className":988,"code":2480,"language":990,"meta":36,"style":36},"CreateDirect3D11DeviceFromDXGIDevice(dxgiDevice.get(), inspectable.put())\n",[38,2482,2483],{"__ignoreMap":36},[41,2484,2485,2487,2490,2493,2496,2498],{"class":43,"line":44},[41,2486,1780],{"class":51},[41,2488,2489],{"class":61},"(dxgiDevice.",[41,2491,2492],{"class":51},"get",[41,2494,2495],{"class":61},"(), inspectable.",[41,2497,2125],{"class":51},[41,2499,2500],{"class":61},"())\n",[15,2502,2503,2504,2507,2508,2511],{},"这是 ",[38,2505,2506],{},"windows.graphics.directx.direct3d11.interop.h"," 里的 ",[19,2509,2510],{},"互操作函数","：",[607,2513,2514,2520],{},[610,2515,2516,2517,2519],{},"输入：原生 ",[38,2518,1788],{},"（你的 GPU 设备在 DXGI 里的代表）。",[610,2521,2522,2523,2525,2526,2528],{},"输出：",[38,2524,2470],{}," —— WinRT 里万物皆可先当成 ",[38,2527,2457],{},"，相当于「WinRT 对象的核心 COM 指针」。",[15,2530,2531,2532,2535,2536,2539,2540,2542],{},"之后我们会用",[38,2533,2534],{},"IInspectable::QueryInterface","（WinRT 里写成 ",[38,2537,2538],{},"as\u003CIDirect3DDevice>()","）换成具体的 ",[38,2541,1772],{}," 投影类型。这里就是之前说的D3D WINRT抽象，同一个底层设备，在WINRT API 里参数类型是IDirect3DDevice，但是不能直接塞入ID3D11Device*。",[15,2544,2545],{},"WGC是不认裸的 ID3DDevice* 的，它只会辨认IDirect3DDevice，所以必须通过CreateDirect3D11Device做官方规定的转换。",[31,2547,2549],{"className":988,"code":2548,"language":990,"meta":36,"style":36},"    auto winrtDevice = inspectable.as\u003Cwinrt::Windows::Graphics::DirectX::Direct3D11::IDirect3DDevice>();\n",[38,2550,2551],{"__ignoreMap":36},[41,2552,2553,2555,2558,2560,2563,2565,2568,2570,2573,2575,2578,2580,2583,2585,2588,2591,2593],{"class":43,"line":44},[41,2554,2346],{"class":47},[41,2556,2557],{"class":61}," winrtDevice ",[41,2559,82],{"class":47},[41,2561,2562],{"class":61}," inspectable.as",[41,2564,1908],{"class":47},[41,2566,2567],{"class":51},"winrt",[41,2569,1034],{"class":61},[41,2571,2572],{"class":51},"Windows",[41,2574,1034],{"class":61},[41,2576,2577],{"class":51},"Graphics",[41,2579,1034],{"class":61},[41,2581,2582],{"class":51},"DirectX",[41,2584,1034],{"class":61},[41,2586,2587],{"class":51},"Direct3D11",[41,2589,2590],{"class":61},"::IDirect3DDevice",[41,2592,91],{"class":47},[41,2594,202],{"class":61},[937,2596,2597],{"id":2597},"捕获屏幕",[15,2599,2600,2601,1807,2604,2607,2608,408],{},"我们需要拿到一个GraphicsCaptureItem表示捕获哪一块屏幕，这里选的是整块与桌面窗口关联的显示器。后面 ",[38,2602,2603],{},"Direct3D11CaptureFramePool",[38,2605,2606],{},"CreateCaptureSession"," 都要基于这个 ",[38,2609,2610],{},"item",[31,2612,2614],{"className":988,"code":2613,"language":990,"meta":36,"style":36},"HMONITOR hMonitor = MonitorFromWindow(GetDesktopWindow(), MONITOR_DEFAULTTONEAREST);\n",[38,2615,2616],{"__ignoreMap":36},[41,2617,2618,2621,2623,2626,2628,2631],{"class":43,"line":44},[41,2619,2620],{"class":61},"HMONITOR hMonitor ",[41,2622,82],{"class":47},[41,2624,2625],{"class":51}," MonitorFromWindow",[41,2627,62],{"class":61},[41,2629,2630],{"class":51},"GetDesktopWindow",[41,2632,2633],{"class":61},"(), MONITOR_DEFAULTTONEAREST);\n",[607,2635,2636,2642],{},[610,2637,2638,2641],{},[38,2639,2640],{},"GetDesktopWindow()","：桌面（Shell）那个顶层窗口的句柄，用来当「锚点」。",[610,2643,2644,2647,2648,2651,2652,2655],{},[38,2645,2646],{},"MonitorFromWindow(..., MONITOR_DEFAULTTONEAREST)","：根据这个窗口，解析出它所在的 ",[19,2649,2650],{},"显示器句柄"," ",[38,2653,2654],{},"HMONITOR","（哪一块物理屏）。也就是说：先锁定「桌面在哪块显示器上」，得到 Win32 的显示器标识。",[15,2657,2658,2659,1807,2662,2665],{},"由于桌面捕获走的是COM互操作的扩展，我们需要拿到做互操作的工厂来调用",[38,2660,2661],{},"CreateForMonitor",[38,2663,2664],{},"CreateForWindow"," 这类 非纯 WinRT 的入口。互操作就是两套互相不认识的技术栈能够互相调用、交换指针来表示同一种东西，让他们一起工作。因为Windows种很多东西是分层、分年代做出来的，比如win32以他为代表的HWND、HMONITOR、消息循环。WINRT为代表的IInspectable、异步、GraphicsCaptureItem。",[31,2667,2669],{"className":988,"code":2668,"language":990,"meta":36,"style":36},"    auto interop_factory = winrt::get_activation_factory\u003Cwinrt::Windows::Graphics::Capture::GraphicsCaptureItem, IGraphicsCaptureItemInterop>();\n    winrt::Windows::Graphics::Capture::GraphicsCaptureItem item{ nullptr };\n    \u002F\u002F hmonitor 是显示器的句柄，item 就是我们要捕获的目标了\n    winrt::check_hresult(interop_factory->CreateForMonitor(hMonitor,\n      winrt::guid_of\u003CABI::Windows::Graphics::Capture::IGraphicsCaptureItem>(),\n        winrt::put_abi(item)));\n    \u002F\u002F 获取分辨率\n",[38,2670,2671,2718,2745,2750,2767,2802,2815],{"__ignoreMap":36},[41,2672,2673,2675,2678,2680,2683,2685,2688,2690,2692,2694,2696,2698,2700,2702,2705,2707,2710,2712,2715],{"class":43,"line":44},[41,2674,2346],{"class":47},[41,2676,2677],{"class":61}," interop_factory ",[41,2679,82],{"class":47},[41,2681,2682],{"class":51}," winrt",[41,2684,1034],{"class":61},[41,2686,2687],{"class":51},"get_activation_factory",[41,2689,1908],{"class":61},[41,2691,2567],{"class":51},[41,2693,1034],{"class":61},[41,2695,2572],{"class":51},[41,2697,1034],{"class":61},[41,2699,2577],{"class":51},[41,2701,1034],{"class":61},[41,2703,2704],{"class":51},"Capture",[41,2706,1034],{"class":61},[41,2708,2709],{"class":51},"GraphicsCaptureItem",[41,2711,307],{"class":61},[41,2713,2714],{"class":51},"IGraphicsCaptureItemInterop",[41,2716,2717],{"class":61},">();\n",[41,2719,2720,2722,2724,2726,2728,2730,2732,2734,2736,2738,2741,2743],{"class":43,"line":76},[41,2721,1883],{"class":51},[41,2723,1034],{"class":61},[41,2725,2572],{"class":51},[41,2727,1034],{"class":61},[41,2729,2577],{"class":51},[41,2731,1034],{"class":61},[41,2733,2704],{"class":51},[41,2735,1034],{"class":61},[41,2737,2709],{"class":51},[41,2739,2740],{"class":61}," item{ ",[41,2742,320],{"class":214},[41,2744,2014],{"class":61},[41,2746,2747],{"class":43,"line":141},[41,2748,2749],{"class":179},"    \u002F\u002F hmonitor 是显示器的句柄，item 就是我们要捕获的目标了\n",[41,2751,2752,2754,2756,2759,2762,2764],{"class":43,"line":149},[41,2753,1883],{"class":51},[41,2755,1034],{"class":61},[41,2757,2758],{"class":51},"check_hresult",[41,2760,2761],{"class":61},"(interop_factory->",[41,2763,2661],{"class":51},[41,2765,2766],{"class":61},"(hMonitor,\n",[41,2768,2769,2772,2774,2777,2779,2782,2784,2786,2788,2790,2792,2794,2796,2799],{"class":43,"line":164},[41,2770,2771],{"class":51},"      winrt",[41,2773,1034],{"class":61},[41,2775,2776],{"class":51},"guid_of",[41,2778,1908],{"class":61},[41,2780,2781],{"class":51},"ABI",[41,2783,1034],{"class":61},[41,2785,2572],{"class":51},[41,2787,1034],{"class":61},[41,2789,2577],{"class":51},[41,2791,1034],{"class":61},[41,2793,2704],{"class":51},[41,2795,1034],{"class":61},[41,2797,2798],{"class":51},"IGraphicsCaptureItem",[41,2800,2801],{"class":61},">(),\n",[41,2803,2804,2807,2809,2812],{"class":43,"line":176},[41,2805,2806],{"class":51},"        winrt",[41,2808,1034],{"class":61},[41,2810,2811],{"class":51},"put_abi",[41,2813,2814],{"class":61},"(item)));\n",[41,2816,2817],{"class":43,"line":183},[41,2818,2819],{"class":179},"    \u002F\u002F 获取分辨率\n",[15,2821,2822],{},"有了item，我们才能读取分辨率、缓冲大小，才能使用framePool.CreateCaptureSession(item)来录制这一个源。我们通过IGraphicsCaptureItemInterop来构建WINRT的GraphicsCaptureItem，把录制的源定下来。",[15,2824,2825],{},"显示器的win32句柄是HMONITOR，item是winrt的捕获源对象，内部有这个屏幕相关的信息，对外是捕获api使用的一项。",[15,2827,2828,2829,2832,2833,408],{},"接下来我们要去",[19,2830,2831],{},"初始化staging纹理","，规定item的尺寸，分配CPU的pixelBuffer和一块可读的staging纹理，格式BGRA8，专门把GPU上的",[19,2834,2835],{},"捕获结果给中转成CPU可读字节",[31,2837,2839],{"className":988,"code":2838,"language":990,"meta":36,"style":36},"    auto itemSize = item.Size();\n    pixelBuffer.resize(itemSize.Width * itemSize.Height * 4); \u002F\u002F 4 字节一个像素 (BGRA8\n    \u002F\u002F 初始化staging texture\n    D3D11_TEXTURE2D_DESC desc = {};\n    desc.Width = itemSize.Width;\n    desc.Height = itemSize.Height;\n    desc.MipLevels = 1; \u002F\u002F 不需要 mipmap\n    desc.ArraySize = 1;\n    desc.Format = DXGI_FORMAT_B8G8R8A8_UNORM; \u002F\u002F WGC 要求的像素格式\n    desc.SampleDesc.Count = 1; \u002F\u002F 不需要多重采样\n    desc.Usage = D3D11_USAGE_STAGING; \u002F\u002F staging 纹理才能被 CPU 访问，中转模式\n    desc.CPUAccessFlags = D3D11_CPU_ACCESS_READ; \u002F\u002F 只需要读权限\n    desc.BindFlags = 0; \u002F\u002F staging 纹理不能绑定到管线\n    hr = d3dDevice->CreateTexture2D(&desc, nullptr, stagingTexture.put());\n",[38,2840,2841,2858,2885,2890,2900,2910,2920,2936,2947,2960,2974,2987,3000,3015],{"__ignoreMap":36},[41,2842,2843,2845,2848,2850,2853,2856],{"class":43,"line":44},[41,2844,2346],{"class":47},[41,2846,2847],{"class":61}," itemSize ",[41,2849,82],{"class":47},[41,2851,2852],{"class":61}," item.",[41,2854,2855],{"class":51},"Size",[41,2857,202],{"class":61},[41,2859,2860,2863,2866,2869,2871,2874,2876,2879,2882],{"class":43,"line":76},[41,2861,2862],{"class":61},"    pixelBuffer.",[41,2864,2865],{"class":51},"resize",[41,2867,2868],{"class":61},"(itemSize.Width ",[41,2870,65],{"class":47},[41,2872,2873],{"class":61}," itemSize.Height ",[41,2875,65],{"class":47},[41,2877,2878],{"class":214}," 4",[41,2880,2881],{"class":61},");",[41,2883,2884],{"class":179}," \u002F\u002F 4 字节一个像素 (BGRA8\n",[41,2886,2887],{"class":43,"line":141},[41,2888,2889],{"class":179},"    \u002F\u002F 初始化staging texture\n",[41,2891,2892,2895,2897],{"class":43,"line":149},[41,2893,2894],{"class":61},"    D3D11_TEXTURE2D_DESC desc ",[41,2896,82],{"class":47},[41,2898,2899],{"class":61}," {};\n",[41,2901,2902,2905,2907],{"class":43,"line":164},[41,2903,2904],{"class":61},"    desc.Width ",[41,2906,82],{"class":47},[41,2908,2909],{"class":61}," itemSize.Width;\n",[41,2911,2912,2915,2917],{"class":43,"line":176},[41,2913,2914],{"class":61},"    desc.Height ",[41,2916,82],{"class":47},[41,2918,2919],{"class":61}," itemSize.Height;\n",[41,2921,2922,2925,2927,2930,2933],{"class":43,"line":183},[41,2923,2924],{"class":61},"    desc.MipLevels ",[41,2926,82],{"class":47},[41,2928,2929],{"class":214}," 1",[41,2931,2932],{"class":61},";",[41,2934,2935],{"class":179}," \u002F\u002F 不需要 mipmap\n",[41,2937,2938,2941,2943,2945],{"class":43,"line":189},[41,2939,2940],{"class":61},"    desc.ArraySize ",[41,2942,82],{"class":47},[41,2944,2929],{"class":214},[41,2946,161],{"class":61},[41,2948,2949,2952,2954,2957],{"class":43,"line":196},[41,2950,2951],{"class":61},"    desc.Format ",[41,2953,82],{"class":47},[41,2955,2956],{"class":61}," DXGI_FORMAT_B8G8R8A8_UNORM;",[41,2958,2959],{"class":179}," \u002F\u002F WGC 要求的像素格式\n",[41,2961,2962,2965,2967,2969,2971],{"class":43,"line":205},[41,2963,2964],{"class":61},"    desc.SampleDesc.Count ",[41,2966,82],{"class":47},[41,2968,2929],{"class":214},[41,2970,2932],{"class":61},[41,2972,2973],{"class":179}," \u002F\u002F 不需要多重采样\n",[41,2975,2976,2979,2981,2984],{"class":43,"line":220},[41,2977,2978],{"class":61},"    desc.Usage ",[41,2980,82],{"class":47},[41,2982,2983],{"class":61}," D3D11_USAGE_STAGING;",[41,2985,2986],{"class":179}," \u002F\u002F staging 纹理才能被 CPU 访问，中转模式\n",[41,2988,2989,2992,2994,2997],{"class":43,"line":233},[41,2990,2991],{"class":61},"    desc.CPUAccessFlags ",[41,2993,82],{"class":47},[41,2995,2996],{"class":61}," D3D11_CPU_ACCESS_READ;",[41,2998,2999],{"class":179}," \u002F\u002F 只需要读权限\n",[41,3001,3002,3005,3007,3010,3012],{"class":43,"line":241},[41,3003,3004],{"class":61},"    desc.BindFlags ",[41,3006,82],{"class":47},[41,3008,3009],{"class":214}," 0",[41,3011,2932],{"class":61},[41,3013,3014],{"class":179}," \u002F\u002F staging 纹理不能绑定到管线\n",[41,3016,3017,3020,3022,3025,3028,3030,3033,3036,3038,3041,3043],{"class":43,"line":246},[41,3018,3019],{"class":61},"    hr ",[41,3021,82],{"class":47},[41,3023,3024],{"class":61}," d3dDevice->",[41,3026,3027],{"class":51},"CreateTexture2D",[41,3029,62],{"class":61},[41,3031,3032],{"class":47},"&",[41,3034,3035],{"class":61},"desc, ",[41,3037,320],{"class":214},[41,3039,3040],{"class":61},", stagingTexture.",[41,3042,2125],{"class":51},[41,3044,3045],{"class":61},"());\n",[937,3047,3048],{"id":3048},"建立帧池和捕获",[31,3050,3052],{"className":988,"code":3051,"language":990,"meta":36,"style":36},"    auto framePool = winrt_capture::Direct3D11CaptureFramePool::CreateFreeThreaded(\n        winrtDevice,\n        DirectXPixelFormat::B8G8R8A8UIntNormalized, \u002F\u002F WGC 要求的像素格式\n        2, \u002F\u002F 帧池里缓冲的帧数，至少要 2 帧以上才能保证不卡顿\n        itemSize\n    );\n",[38,3053,3054,3077,3082,3092,3102,3107],{"__ignoreMap":36},[41,3055,3056,3058,3061,3063,3066,3068,3070,3072,3075],{"class":43,"line":44},[41,3057,2346],{"class":47},[41,3059,3060],{"class":61}," framePool ",[41,3062,82],{"class":47},[41,3064,3065],{"class":51}," winrt_capture",[41,3067,1034],{"class":61},[41,3069,2603],{"class":51},[41,3071,1034],{"class":61},[41,3073,3074],{"class":51},"CreateFreeThreaded",[41,3076,2054],{"class":61},[41,3078,3079],{"class":43,"line":76},[41,3080,3081],{"class":61},"        winrtDevice,\n",[41,3083,3084,3087,3090],{"class":43,"line":141},[41,3085,3086],{"class":51},"        DirectXPixelFormat",[41,3088,3089],{"class":61},"::B8G8R8A8UIntNormalized,",[41,3091,2959],{"class":179},[41,3093,3094,3097,3099],{"class":43,"line":149},[41,3095,3096],{"class":214},"        2",[41,3098,2062],{"class":61},[41,3100,3101],{"class":179}," \u002F\u002F 帧池里缓冲的帧数，至少要 2 帧以上才能保证不卡顿\n",[41,3103,3104],{"class":43,"line":164},[41,3105,3106],{"class":61},"        itemSize\n",[41,3108,3109],{"class":43,"line":176},[41,3110,2158],{"class":61},[15,3112,3113,3114,3116,3117,3120,3121,3124],{},"我们创建 ",[38,3115,2603],{},"：向 Windows 桌面捕获要一块「Direct3D11 纹理环形缓冲」，系统会把捕获到的帧放进池里，再在 ",[38,3118,3119],{},"FrameArrived"," 里 ",[38,3122,3123],{},"TryGetNextFrame"," 取出来。",[15,3126,3127,3129,3130,3133,3134,3137,3138,3141],{},[38,3128,3074],{}," 表示：",[19,3131,3132],{},"池可以在任意线程向你的回调投递帧","（适合后台处理）；若用",[19,3135,3136],{},"非 FreeThreaded 版本","，通常要把",[19,3139,3140],{},"投递和消费对齐到创建帧池时的线程","（多是 UI 线程）。",[15,3143,3144],{},"device是WINRT的IDirect3DDevice，和前面的CreateDirect3DDeviceFromDXGIDevice出来的是同一个逻辑设备，帧池里面的GPU纹理都在这套D3D11设备上分配，和我们的D3DDevice\u002FstagingTexture要能拷贝。",[15,3146,3147,3148,3151,3152,1850,3155,3158],{},"WinRT 枚举里的 BGRA 每通道 8 位、归一化，对应 DXGI ",[38,3149,3150],{},"DXGI_FORMAT_B8G8R8A8_UNORM","，和 staging、",[38,3153,3154],{},"pixelBuffer",[38,3156,3157],{},"glTexSubImage2D(GL_BGRA)"," 一致。",[15,3160,3161,3162,408],{},"帧池里 同时存在的缓冲个数（至少 2 很常见）：生产者（系统捕获）和消费者（你读帧）可以 流水线，避免总是互相卡住；太小容易拖尾或阻塞，太大占显存。注释里说「至少 2」是经验说法，",[19,3163,3164],{},"2 是常用默认值",[15,3166,3167],{},"向帧池注册有新的帧可用的是使用的回调函数：",[31,3169,3171],{"className":988,"code":3170,"language":990,"meta":36,"style":36},"\u002F\u002F 然后注册回调\n\n    framePool.FrameArrived([&](auto&& pool, auto&&)\n\n        {\n            try {\n                auto frame = pool.TryGetNextFrame();\n                if (!frame) return;\n                auto surface = frame.Surface();\n                auto access = surface.as\u003CIDirect3DDxgiInterfaceAccess>();\n\n                \u002F\u002F 直接从这个接口里提取出 ID3D11Texture2D\n                winrt::com_ptr\u003CID3D11Texture2D> sourceTexture;\n                winrt::check_hresult(access->GetInterface(__uuidof(ID3D11Texture2D), sourceTexture.put_void()));\n                if (sourceTexture)\n                {\n                    \u002F\u002F 显存拷贝\n                    d3dContext->CopyResource(stagingTexture.get(), sourceTexture.get());\n                    d3dContext->Flush(); \u002F\u002F 强制提交 GPU 指令\n                    D3D11_MAPPED_SUBRESOURCE mapped;\n                    if (SUCCEEDED(d3dContext->Map(stagingTexture.get(), 0, D3D11_MAP_READ, 0, &mapped)))\n                    {\n                        {\n                            std::lock_guard\u003Cstd::mutex> lock(bufferMutex);\n                            uint8_t* src = static_cast\u003Cuint8_t*>(mapped.pData);\n                            uint8_t* dst = pixelBuffer.data();\n                            auto size = frame.ContentSize();\n                            size_t widthInBytes = size.Width * 4;\n                            for (int y = 0; y \u003C size.Height; ++y) {\n                                memcpy(dst + (y * widthInBytes), src + (y * mapped.RowPitch), widthInBytes);\n\n \n\n                                \u002F\u002F 依然强行填充 Alpha，防止黑色背景导致不可见\n                                for (int x = 0; x \u003C size.Width; ++x) {\n                                    dst[y * widthInBytes + x * 4 + 3] = 255;\n                                }\n                            }\n                        }\n\n                        d3dContext->Unmap(stagingTexture.get(), 0);\n                        frameDirty.store(true);\n\n \n\n                        \u002F\u002F 打印调试\n\n                        static int debugC = 0;\n                        if (++debugC % 60 == 0) {\n                            fmt::print(\"Success! Pixel 0 color: B={}, G={}, R={}, A={}\\n\",\n                                pixelBuffer[0], pixelBuffer[1], pixelBuffer[2], pixelBuffer[3]);\n\n                        }\n                    }\n                }\n            }\n            catch (winrt::hresult_error const& ex) {\n                fmt::print(fg(fmt::color::red), \"Interop Error: {}\\n\", winrt::to_string(ex.message()));\n            }\n        });\n",[38,3172,3173,3178,3182,3209,3213,3218,3226,3243,3261,3278,3299,3303,3308,3325,3353,3360,3365,3370,3389,3402,3410,3447,3452,3458,3488,3505,3523,3541,3561,3592,3621,3626,3631,3636,3642,3672,3706,3712,3718,3724,3729,3748,3763,3768,3773,3778,3784,3789,3807,3833,3855,3880,3885,3890,3896,3902,3908,3927,3976,3981],{"__ignoreMap":36},[41,3174,3175],{"class":43,"line":44},[41,3176,3177],{"class":179},"\u002F\u002F 然后注册回调\n",[41,3179,3180],{"class":43,"line":76},[41,3181,193],{"emptyLinePlaceholder":192},[41,3183,3184,3187,3189,3192,3194,3197,3200,3203,3205,3207],{"class":43,"line":141},[41,3185,3186],{"class":61},"    framePool.",[41,3188,3119],{"class":51},[41,3190,3191],{"class":61},"([",[41,3193,3032],{"class":47},[41,3195,3196],{"class":61},"](",[41,3198,3199],{"class":47},"auto&&",[41,3201,3202],{"class":504}," pool",[41,3204,307],{"class":61},[41,3206,3199],{"class":47},[41,3208,779],{"class":61},[41,3210,3211],{"class":43,"line":149},[41,3212,193],{"emptyLinePlaceholder":192},[41,3214,3215],{"class":43,"line":164},[41,3216,3217],{"class":61},"        {\n",[41,3219,3220,3223],{"class":43,"line":176},[41,3221,3222],{"class":47},"            try",[41,3224,3225],{"class":61}," {\n",[41,3227,3228,3231,3234,3236,3239,3241],{"class":43,"line":183},[41,3229,3230],{"class":47},"                auto",[41,3232,3233],{"class":61}," frame ",[41,3235,82],{"class":47},[41,3237,3238],{"class":61}," pool.",[41,3240,3123],{"class":51},[41,3242,202],{"class":61},[41,3244,3245,3248,3251,3253,3256,3259],{"class":43,"line":189},[41,3246,3247],{"class":47},"                if",[41,3249,3250],{"class":61}," (",[41,3252,574],{"class":47},[41,3254,3255],{"class":61},"frame) ",[41,3257,3258],{"class":47},"return",[41,3260,161],{"class":61},[41,3262,3263,3265,3268,3270,3273,3276],{"class":43,"line":196},[41,3264,3230],{"class":47},[41,3266,3267],{"class":61}," surface ",[41,3269,82],{"class":47},[41,3271,3272],{"class":61}," frame.",[41,3274,3275],{"class":51},"Surface",[41,3277,202],{"class":61},[41,3279,3280,3282,3285,3287,3290,3292,3295,3297],{"class":43,"line":205},[41,3281,3230],{"class":47},[41,3283,3284],{"class":61}," access ",[41,3286,82],{"class":47},[41,3288,3289],{"class":61}," surface.as",[41,3291,1908],{"class":47},[41,3293,3294],{"class":61},"IDirect3DDxgiInterfaceAccess",[41,3296,91],{"class":47},[41,3298,202],{"class":61},[41,3300,3301],{"class":43,"line":220},[41,3302,193],{"emptyLinePlaceholder":192},[41,3304,3305],{"class":43,"line":233},[41,3306,3307],{"class":179},"                \u002F\u002F 直接从这个接口里提取出 ID3D11Texture2D\n",[41,3309,3310,3313,3315,3318,3320,3322],{"class":43,"line":241},[41,3311,3312],{"class":51},"                winrt",[41,3314,1034],{"class":61},[41,3316,3317],{"class":51},"com_ptr",[41,3319,1908],{"class":61},[41,3321,1826],{"class":51},[41,3323,3324],{"class":61},"> sourceTexture;\n",[41,3326,3327,3329,3331,3333,3336,3339,3341,3344,3347,3350],{"class":43,"line":246},[41,3328,3312],{"class":51},[41,3330,1034],{"class":61},[41,3332,2758],{"class":51},[41,3334,3335],{"class":61},"(access->",[41,3337,3338],{"class":51},"GetInterface",[41,3340,62],{"class":61},[41,3342,3343],{"class":51},"__uuidof",[41,3345,3346],{"class":61},"(ID3D11Texture2D), sourceTexture.",[41,3348,3349],{"class":51},"put_void",[41,3351,3352],{"class":61},"()));\n",[41,3354,3355,3357],{"class":43,"line":1601},[41,3356,3247],{"class":47},[41,3358,3359],{"class":61}," (sourceTexture)\n",[41,3361,3362],{"class":43,"line":1607},[41,3363,3364],{"class":61},"                {\n",[41,3366,3367],{"class":43,"line":1615},[41,3368,3369],{"class":179},"                    \u002F\u002F 显存拷贝\n",[41,3371,3372,3375,3377,3380,3382,3385,3387],{"class":43,"line":1624},[41,3373,3374],{"class":61},"                    d3dContext->",[41,3376,1814],{"class":51},[41,3378,3379],{"class":61},"(stagingTexture.",[41,3381,2492],{"class":51},[41,3383,3384],{"class":61},"(), sourceTexture.",[41,3386,2492],{"class":51},[41,3388,3045],{"class":61},[41,3390,3391,3393,3396,3399],{"class":43,"line":1631},[41,3392,3374],{"class":61},[41,3394,3395],{"class":51},"Flush",[41,3397,3398],{"class":61},"();",[41,3400,3401],{"class":179}," \u002F\u002F 强制提交 GPU 指令\n",[41,3403,3404,3407],{"class":43,"line":1639},[41,3405,3406],{"class":51},"                    D3D11_MAPPED_SUBRESOURCE",[41,3408,3409],{"class":61}," mapped;\n",[41,3411,3412,3415,3417,3420,3423,3426,3428,3430,3433,3435,3438,3440,3442,3444],{"class":43,"line":1757},[41,3413,3414],{"class":47},"                    if",[41,3416,3250],{"class":61},[41,3418,3419],{"class":51},"SUCCEEDED",[41,3421,3422],{"class":61},"(d3dContext->",[41,3424,3425],{"class":51},"Map",[41,3427,3379],{"class":61},[41,3429,2492],{"class":51},[41,3431,3432],{"class":61},"(), ",[41,3434,430],{"class":214},[41,3436,3437],{"class":61},", D3D11_MAP_READ, ",[41,3439,430],{"class":214},[41,3441,307],{"class":61},[41,3443,3032],{"class":47},[41,3445,3446],{"class":61},"mapped)))\n",[41,3448,3449],{"class":43,"line":1763},[41,3450,3451],{"class":61},"                    {\n",[41,3453,3455],{"class":43,"line":3454},23,[41,3456,3457],{"class":61},"                        {\n",[41,3459,3461,3464,3466,3469,3471,3474,3476,3479,3482,3485],{"class":43,"line":3460},24,[41,3462,3463],{"class":51},"                            std",[41,3465,1034],{"class":61},[41,3467,3468],{"class":51},"lock_guard",[41,3470,1908],{"class":61},[41,3472,3473],{"class":51},"std",[41,3475,1034],{"class":61},[41,3477,3478],{"class":51},"mutex",[41,3480,3481],{"class":61},"> ",[41,3483,3484],{"class":51},"lock",[41,3486,3487],{"class":61},"(bufferMutex);\n",[41,3489,3491,3494,3497,3499,3502],{"class":43,"line":3490},25,[41,3492,3493],{"class":47},"                            uint8_t*",[41,3495,3496],{"class":61}," src ",[41,3498,82],{"class":47},[41,3500,3501],{"class":47}," static_cast\u003Cuint8_t*>",[41,3503,3504],{"class":61},"(mapped.pData);\n",[41,3506,3508,3510,3513,3515,3518,3521],{"class":43,"line":3507},26,[41,3509,3493],{"class":47},[41,3511,3512],{"class":61}," dst ",[41,3514,82],{"class":47},[41,3516,3517],{"class":61}," pixelBuffer.",[41,3519,3520],{"class":51},"data",[41,3522,202],{"class":61},[41,3524,3526,3529,3532,3534,3536,3539],{"class":43,"line":3525},27,[41,3527,3528],{"class":47},"                            auto",[41,3530,3531],{"class":61}," size ",[41,3533,82],{"class":47},[41,3535,3272],{"class":61},[41,3537,3538],{"class":51},"ContentSize",[41,3540,202],{"class":61},[41,3542,3544,3547,3550,3552,3555,3557,3559],{"class":43,"line":3543},28,[41,3545,3546],{"class":47},"                            size_t",[41,3548,3549],{"class":61}," widthInBytes ",[41,3551,82],{"class":47},[41,3553,3554],{"class":61}," size.Width ",[41,3556,65],{"class":47},[41,3558,2878],{"class":214},[41,3560,161],{"class":61},[41,3562,3564,3567,3569,3571,3574,3576,3578,3581,3583,3586,3589],{"class":43,"line":3563},29,[41,3565,3566],{"class":47},"                            for",[41,3568,3250],{"class":61},[41,3570,510],{"class":47},[41,3572,3573],{"class":61}," y ",[41,3575,82],{"class":47},[41,3577,3009],{"class":214},[41,3579,3580],{"class":61},"; y ",[41,3582,1908],{"class":47},[41,3584,3585],{"class":61}," size.Height; ",[41,3587,3588],{"class":47},"++",[41,3590,3591],{"class":61},"y) {\n",[41,3593,3595,3598,3601,3604,3607,3609,3612,3614,3616,3618],{"class":43,"line":3594},30,[41,3596,3597],{"class":51},"                                memcpy",[41,3599,3600],{"class":61},"(dst ",[41,3602,3603],{"class":47},"+",[41,3605,3606],{"class":61}," (y ",[41,3608,65],{"class":47},[41,3610,3611],{"class":61}," widthInBytes), src ",[41,3613,3603],{"class":47},[41,3615,3606],{"class":61},[41,3617,65],{"class":47},[41,3619,3620],{"class":61}," mapped.RowPitch), widthInBytes);\n",[41,3622,3624],{"class":43,"line":3623},31,[41,3625,193],{"emptyLinePlaceholder":192},[41,3627,3629],{"class":43,"line":3628},32,[41,3630,1962],{"class":61},[41,3632,3634],{"class":43,"line":3633},33,[41,3635,193],{"emptyLinePlaceholder":192},[41,3637,3639],{"class":43,"line":3638},34,[41,3640,3641],{"class":179},"                                \u002F\u002F 依然强行填充 Alpha，防止黑色背景导致不可见\n",[41,3643,3645,3648,3650,3652,3655,3657,3659,3662,3664,3667,3669],{"class":43,"line":3644},35,[41,3646,3647],{"class":47},"                                for",[41,3649,3250],{"class":61},[41,3651,510],{"class":47},[41,3653,3654],{"class":61}," x ",[41,3656,82],{"class":47},[41,3658,3009],{"class":214},[41,3660,3661],{"class":61},"; x ",[41,3663,1908],{"class":47},[41,3665,3666],{"class":61}," size.Width; ",[41,3668,3588],{"class":47},[41,3670,3671],{"class":61},"x) {\n",[41,3673,3675,3678,3680,3682,3684,3686,3688,3690,3693,3696,3699,3701,3704],{"class":43,"line":3674},36,[41,3676,3677],{"class":61},"                                    dst[y ",[41,3679,65],{"class":47},[41,3681,3549],{"class":61},[41,3683,3603],{"class":47},[41,3685,3654],{"class":61},[41,3687,65],{"class":47},[41,3689,2878],{"class":214},[41,3691,3692],{"class":47}," +",[41,3694,3695],{"class":214}," 3",[41,3697,3698],{"class":61},"] ",[41,3700,82],{"class":47},[41,3702,3703],{"class":214}," 255",[41,3705,161],{"class":61},[41,3707,3709],{"class":43,"line":3708},37,[41,3710,3711],{"class":61},"                                }\n",[41,3713,3715],{"class":43,"line":3714},38,[41,3716,3717],{"class":61},"                            }\n",[41,3719,3721],{"class":43,"line":3720},39,[41,3722,3723],{"class":61},"                        }\n",[41,3725,3727],{"class":43,"line":3726},40,[41,3728,193],{"emptyLinePlaceholder":192},[41,3730,3732,3735,3738,3740,3742,3744,3746],{"class":43,"line":3731},41,[41,3733,3734],{"class":61},"                        d3dContext->",[41,3736,3737],{"class":51},"Unmap",[41,3739,3379],{"class":61},[41,3741,2492],{"class":51},[41,3743,3432],{"class":61},[41,3745,430],{"class":214},[41,3747,73],{"class":61},[41,3749,3751,3754,3757,3759,3761],{"class":43,"line":3750},42,[41,3752,3753],{"class":61},"                        frameDirty.",[41,3755,3756],{"class":51},"store",[41,3758,62],{"class":61},[41,3760,619],{"class":214},[41,3762,73],{"class":61},[41,3764,3766],{"class":43,"line":3765},43,[41,3767,193],{"emptyLinePlaceholder":192},[41,3769,3771],{"class":43,"line":3770},44,[41,3772,1962],{"class":61},[41,3774,3776],{"class":43,"line":3775},45,[41,3777,193],{"emptyLinePlaceholder":192},[41,3779,3781],{"class":43,"line":3780},46,[41,3782,3783],{"class":179},"                        \u002F\u002F 打印调试\n",[41,3785,3787],{"class":43,"line":3786},47,[41,3788,193],{"emptyLinePlaceholder":192},[41,3790,3792,3795,3798,3801,3803,3805],{"class":43,"line":3791},48,[41,3793,3794],{"class":47},"                        static",[41,3796,3797],{"class":47}," int",[41,3799,3800],{"class":61}," debugC ",[41,3802,82],{"class":47},[41,3804,3009],{"class":214},[41,3806,161],{"class":61},[41,3808,3810,3813,3815,3817,3820,3823,3826,3829,3831],{"class":43,"line":3809},49,[41,3811,3812],{"class":47},"                        if",[41,3814,3250],{"class":61},[41,3816,3588],{"class":47},[41,3818,3819],{"class":61},"debugC ",[41,3821,3822],{"class":47},"%",[41,3824,3825],{"class":214}," 60",[41,3827,3828],{"class":47}," ==",[41,3830,3009],{"class":214},[41,3832,343],{"class":61},[41,3834,3836,3839,3841,3843,3845,3848,3850,3852],{"class":43,"line":3835},50,[41,3837,3838],{"class":51},"                            fmt",[41,3840,1034],{"class":61},[41,3842,1037],{"class":51},[41,3844,62],{"class":61},[41,3846,3847],{"class":101},"\"Success! Pixel 0 color: B={}, G={}, R={}, A={}",[41,3849,813],{"class":214},[41,3851,816],{"class":101},[41,3853,3854],{"class":61},",\n",[41,3856,3858,3861,3863,3866,3868,3870,3872,3874,3877],{"class":43,"line":3857},51,[41,3859,3860],{"class":61},"                                pixelBuffer[",[41,3862,430],{"class":214},[41,3864,3865],{"class":61},"], pixelBuffer[",[41,3867,1290],{"class":214},[41,3869,3865],{"class":61},[41,3871,1310],{"class":214},[41,3873,3865],{"class":61},[41,3875,3876],{"class":214},"3",[41,3878,3879],{"class":61},"]);\n",[41,3881,3883],{"class":43,"line":3882},52,[41,3884,193],{"emptyLinePlaceholder":192},[41,3886,3888],{"class":43,"line":3887},53,[41,3889,3723],{"class":61},[41,3891,3893],{"class":43,"line":3892},54,[41,3894,3895],{"class":61},"                    }\n",[41,3897,3899],{"class":43,"line":3898},55,[41,3900,3901],{"class":61},"                }\n",[41,3903,3905],{"class":43,"line":3904},56,[41,3906,3907],{"class":61},"            }\n",[41,3909,3911,3914,3916,3918,3921,3924],{"class":43,"line":3910},57,[41,3912,3913],{"class":47},"            catch",[41,3915,3250],{"class":61},[41,3917,2567],{"class":51},[41,3919,3920],{"class":61},"::hresult_error ",[41,3922,3923],{"class":47},"const&",[41,3925,3926],{"class":61}," ex) {\n",[41,3928,3930,3933,3935,3937,3939,3941,3943,3945,3947,3949,3952,3955,3957,3959,3961,3963,3965,3968,3971,3974],{"class":43,"line":3929},58,[41,3931,3932],{"class":51},"                fmt",[41,3934,1034],{"class":61},[41,3936,1037],{"class":51},[41,3938,62],{"class":61},[41,3940,1042],{"class":51},[41,3942,62],{"class":61},[41,3944,1047],{"class":51},[41,3946,1034],{"class":61},[41,3948,1052],{"class":51},[41,3950,3951],{"class":61},"::red), ",[41,3953,3954],{"class":101},"\"Interop Error: {}",[41,3956,813],{"class":214},[41,3958,816],{"class":101},[41,3960,307],{"class":61},[41,3962,2567],{"class":51},[41,3964,1034],{"class":61},[41,3966,3967],{"class":51},"to_string",[41,3969,3970],{"class":61},"(ex.",[41,3972,3973],{"class":51},"message",[41,3975,3352],{"class":61},[41,3977,3979],{"class":43,"line":3978},59,[41,3980,3907],{"class":61},[41,3982,3984],{"class":43,"line":3983},60,[41,3985,3986],{"class":61},"        });\n",[15,3988,3989,3990,3993,3994,3997],{},"我们每取到一个帧，就去获取它的winrt表面frame.Surface，这个是IDirect3DSurface的winrt抽象。通过",[38,3991,3992],{},"surface.as\u003CIDirect3DDxgiInterfaceAccess>()"," → ",[38,3995,3996],{},"GetInterface(ID3D11Texture2D)","拿到D3D纹理，interop把winrt表面换成了ID3D11Texture2D*，才能走D3D API。 使用GPU拷贝将捕获的纹理拷贝到staging:",[31,3999,4001],{"className":988,"code":4000,"language":990,"meta":36,"style":36},"                    \u002F\u002F 显存拷贝\n                    d3dContext->CopyResource(stagingTexture.get(), sourceTexture.get());\n                    d3dContext->Flush(); \u002F\u002F 强制提交 GPU 指令\n",[38,4002,4003,4007,4023],{"__ignoreMap":36},[41,4004,4005],{"class":43,"line":44},[41,4006,3369],{"class":179},[41,4008,4009,4011,4013,4015,4017,4019,4021],{"class":43,"line":76},[41,4010,3374],{"class":61},[41,4012,1814],{"class":51},[41,4014,3379],{"class":61},[41,4016,2492],{"class":51},[41,4018,3384],{"class":61},[41,4020,2492],{"class":51},[41,4022,3045],{"class":61},[41,4024,4025,4027,4029,4031],{"class":43,"line":141},[41,4026,3374],{"class":61},[41,4028,3395],{"class":51},[41,4030,3398],{"class":61},[41,4032,3401],{"class":179},[15,4034,4035],{},"我们使用CPU读取，staging是可以被cpu映射的，使用mapped.Pdata + RowPitch按行访问。 我们使用memcpy循环+lock上锁把像素拷贝进入pixelBuffer，与主线程glTexSubImage2D共享，所以加锁。",[31,4037,4039],{"className":988,"code":4038,"language":990,"meta":36,"style":36},"if (SUCCEEDED(d3dContext->Map(stagingTexture.get(), 0, D3D11_MAP_READ, 0, &mapped)))\n                    {\n                        {\n                            std::lock_guard\u003Cstd::mutex> lock(bufferMutex);\n                            uint8_t* src = static_cast\u003Cuint8_t*>(mapped.pData);\n                            uint8_t* dst = pixelBuffer.data();\n                            auto size = frame.ContentSize();\n                            size_t widthInBytes = size.Width * 4;\n                            for (int y = 0; y \u003C size.Height; ++y) {\n                                memcpy(dst + (y * widthInBytes), src + (y * mapped.RowPitch), widthInBytes);\n                            }\n                        }\n                        d3dContext->Unmap(stagingTexture.get(), 0);\n                        frameDirty.store(true);\n                        }\n                    }\n",[38,4040,4041,4072,4076,4080,4102,4114,4128,4142,4158,4182,4204,4208,4212,4228,4240,4244],{"__ignoreMap":36},[41,4042,4043,4046,4048,4050,4052,4054,4056,4058,4060,4062,4064,4066,4068,4070],{"class":43,"line":44},[41,4044,4045],{"class":47},"if",[41,4047,3250],{"class":61},[41,4049,3419],{"class":51},[41,4051,3422],{"class":61},[41,4053,3425],{"class":51},[41,4055,3379],{"class":61},[41,4057,2492],{"class":51},[41,4059,3432],{"class":61},[41,4061,430],{"class":214},[41,4063,3437],{"class":61},[41,4065,430],{"class":214},[41,4067,307],{"class":61},[41,4069,3032],{"class":47},[41,4071,3446],{"class":61},[41,4073,4074],{"class":43,"line":76},[41,4075,3451],{"class":61},[41,4077,4078],{"class":43,"line":141},[41,4079,3457],{"class":61},[41,4081,4082,4084,4086,4088,4090,4092,4094,4096,4098,4100],{"class":43,"line":149},[41,4083,3463],{"class":51},[41,4085,1034],{"class":61},[41,4087,3468],{"class":51},[41,4089,1908],{"class":61},[41,4091,3473],{"class":51},[41,4093,1034],{"class":61},[41,4095,3478],{"class":51},[41,4097,3481],{"class":61},[41,4099,3484],{"class":51},[41,4101,3487],{"class":61},[41,4103,4104,4106,4108,4110,4112],{"class":43,"line":164},[41,4105,3493],{"class":47},[41,4107,3496],{"class":61},[41,4109,82],{"class":47},[41,4111,3501],{"class":47},[41,4113,3504],{"class":61},[41,4115,4116,4118,4120,4122,4124,4126],{"class":43,"line":176},[41,4117,3493],{"class":47},[41,4119,3512],{"class":61},[41,4121,82],{"class":47},[41,4123,3517],{"class":61},[41,4125,3520],{"class":51},[41,4127,202],{"class":61},[41,4129,4130,4132,4134,4136,4138,4140],{"class":43,"line":183},[41,4131,3528],{"class":47},[41,4133,3531],{"class":61},[41,4135,82],{"class":47},[41,4137,3272],{"class":61},[41,4139,3538],{"class":51},[41,4141,202],{"class":61},[41,4143,4144,4146,4148,4150,4152,4154,4156],{"class":43,"line":189},[41,4145,3546],{"class":47},[41,4147,3549],{"class":61},[41,4149,82],{"class":47},[41,4151,3554],{"class":61},[41,4153,65],{"class":47},[41,4155,2878],{"class":214},[41,4157,161],{"class":61},[41,4159,4160,4162,4164,4166,4168,4170,4172,4174,4176,4178,4180],{"class":43,"line":196},[41,4161,3566],{"class":47},[41,4163,3250],{"class":61},[41,4165,510],{"class":47},[41,4167,3573],{"class":61},[41,4169,82],{"class":47},[41,4171,3009],{"class":214},[41,4173,3580],{"class":61},[41,4175,1908],{"class":47},[41,4177,3585],{"class":61},[41,4179,3588],{"class":47},[41,4181,3591],{"class":61},[41,4183,4184,4186,4188,4190,4192,4194,4196,4198,4200,4202],{"class":43,"line":205},[41,4185,3597],{"class":51},[41,4187,3600],{"class":61},[41,4189,3603],{"class":47},[41,4191,3606],{"class":61},[41,4193,65],{"class":47},[41,4195,3611],{"class":61},[41,4197,3603],{"class":47},[41,4199,3606],{"class":61},[41,4201,65],{"class":47},[41,4203,3620],{"class":61},[41,4205,4206],{"class":43,"line":220},[41,4207,3717],{"class":61},[41,4209,4210],{"class":43,"line":233},[41,4211,3723],{"class":61},[41,4213,4214,4216,4218,4220,4222,4224,4226],{"class":43,"line":241},[41,4215,3734],{"class":61},[41,4217,3737],{"class":51},[41,4219,3379],{"class":61},[41,4221,2492],{"class":51},[41,4223,3432],{"class":61},[41,4225,430],{"class":214},[41,4227,73],{"class":61},[41,4229,4230,4232,4234,4236,4238],{"class":43,"line":246},[41,4231,3753],{"class":61},[41,4233,3756],{"class":51},[41,4235,62],{"class":61},[41,4237,619],{"class":214},[41,4239,73],{"class":61},[41,4241,4242],{"class":43,"line":1601},[41,4243,3723],{"class":61},[41,4245,4246],{"class":43,"line":1607},[41,4247,3895],{"class":61},[15,4249,4250],{},"memcpy的dst是起始的地址，表示写到哪里去。src是源起始地址，表示写到哪里去。count是拷贝的字节数。",[15,4252,4253],{},"使用Unmap解锁，配对的Map必须这么做。并且用脏标记通知渲染 frameDirty = true。",[15,4255,4256],{},"一切做好了之后我们可以创建帧池的会话并且开始捕获了。",[31,4258,4260],{"className":988,"code":4259,"language":990,"meta":36,"style":36},"    auto session = framePool.CreateCaptureSession(item);\n\n    session.StartCapture();\n",[38,4261,4262,4279,4283],{"__ignoreMap":36},[41,4263,4264,4266,4269,4271,4274,4276],{"class":43,"line":44},[41,4265,2346],{"class":47},[41,4267,4268],{"class":61}," session ",[41,4270,82],{"class":47},[41,4272,4273],{"class":61}," framePool.",[41,4275,2606],{"class":51},[41,4277,4278],{"class":61},"(item);\n",[41,4280,4281],{"class":43,"line":76},[41,4282,193],{"emptyLinePlaceholder":192},[41,4284,4285,4288,4291],{"class":43,"line":141},[41,4286,4287],{"class":61},"    session.",[41,4289,4290],{"class":51},"StartCapture",[41,4292,202],{"class":61},[15,4294,4295],{},"系统会开始向framePool投递帧，FrameArrived回调会开始触发并工作。由于D3D和GL的坐标系不一样，GL是左下角开始，y轴朝上，而D3D是左上角开始，y轴朝下。我们需要使用着色器翻转一下。或者不管怎么说，你始终都要用着色器，因为用的是gl。",[31,4297,4299],{"className":988,"code":4298,"language":990,"meta":36,"style":36},"    \u002F\u002F着色器绘制矩形\n\n    const char* vertexShaderSource = R\"(\n\n    #version 460 core\n\n    layout (location = 0) in vec2 aPos;\n\n    layout (location = 1) in vec2 aTexCoords;\n\n    out vec2 TexCoords;\n\n    void main() {\n\n        gl_Position = vec4(aPos, 0.0, 1.0);\n\n        \u002F\u002F 翻转 Y 轴：1.0 - y\n\n        TexCoords = vec2(aTexCoords.x, 1.0 - aTexCoords.y);\n\n    }\n\n)\";\n\n \n\n    const char* fragmentShaderSource = R\"(\n\n    #version 460 core\n\n    out vec4 FragColor;\n\n    in vec2 TexCoords;\n\n    uniform sampler2D screenTexture;\n\n    void main() {\n\n        vec4 sampledColor = texture(screenTexture, TexCoords);\n\n        \u002F\u002F 关键：只取 RGB，Alpha 强行设为 1.0\n\n        FragColor = vec4(sampledColor.rgb, 1.0);\n\n    }\n\n)\";\n",[38,4300,4301,4306,4310,4326,4330,4335,4339,4344,4348,4353,4357,4362,4366,4371,4375,4380,4384,4389,4393,4398,4402,4407,4411,4418,4422,4426,4430,4443,4447,4451,4455,4460,4464,4469,4473,4478,4482,4486,4490,4495,4499,4504,4508,4513,4517,4521,4525],{"__ignoreMap":36},[41,4302,4303],{"class":43,"line":44},[41,4304,4305],{"class":179},"    \u002F\u002F着色器绘制矩形\n",[41,4307,4308],{"class":43,"line":76},[41,4309,193],{"emptyLinePlaceholder":192},[41,4311,4312,4315,4318,4321,4323],{"class":43,"line":141},[41,4313,4314],{"class":47},"    const",[41,4316,4317],{"class":47}," char*",[41,4319,4320],{"class":61}," vertexShaderSource ",[41,4322,82],{"class":47},[41,4324,4325],{"class":101}," R\"(\n",[41,4327,4328],{"class":43,"line":149},[41,4329,193],{"emptyLinePlaceholder":192},[41,4331,4332],{"class":43,"line":164},[41,4333,4334],{"class":101},"    #version 460 core\n",[41,4336,4337],{"class":43,"line":176},[41,4338,193],{"emptyLinePlaceholder":192},[41,4340,4341],{"class":43,"line":183},[41,4342,4343],{"class":101},"    layout (location = 0) in vec2 aPos;\n",[41,4345,4346],{"class":43,"line":189},[41,4347,193],{"emptyLinePlaceholder":192},[41,4349,4350],{"class":43,"line":196},[41,4351,4352],{"class":101},"    layout (location = 1) in vec2 aTexCoords;\n",[41,4354,4355],{"class":43,"line":205},[41,4356,193],{"emptyLinePlaceholder":192},[41,4358,4359],{"class":43,"line":220},[41,4360,4361],{"class":101},"    out vec2 TexCoords;\n",[41,4363,4364],{"class":43,"line":233},[41,4365,193],{"emptyLinePlaceholder":192},[41,4367,4368],{"class":43,"line":241},[41,4369,4370],{"class":101},"    void main() {\n",[41,4372,4373],{"class":43,"line":246},[41,4374,193],{"emptyLinePlaceholder":192},[41,4376,4377],{"class":43,"line":1601},[41,4378,4379],{"class":101},"        gl_Position = vec4(aPos, 0.0, 1.0);\n",[41,4381,4382],{"class":43,"line":1607},[41,4383,193],{"emptyLinePlaceholder":192},[41,4385,4386],{"class":43,"line":1615},[41,4387,4388],{"class":101},"        \u002F\u002F 翻转 Y 轴：1.0 - y\n",[41,4390,4391],{"class":43,"line":1624},[41,4392,193],{"emptyLinePlaceholder":192},[41,4394,4395],{"class":43,"line":1631},[41,4396,4397],{"class":101},"        TexCoords = vec2(aTexCoords.x, 1.0 - aTexCoords.y);\n",[41,4399,4400],{"class":43,"line":1639},[41,4401,193],{"emptyLinePlaceholder":192},[41,4403,4404],{"class":43,"line":1757},[41,4405,4406],{"class":101},"    }\n",[41,4408,4409],{"class":43,"line":1763},[41,4410,193],{"emptyLinePlaceholder":192},[41,4412,4413,4416],{"class":43,"line":3454},[41,4414,4415],{"class":101},")\"",[41,4417,161],{"class":61},[41,4419,4420],{"class":43,"line":3460},[41,4421,193],{"emptyLinePlaceholder":192},[41,4423,4424],{"class":43,"line":3490},[41,4425,1962],{"class":61},[41,4427,4428],{"class":43,"line":3507},[41,4429,193],{"emptyLinePlaceholder":192},[41,4431,4432,4434,4436,4439,4441],{"class":43,"line":3525},[41,4433,4314],{"class":47},[41,4435,4317],{"class":47},[41,4437,4438],{"class":61}," fragmentShaderSource ",[41,4440,82],{"class":47},[41,4442,4325],{"class":101},[41,4444,4445],{"class":43,"line":3543},[41,4446,193],{"emptyLinePlaceholder":192},[41,4448,4449],{"class":43,"line":3563},[41,4450,4334],{"class":101},[41,4452,4453],{"class":43,"line":3594},[41,4454,193],{"emptyLinePlaceholder":192},[41,4456,4457],{"class":43,"line":3623},[41,4458,4459],{"class":101},"    out vec4 FragColor;\n",[41,4461,4462],{"class":43,"line":3628},[41,4463,193],{"emptyLinePlaceholder":192},[41,4465,4466],{"class":43,"line":3633},[41,4467,4468],{"class":101},"    in vec2 TexCoords;\n",[41,4470,4471],{"class":43,"line":3638},[41,4472,193],{"emptyLinePlaceholder":192},[41,4474,4475],{"class":43,"line":3644},[41,4476,4477],{"class":101},"    uniform sampler2D screenTexture;\n",[41,4479,4480],{"class":43,"line":3674},[41,4481,193],{"emptyLinePlaceholder":192},[41,4483,4484],{"class":43,"line":3708},[41,4485,4370],{"class":101},[41,4487,4488],{"class":43,"line":3714},[41,4489,193],{"emptyLinePlaceholder":192},[41,4491,4492],{"class":43,"line":3720},[41,4493,4494],{"class":101},"        vec4 sampledColor = texture(screenTexture, TexCoords);\n",[41,4496,4497],{"class":43,"line":3726},[41,4498,193],{"emptyLinePlaceholder":192},[41,4500,4501],{"class":43,"line":3731},[41,4502,4503],{"class":101},"        \u002F\u002F 关键：只取 RGB，Alpha 强行设为 1.0\n",[41,4505,4506],{"class":43,"line":3750},[41,4507,193],{"emptyLinePlaceholder":192},[41,4509,4510],{"class":43,"line":3765},[41,4511,4512],{"class":101},"        FragColor = vec4(sampledColor.rgb, 1.0);\n",[41,4514,4515],{"class":43,"line":3770},[41,4516,193],{"emptyLinePlaceholder":192},[41,4518,4519],{"class":43,"line":3775},[41,4520,4406],{"class":101},[41,4522,4523],{"class":43,"line":3780},[41,4524,193],{"emptyLinePlaceholder":192},[41,4526,4527,4529],{"class":43,"line":3786},[41,4528,4415],{"class":101},[41,4530,161],{"class":61},[15,4532,4533],{},"这里我们编写一个顶点着色器，一个片段着色器。使用编译和链接着色器的辅助函数：",[31,4535,4537],{"className":988,"code":4536,"language":990,"meta":36,"style":36},"\u002F\u002F 编译单个着色器的辅助函数\n\nGLuint compileShader(GLenum type, const char* source) {\n    GLuint shader = glCreateShader(type);\n    glShaderSource(shader, 1, &source, nullptr);\n    glCompileShader(shader);\n    \u002F\u002F 检查编译是否成功\n    int success;\n    char infoLog[512];\n    glGetShaderiv(shader, GL_COMPILE_STATUS, &success);\n    if (!success) {\n        glGetShaderInfoLog(shader, 512, nullptr, infoLog);\n        \u002F\u002F 这里用了你代码里的 logger，如果没有就改用 printf\n        fmt::print(fg(fmt::color::red), \"ERROR::SHADER::COMPILATION_FAILED\\n{}\\n\", infoLog);\n    }\n    return shader;\n}\n\n\u002F\u002F 链接着色器程序的辅助函数\n\nGLuint createShaderProgram(const char* vShaderCode, const char* fShaderCode) {\n    GLuint vertex = compileShader(GL_VERTEX_SHADER, vShaderCode);\n    GLuint fragment = compileShader(GL_FRAGMENT_SHADER, fShaderCode);\n    GLuint program = glCreateProgram();\n    glAttachShader(program, vertex);\n    glAttachShader(program, fragment);\n    glLinkProgram(program);\n    \u002F\u002F 检查链接是否成功\n    int success;\n    char infoLog[512];\n    glGetProgramiv(program, GL_LINK_STATUS, &success);\n    if (!success) {\n        glGetProgramInfoLog(program, 512, nullptr, infoLog);\n        fmt::print(fg(fmt::color::red), \"ERROR::SHADER::PROGRAM::LINKING_FAILED\\n{}\\n\", infoLog);\n    }\n    \u002F\u002F 链接完就可以删掉中间件了\n    glDeleteShader(vertex);\n    glDeleteShader(fragment);\n    return program;\n\n}\n",[38,4538,4539,4544,4548,4576,4592,4613,4621,4626,4634,4648,4661,4673,4689,4694,4731,4735,4743,4747,4751,4756,4760,4787,4801,4815,4829,4837,4844,4852,4857,4863,4873,4885,4895,4911,4946,4950,4955,4963,4970,4977,4981],{"__ignoreMap":36},[41,4540,4541],{"class":43,"line":44},[41,4542,4543],{"class":179},"\u002F\u002F 编译单个着色器的辅助函数\n",[41,4545,4546],{"class":43,"line":76},[41,4547,193],{"emptyLinePlaceholder":192},[41,4549,4550,4553,4556,4558,4561,4564,4566,4569,4571,4574],{"class":43,"line":141},[41,4551,4552],{"class":51},"GLuint",[41,4554,4555],{"class":51}," compileShader",[41,4557,62],{"class":61},[41,4559,4560],{"class":51},"GLenum",[41,4562,4563],{"class":504}," type",[41,4565,307],{"class":61},[41,4567,4568],{"class":47},"const",[41,4570,4317],{"class":47},[41,4572,4573],{"class":504}," source",[41,4575,343],{"class":61},[41,4577,4578,4581,4584,4586,4589],{"class":43,"line":149},[41,4579,4580],{"class":51},"    GLuint",[41,4582,4583],{"class":61}," shader ",[41,4585,82],{"class":47},[41,4587,4588],{"class":51}," glCreateShader",[41,4590,4591],{"class":61},"(type);\n",[41,4593,4594,4597,4600,4602,4604,4606,4609,4611],{"class":43,"line":164},[41,4595,4596],{"class":51},"    glShaderSource",[41,4598,4599],{"class":61},"(shader, ",[41,4601,1290],{"class":214},[41,4603,307],{"class":61},[41,4605,3032],{"class":47},[41,4607,4608],{"class":61},"source, ",[41,4610,320],{"class":214},[41,4612,73],{"class":61},[41,4614,4615,4618],{"class":43,"line":176},[41,4616,4617],{"class":51},"    glCompileShader",[41,4619,4620],{"class":61},"(shader);\n",[41,4622,4623],{"class":43,"line":183},[41,4624,4625],{"class":179},"    \u002F\u002F 检查编译是否成功\n",[41,4627,4628,4631],{"class":43,"line":189},[41,4629,4630],{"class":47},"    int",[41,4632,4633],{"class":61}," success;\n",[41,4635,4636,4639,4642,4645],{"class":43,"line":196},[41,4637,4638],{"class":47},"    char",[41,4640,4641],{"class":61}," infoLog[",[41,4643,4644],{"class":214},"512",[41,4646,4647],{"class":61},"];\n",[41,4649,4650,4653,4656,4658],{"class":43,"line":205},[41,4651,4652],{"class":51},"    glGetShaderiv",[41,4654,4655],{"class":61},"(shader, GL_COMPILE_STATUS, ",[41,4657,3032],{"class":47},[41,4659,4660],{"class":61},"success);\n",[41,4662,4663,4666,4668,4670],{"class":43,"line":220},[41,4664,4665],{"class":47},"    if",[41,4667,3250],{"class":61},[41,4669,574],{"class":47},[41,4671,4672],{"class":61},"success) {\n",[41,4674,4675,4678,4680,4682,4684,4686],{"class":43,"line":233},[41,4676,4677],{"class":51},"        glGetShaderInfoLog",[41,4679,4599],{"class":61},[41,4681,4644],{"class":214},[41,4683,307],{"class":61},[41,4685,320],{"class":214},[41,4687,4688],{"class":61},", infoLog);\n",[41,4690,4691],{"class":43,"line":241},[41,4692,4693],{"class":179},"        \u002F\u002F 这里用了你代码里的 logger，如果没有就改用 printf\n",[41,4695,4696,4699,4701,4703,4705,4707,4709,4711,4713,4715,4717,4720,4722,4725,4727,4729],{"class":43,"line":246},[41,4697,4698],{"class":51},"        fmt",[41,4700,1034],{"class":61},[41,4702,1037],{"class":51},[41,4704,62],{"class":61},[41,4706,1042],{"class":51},[41,4708,62],{"class":61},[41,4710,1047],{"class":51},[41,4712,1034],{"class":61},[41,4714,1052],{"class":51},[41,4716,3951],{"class":61},[41,4718,4719],{"class":101},"\"ERROR::SHADER::COMPILATION_FAILED",[41,4721,813],{"class":214},[41,4723,4724],{"class":101},"{}",[41,4726,813],{"class":214},[41,4728,816],{"class":101},[41,4730,4688],{"class":61},[41,4732,4733],{"class":43,"line":1601},[41,4734,4406],{"class":61},[41,4736,4737,4740],{"class":43,"line":1607},[41,4738,4739],{"class":47},"    return",[41,4741,4742],{"class":61}," shader;\n",[41,4744,4745],{"class":43,"line":1615},[41,4746,249],{"class":61},[41,4748,4749],{"class":43,"line":1624},[41,4750,193],{"emptyLinePlaceholder":192},[41,4752,4753],{"class":43,"line":1631},[41,4754,4755],{"class":179},"\u002F\u002F 链接着色器程序的辅助函数\n",[41,4757,4758],{"class":43,"line":1639},[41,4759,193],{"emptyLinePlaceholder":192},[41,4761,4762,4764,4767,4769,4771,4773,4776,4778,4780,4782,4785],{"class":43,"line":1757},[41,4763,4552],{"class":51},[41,4765,4766],{"class":51}," createShaderProgram",[41,4768,62],{"class":61},[41,4770,4568],{"class":47},[41,4772,4317],{"class":47},[41,4774,4775],{"class":504}," vShaderCode",[41,4777,307],{"class":61},[41,4779,4568],{"class":47},[41,4781,4317],{"class":47},[41,4783,4784],{"class":504}," fShaderCode",[41,4786,343],{"class":61},[41,4788,4789,4791,4794,4796,4798],{"class":43,"line":1763},[41,4790,4580],{"class":51},[41,4792,4793],{"class":61}," vertex ",[41,4795,82],{"class":47},[41,4797,4555],{"class":51},[41,4799,4800],{"class":61},"(GL_VERTEX_SHADER, vShaderCode);\n",[41,4802,4803,4805,4808,4810,4812],{"class":43,"line":3454},[41,4804,4580],{"class":51},[41,4806,4807],{"class":61}," fragment ",[41,4809,82],{"class":47},[41,4811,4555],{"class":51},[41,4813,4814],{"class":61},"(GL_FRAGMENT_SHADER, fShaderCode);\n",[41,4816,4817,4819,4822,4824,4827],{"class":43,"line":3460},[41,4818,4580],{"class":51},[41,4820,4821],{"class":61}," program ",[41,4823,82],{"class":47},[41,4825,4826],{"class":51}," glCreateProgram",[41,4828,202],{"class":61},[41,4830,4831,4834],{"class":43,"line":3490},[41,4832,4833],{"class":51},"    glAttachShader",[41,4835,4836],{"class":61},"(program, vertex);\n",[41,4838,4839,4841],{"class":43,"line":3507},[41,4840,4833],{"class":51},[41,4842,4843],{"class":61},"(program, fragment);\n",[41,4845,4846,4849],{"class":43,"line":3525},[41,4847,4848],{"class":51},"    glLinkProgram",[41,4850,4851],{"class":61},"(program);\n",[41,4853,4854],{"class":43,"line":3543},[41,4855,4856],{"class":179},"    \u002F\u002F 检查链接是否成功\n",[41,4858,4859,4861],{"class":43,"line":3563},[41,4860,4630],{"class":47},[41,4862,4633],{"class":61},[41,4864,4865,4867,4869,4871],{"class":43,"line":3594},[41,4866,4638],{"class":47},[41,4868,4641],{"class":61},[41,4870,4644],{"class":214},[41,4872,4647],{"class":61},[41,4874,4875,4878,4881,4883],{"class":43,"line":3623},[41,4876,4877],{"class":51},"    glGetProgramiv",[41,4879,4880],{"class":61},"(program, GL_LINK_STATUS, ",[41,4882,3032],{"class":47},[41,4884,4660],{"class":61},[41,4886,4887,4889,4891,4893],{"class":43,"line":3628},[41,4888,4665],{"class":47},[41,4890,3250],{"class":61},[41,4892,574],{"class":47},[41,4894,4672],{"class":61},[41,4896,4897,4900,4903,4905,4907,4909],{"class":43,"line":3633},[41,4898,4899],{"class":51},"        glGetProgramInfoLog",[41,4901,4902],{"class":61},"(program, ",[41,4904,4644],{"class":214},[41,4906,307],{"class":61},[41,4908,320],{"class":214},[41,4910,4688],{"class":61},[41,4912,4913,4915,4917,4919,4921,4923,4925,4927,4929,4931,4933,4936,4938,4940,4942,4944],{"class":43,"line":3638},[41,4914,4698],{"class":51},[41,4916,1034],{"class":61},[41,4918,1037],{"class":51},[41,4920,62],{"class":61},[41,4922,1042],{"class":51},[41,4924,62],{"class":61},[41,4926,1047],{"class":51},[41,4928,1034],{"class":61},[41,4930,1052],{"class":51},[41,4932,3951],{"class":61},[41,4934,4935],{"class":101},"\"ERROR::SHADER::PROGRAM::LINKING_FAILED",[41,4937,813],{"class":214},[41,4939,4724],{"class":101},[41,4941,813],{"class":214},[41,4943,816],{"class":101},[41,4945,4688],{"class":61},[41,4947,4948],{"class":43,"line":3644},[41,4949,4406],{"class":61},[41,4951,4952],{"class":43,"line":3674},[41,4953,4954],{"class":179},"    \u002F\u002F 链接完就可以删掉中间件了\n",[41,4956,4957,4960],{"class":43,"line":3708},[41,4958,4959],{"class":51},"    glDeleteShader",[41,4961,4962],{"class":61},"(vertex);\n",[41,4964,4965,4967],{"class":43,"line":3714},[41,4966,4959],{"class":51},[41,4968,4969],{"class":61},"(fragment);\n",[41,4971,4972,4974],{"class":43,"line":3720},[41,4973,4739],{"class":47},[41,4975,4976],{"class":61}," program;\n",[41,4978,4979],{"class":43,"line":3726},[41,4980,193],{"emptyLinePlaceholder":192},[41,4982,4983],{"class":43,"line":3731},[41,4984,249],{"class":61},[15,4986,4987],{},"编写绘制方法就可以绘制了：",[31,4989,4991],{"className":988,"code":4990,"language":990,"meta":36,"style":36},"struct AppRenderState {\n    GLFWwindow* window{};\n    GLuint shaderProgram{};\n    GLuint VAO{};\n    GLuint texture{};\n    GLint screenTextureLoc{};\n    std::mutex* bufferMutex{};\n    std::vector\u003Cuint8_t>* pixelBuffer{};\n    std::atomic\u003Cbool>* frameDirty{};\n    int texWidth{};\n    int texHeight{};\n    bool ready{};\n};\n\n \n\nstatic AppRenderState g_render;\nvoid static processInput(GLFWwindow* window);\nstatic void draw_present_frame(AppRenderState& s) {\n\n    if (!s.ready || !s.window)\n        return;\n    glfwMakeContextCurrent(s.window);\n\n    if (s.frameDirty->load()) {\n        std::lock_guard\u003Cstd::mutex> lock(*s.bufferMutex);\n        glBindTexture(GL_TEXTURE_2D, s.texture);\n        glPixelStorei(GL_UNPACK_ALIGNMENT, 4);\n        glTexSubImage2D(GL_TEXTURE_2D, 0, 0, 0, s.texWidth, s.texHeight,\n            GL_BGRA, GL_UNSIGNED_BYTE, s.pixelBuffer->data());\n        s.frameDirty->store(false);\n    }\n\n \n\n    glClearColor(0.1f, 0.1f, 0.1f, 1.0f);\n    glClear(GL_COLOR_BUFFER_BIT);\n    glUseProgram(s.shaderProgram);\n    glUniform1i(s.screenTextureLoc, 0);\n    glActiveTexture(GL_TEXTURE0);\n    glBindTexture(GL_TEXTURE_2D, s.texture);\n    glBindVertexArray(s.VAO);\n    glDrawArrays(GL_TRIANGLES, 0, 6);\n    glfwSwapBuffers(s.window);\n}\n",[38,4992,4993,5003,5013,5020,5027,5034,5042,5054,5066,5079,5086,5093,5101,5106,5110,5114,5118,5126,5142,5163,5167,5187,5194,5202,5206,5219,5247,5255,5267,5288,5297,5310,5314,5318,5322,5326,5358,5365,5373,5385,5393,5400,5408,5424,5431],{"__ignoreMap":36},[41,4994,4995,4998,5001],{"class":43,"line":44},[41,4996,4997],{"class":47},"struct",[41,4999,5000],{"class":51}," AppRenderState",[41,5002,3225],{"class":61},[41,5004,5005,5008,5010],{"class":43,"line":76},[41,5006,5007],{"class":61},"    GLFWwindow",[41,5009,65],{"class":47},[41,5011,5012],{"class":61}," window{};\n",[41,5014,5015,5017],{"class":43,"line":141},[41,5016,4580],{"class":51},[41,5018,5019],{"class":61}," shaderProgram{};\n",[41,5021,5022,5024],{"class":43,"line":149},[41,5023,4580],{"class":51},[41,5025,5026],{"class":61}," VAO{};\n",[41,5028,5029,5031],{"class":43,"line":164},[41,5030,4580],{"class":51},[41,5032,5033],{"class":61}," texture{};\n",[41,5035,5036,5039],{"class":43,"line":176},[41,5037,5038],{"class":51},"    GLint",[41,5040,5041],{"class":61}," screenTextureLoc{};\n",[41,5043,5044,5046,5049,5051],{"class":43,"line":183},[41,5045,1967],{"class":51},[41,5047,5048],{"class":61},"::mutex",[41,5050,65],{"class":47},[41,5052,5053],{"class":61}," bufferMutex{};\n",[41,5055,5056,5058,5060,5063],{"class":43,"line":189},[41,5057,1967],{"class":51},[41,5059,1981],{"class":61},[41,5061,5062],{"class":47},"\u003Cuint8_t>*",[41,5064,5065],{"class":61}," pixelBuffer{};\n",[41,5067,5068,5070,5073,5076],{"class":43,"line":196},[41,5069,1967],{"class":51},[41,5071,5072],{"class":61},"::atomic",[41,5074,5075],{"class":47},"\u003Cbool>*",[41,5077,5078],{"class":61}," frameDirty{};\n",[41,5080,5081,5083],{"class":43,"line":205},[41,5082,4630],{"class":47},[41,5084,5085],{"class":61}," texWidth{};\n",[41,5087,5088,5090],{"class":43,"line":220},[41,5089,4630],{"class":47},[41,5091,5092],{"class":61}," texHeight{};\n",[41,5094,5095,5098],{"class":43,"line":233},[41,5096,5097],{"class":47},"    bool",[41,5099,5100],{"class":61}," ready{};\n",[41,5102,5103],{"class":43,"line":241},[41,5104,5105],{"class":61},"};\n",[41,5107,5108],{"class":43,"line":246},[41,5109,193],{"emptyLinePlaceholder":192},[41,5111,5112],{"class":43,"line":1601},[41,5113,1962],{"class":61},[41,5115,5116],{"class":43,"line":1607},[41,5117,193],{"emptyLinePlaceholder":192},[41,5119,5120,5123],{"class":43,"line":1615},[41,5121,5122],{"class":47},"static",[41,5124,5125],{"class":61}," AppRenderState g_render;\n",[41,5127,5128,5130,5132,5135,5137,5139],{"class":43,"line":1624},[41,5129,167],{"class":47},[41,5131,999],{"class":47},[41,5133,5134],{"class":51}," processInput",[41,5136,1005],{"class":61},[41,5138,65],{"class":47},[41,5140,5141],{"class":61}," window);\n",[41,5143,5144,5146,5148,5151,5153,5156,5158,5161],{"class":43,"line":1631},[41,5145,5122],{"class":47},[41,5147,58],{"class":47},[41,5149,5150],{"class":51}," draw_present_frame",[41,5152,62],{"class":61},[41,5154,5155],{"class":51},"AppRenderState",[41,5157,3032],{"class":47},[41,5159,5160],{"class":504}," s",[41,5162,343],{"class":61},[41,5164,5165],{"class":43,"line":1639},[41,5166,193],{"emptyLinePlaceholder":192},[41,5168,5169,5171,5173,5175,5178,5181,5184],{"class":43,"line":1757},[41,5170,4665],{"class":47},[41,5172,3250],{"class":61},[41,5174,574],{"class":47},[41,5176,5177],{"class":61},"s.ready ",[41,5179,5180],{"class":47},"||",[41,5182,5183],{"class":47}," !",[41,5185,5186],{"class":61},"s.window)\n",[41,5188,5189,5192],{"class":43,"line":1763},[41,5190,5191],{"class":47},"        return",[41,5193,161],{"class":61},[41,5195,5196,5199],{"class":43,"line":3454},[41,5197,5198],{"class":51},"    glfwMakeContextCurrent",[41,5200,5201],{"class":61},"(s.window);\n",[41,5203,5204],{"class":43,"line":3460},[41,5205,193],{"emptyLinePlaceholder":192},[41,5207,5208,5210,5213,5216],{"class":43,"line":3490},[41,5209,4665],{"class":47},[41,5211,5212],{"class":61}," (s.frameDirty->",[41,5214,5215],{"class":51},"load",[41,5217,5218],{"class":61},"()) {\n",[41,5220,5221,5224,5226,5228,5230,5232,5234,5236,5238,5240,5242,5244],{"class":43,"line":3507},[41,5222,5223],{"class":51},"        std",[41,5225,1034],{"class":61},[41,5227,3468],{"class":51},[41,5229,1908],{"class":61},[41,5231,3473],{"class":51},[41,5233,1034],{"class":61},[41,5235,3478],{"class":51},[41,5237,3481],{"class":61},[41,5239,3484],{"class":51},[41,5241,62],{"class":61},[41,5243,65],{"class":47},[41,5245,5246],{"class":61},"s.bufferMutex);\n",[41,5248,5249,5252],{"class":43,"line":3525},[41,5250,5251],{"class":51},"        glBindTexture",[41,5253,5254],{"class":61},"(GL_TEXTURE_2D, s.texture);\n",[41,5256,5257,5260,5263,5265],{"class":43,"line":3543},[41,5258,5259],{"class":51},"        glPixelStorei",[41,5261,5262],{"class":61},"(GL_UNPACK_ALIGNMENT, ",[41,5264,215],{"class":214},[41,5266,73],{"class":61},[41,5268,5269,5272,5275,5277,5279,5281,5283,5285],{"class":43,"line":3563},[41,5270,5271],{"class":51},"        glTexSubImage2D",[41,5273,5274],{"class":61},"(GL_TEXTURE_2D, ",[41,5276,430],{"class":214},[41,5278,307],{"class":61},[41,5280,430],{"class":214},[41,5282,307],{"class":61},[41,5284,430],{"class":214},[41,5286,5287],{"class":61},", s.texWidth, s.texHeight,\n",[41,5289,5290,5293,5295],{"class":43,"line":3594},[41,5291,5292],{"class":61},"            GL_BGRA, GL_UNSIGNED_BYTE, s.pixelBuffer->",[41,5294,3520],{"class":51},[41,5296,3045],{"class":61},[41,5298,5299,5302,5304,5306,5308],{"class":43,"line":3623},[41,5300,5301],{"class":61},"        s.frameDirty->",[41,5303,3756],{"class":51},[41,5305,62],{"class":61},[41,5307,2011],{"class":214},[41,5309,73],{"class":61},[41,5311,5312],{"class":43,"line":3628},[41,5313,4406],{"class":61},[41,5315,5316],{"class":43,"line":3633},[41,5317,193],{"emptyLinePlaceholder":192},[41,5319,5320],{"class":43,"line":3638},[41,5321,1962],{"class":61},[41,5323,5324],{"class":43,"line":3644},[41,5325,193],{"emptyLinePlaceholder":192},[41,5327,5328,5331,5333,5336,5338,5340,5342,5344,5346,5348,5350,5352,5354,5356],{"class":43,"line":3674},[41,5329,5330],{"class":51},"    glClearColor",[41,5332,62],{"class":61},[41,5334,5335],{"class":214},"0.1",[41,5337,674],{"class":47},[41,5339,307],{"class":61},[41,5341,5335],{"class":214},[41,5343,674],{"class":47},[41,5345,307],{"class":61},[41,5347,5335],{"class":214},[41,5349,674],{"class":47},[41,5351,307],{"class":61},[41,5353,692],{"class":214},[41,5355,674],{"class":47},[41,5357,73],{"class":61},[41,5359,5360,5363],{"class":43,"line":3708},[41,5361,5362],{"class":51},"    glClear",[41,5364,704],{"class":61},[41,5366,5367,5370],{"class":43,"line":3714},[41,5368,5369],{"class":51},"    glUseProgram",[41,5371,5372],{"class":61},"(s.shaderProgram);\n",[41,5374,5375,5378,5381,5383],{"class":43,"line":3720},[41,5376,5377],{"class":51},"    glUniform1i",[41,5379,5380],{"class":61},"(s.screenTextureLoc, ",[41,5382,430],{"class":214},[41,5384,73],{"class":61},[41,5386,5387,5390],{"class":43,"line":3726},[41,5388,5389],{"class":51},"    glActiveTexture",[41,5391,5392],{"class":61},"(GL_TEXTURE0);\n",[41,5394,5395,5398],{"class":43,"line":3731},[41,5396,5397],{"class":51},"    glBindTexture",[41,5399,5254],{"class":61},[41,5401,5402,5405],{"class":43,"line":3750},[41,5403,5404],{"class":51},"    glBindVertexArray",[41,5406,5407],{"class":61},"(s.VAO);\n",[41,5409,5410,5413,5416,5418,5420,5422],{"class":43,"line":3765},[41,5411,5412],{"class":51},"    glDrawArrays",[41,5414,5415],{"class":61},"(GL_TRIANGLES, ",[41,5417,430],{"class":214},[41,5419,307],{"class":61},[41,5421,228],{"class":214},[41,5423,73],{"class":61},[41,5425,5426,5429],{"class":43,"line":3770},[41,5427,5428],{"class":51},"    glfwSwapBuffers",[41,5430,5201],{"class":61},[41,5432,5433],{"class":43,"line":3775},[41,5434,249],{"class":61},[5436,5437,5438],"style",{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":36,"searchDepth":76,"depth":76,"links":5440},[5441,5442,5443,5447],{"id":12,"depth":76,"text":13},{"id":114,"depth":76,"text":115},{"id":721,"depth":76,"text":721,"children":5444},[5445,5446],{"id":939,"depth":141,"text":939},{"id":1088,"depth":141,"text":1088},{"id":1426,"depth":76,"text":1427,"children":5448},[5449,5450,5451],{"id":1872,"depth":141,"text":1873},{"id":2597,"depth":141,"text":2597},{"id":3048,"depth":141,"text":3048},"md",{},"\u002Fgraphy\u002Fglfw窗口",{"description":36},"graphy\u002FGLFW窗口","Ai2yMozAQvHHmCrGf7VXfBhgHz4E2SD0ukrZrQcBs4E",1792338202294]