{"id":5124,"date":"2026-01-29T16:50:05","date_gmt":"2026-01-29T08:50:05","guid":{"rendered":"https:\/\/www.haruhi.fans\/?p=5124"},"modified":"2026-02-07T12:03:21","modified_gmt":"2026-02-07T04:03:21","slug":"opengl%e7%ac%94%e8%ae%b0","status":"publish","type":"post","link":"https:\/\/www.haruhi.fans\/?p=5124","title":{"rendered":"Opengl\u7b14\u8bb0"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u5165\u95e8<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u57fa\u7840\u77e5\u8bc6<\/h3>\n\n\n\n<p>Opengl\uff1a\u4e00\u4e2a\u89c4\u8303\uff0c\u5305\u542b\u4e86\u4e00\u7cfb\u5217\u53ef\u4ee5\u64cd\u4f5c\u56fe\u5f62\u3001\u56fe\u50cf\u7684\u51fd\u6570\u3002Opengl\u4e25\u683c\u7684\u89c4\u5b9a\u4e86\u6bcf\u4e00\u4e2a\u51fd\u6570\u5e94\u8be5\u5982\u4f55\u6267\u884c\uff0c\u4ee5\u53ca\u8f93\u51fa\u503c\uff0c\u4f46\u662f\u5bf9\u4e8e\u5177\u4f53\u7684\u5b9e\u73b0\u53ef\u4ee5\u81ea\u5df1\u5b9e\u73b0\uff0c\u7ed3\u679c\u6b63\u786e\u5c31\u53ef\u4ee5\u3002<\/p>\n\n\n\n<p>\u7acb\u5373\u6e32\u67d3\u6a21\u5f0f\uff08Immediate mode\uff0c\u4e5f\u5c31\u662f\u56fa\u5b9a\u6e32\u67d3\u7ba1\u7ebf\uff09\uff1a\u7ed8\u56fe\u65b9\u4fbf\uff0c\u5bb9\u6613\u7406\u89e3\uff0c\u4f46\u662f\u6548\u7387\u592a\u4f4e\u3002\u5df2\u5e9f\u6b62<br>\u6838\u5fc3\u6a21\u5f0f\uff1a\u4e0a\u624b\u66f4\u96be\uff0c\u8981\u6c42\u4f7f\u7528\u73b0\u4ee3\u51fd\u6570\u3002\u4f46\u63d0\u4f9b\u4e86\u66f4\u591a\u7684\u7075\u6d3b\u6027\uff0c\u66f4\u9ad8\u7684\u6548\u7387\uff0c\u66f4\u91cd\u8981\u7684\u662f\u53ef\u4ee5\u66f4\u6df1\u5165\u7684\u7406\u89e3\u56fe\u5f62\u7f16\u7a0b\u3002<\/p>\n\n\n\n<p>\u6269\u5c55\uff1a\u5f53\u51fa\u65b0\u7684\u6e32\u67d3\u7279\u6027\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u6309\u7167\u4e0b\u9762\u7684\u65b9\u6cd5\uff0c\u68c0\u67e5\u4e00\u4e0b\u662f\u5426\u652f\u6301\u8fd9\u4e2a\u6269\u5c55\uff0c\u7136\u540e\u7ed9\u4e0e\u4e0d\u540c\u7684\u5b9e\u73b0\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>if(GL_ARB_extension_name)\n{\n    \/\/ \u4f7f\u7528\u786c\u4ef6\u652f\u6301\u7684\u5168\u65b0\u7684\u73b0\u4ee3\u7279\u6027\n}\nelse\n{\n    \/\/ \u4e0d\u652f\u6301\u6b64\u6269\u5c55: \u7528\u65e7\u7684\u65b9\u5f0f\u53bb\u505a\n}<\/code><\/pre>\n\n\n\n<p>\u72b6\u6001\u673a\uff1aOpenGL\u81ea\u8eab\u662f\u4e00\u4e2a\u5de8\u5927\u7684\u72b6\u6001\u673a(State Machine)\u2014\u2014\u4e00\u7cfb\u5217\u7684\u53d8\u91cf\u63cf\u8ff0OpenGL\u6b64\u523b\u5e94\u5f53\u5982\u4f55\u8fd0\u884c<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Start\uff01<\/h3>\n\n\n\n<p>\u4e0b\u8f7d\uff1a<a href=\"https:\/\/www.glfw.org\/download.html\">https:\/\/www.glfw.org\/download.html<\/a>\uff0c\u9009\u62e964-bit windows\uff0c\u4e0b\u8f7d\u540e\u89e3\u538b\uff0c\u5f97\u5230\u5982\u4e0b<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-4-1024x695.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"695\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-4-1024x695.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5126\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>include\/\n<ul class=\"wp-block-list\">\n<li>\u7ed9\u4f60\u7684\u9879\u76ee <code>#include &lt;GLFW\/glfw3.h&gt;<\/code> \u7528\u7684\u201c\u5934\u6587\u4ef6\u76ee\u5f55\u201d<\/li>\n\n\n\n<li>\u5f53\u7136\u53ea\u5305\u542b\u7533\u660e\uff0c\u4e0d\u5305\u542b\u5b9e\u73b0\uff0c\u771f\u6b63\u7684\u5b9e\u73b0\u6765\u81ea\u4e8e\u4e0b\u9762\u7684\u5e93\u6587\u4ef6\uff08<code>.a\/.lib<\/code>\uff09\u6216 DLL<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>lib-mingw-w64\/\n<ul class=\"wp-block-list\">\n<li>\u4f7f\u7528MinGW\u7528\u7684\u65f6\u5019\uff0c\u94fe\u63a5\u7684\u5e93\u6587\u4ef6\uff0cMake \u91cc\u5199 <code>target_link_directories(... lib-mingw-w64)<\/code> \u540e\uff0c<code>target_link_libraries(... glfw3 \u6216 glfw3dll)<\/code> \u5c31\u4f1a\u5728\u8fd9\u91cc\u627e\u5e93<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>\u4f7f\u7528\u7684\u8bdd\uff0c\u9700\u8981\u521b\u5efa\u4e00\u4e2aCMake\u6587\u4ef6\uff0c\u7136\u540e\u8c03\u7528\u3002\u5378\u8f7d\u522b\u5904\uff0c\u6309\u7167\u8fd9\u4e2a\u914d\u7f6e\u4e00\u4e0b\u5f15\u5165\u5373\u53ef\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cmake_minimum_required(VERSION 3.20)\nproject(OpenGLDemo LANGUAGES CXX)\n\n# 1) \u4f7f\u7528 C++17\nset(CMAKE_CXX_STANDARD 17)\nset(CMAKE_CXX_STANDARD_REQUIRED ON)\n\n# 2) \u4f60\u7684\u53ef\u6267\u884c\u7a0b\u5e8f\uff08\u53ea\u7f16\u8bd1\u4e00\u4e2a main.cpp\uff09\nadd_executable(OpenGLDemo\n        src\/main.cpp\n)\n\n# ========= GLFW \u8def\u5f84\uff08\u4f60\u53ea\u9700\u8981\u6539\u8fd9\u91cc\uff09=========\n# \u8fd9\u662f\u4f60\u4e0b\u8f7d\u7684 glfw-3.4.bin.WIN64 \u89e3\u538b\u540e\u7684\u6839\u76ee\u5f55\nset(GLFW_ROOT \"D:\/opengl\/glfw-3.4.bin.WIN64\")\n# ============================================\n\n# 3) \u544a\u8bc9\u7f16\u8bd1\u5668\uff1a\u53bb\u54ea\u91cc\u627e glfw3.h\ntarget_include_directories(OpenGLDemo PRIVATE\n        \"${GLFW_ROOT}\/include\"\n)\n\n# 4) \u544a\u8bc9\u94fe\u63a5\u5668\uff1a\u53bb\u54ea\u91cc\u627e MinGW \u7684 .a \u5e93\u6587\u4ef6\uff08import\/static\uff09\ntarget_link_directories(OpenGLDemo PRIVATE\n        \"${GLFW_ROOT}\/lib-mingw-w64\"\n)\n\n# 5) \u94fe\u63a5\u5e93\n# - glfw3dll\uff1a\u5bf9\u5e94 lib-mingw-w64 \u91cc\u7684 libglfw3dll.a\uff08\u52a8\u6001\u5e93\u5bfc\u5165\u5e93\uff09\n# - opengl32\uff1aWindows \u7684 OpenGL \u7cfb\u7edf\u5e93\n# - \u5176\u5b83\uff1aGLFW \u5728 Windows \u4e0b\u5e38\u9700\u8981\u7684\u7cfb\u7edf\u5e93\ntarget_link_libraries(OpenGLDemo PRIVATE\n        glfw3dll\n        opengl32\n        gdi32\n        user32\n        shell32\n        winmm\n)\n\n# 6) \u8fd0\u884c\u65f6\u9700\u8981 glfw3.dll\uff1a\u628a\u5b83\u590d\u5236\u5230 exe \u540c\u76ee\u5f55\uff08\u5426\u5219\u4f1a\u63d0\u793a\u7f3a DLL\uff09\n# \u5982\u679c\u4f60\u7684\u5305\u91cc\u6ca1\u6709 bin\/glfw3.dll\uff0c\u5c31\u628a dll \u653e\u54ea\u513f\u5c31\u6539\u54ea\u513f\nadd_custom_command(TARGET OpenGLDemo POST_BUILD\n        COMMAND ${CMAKE_COMMAND} -E copy_if_different\n        \"${GLFW_ROOT}\/lib-mingw-w64\/glfw3.dll\"\n        \"$&lt;TARGET_FILE_DIR:OpenGLDemo&gt;\/glfw3.dll\"\n)<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Triangle<\/h3>\n\n\n\n<p>\u51e0\u4e2a\u57fa\u672c\u6982\u5ff5\u6765\u8bf4\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>VAO\uff1a\u9876\u70b9\u6570\u7ec4\u5bf9\u8c61<\/li>\n\n\n\n<li>VBO\uff1a\u9876\u70b9\u7f13\u51b2\u5bf9\u8c61<\/li>\n\n\n\n<li>EBO\uff1a\u5143\u7d20\u7f13\u51b2\u5bf9\u8c61<\/li>\n\n\n\n<li>IBO\uff1a\u7d22\u5f15\u7f13\u51b2\u5bf9\u8c61<\/li>\n<\/ul>\n\n\n\n<p>\u4e00\u4e2a\u57fa\u672c\u7684\u56fe\u5f62\u6e32\u67d3\u7ba1\u7ebf\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-5.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"628\" height=\"359\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-5.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5128\"  sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/><\/div><\/figure>\n\n\n\n<p>\u56fe\u5143\uff1a\u7528\u4e8e\u63d0\u793a\u6307\u5b9a\u6e32\u67d3\u7c7b\u578b\uff0c\u5982\u628a\u4e00\u7cfb\u5217\u70b9\u6700\u7ec8\u7ed8\u5236\u6210\u4ec0\u4e48\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u9876\u70b9\u7740\u8272\u5668\n<ul class=\"wp-block-list\">\n<li>\u628a3D\u5750\u6807\u8f6c\u6362\u4e3a\u53e6\u4e00\u79cd3D\u5750\u6807\uff0c\u540c\u65f6\u5bf9\u9876\u70b9\u5c5e\u6027\u8fdb\u884c\u57fa\u672c\u5904\u7406<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u51e0\u4f55\u7740\u8272\u5668\n<ul class=\"wp-block-list\">\n<li>\u5bf9\u4e8e\u9876\u70b9\u7740\u8272\u5668\u9636\u6bb5\u7684\u9876\u70b9\uff0c\u53ef\u4ee5\u9009\u62e9\u6027\u4f20\u9012\u7ed9\u51e0\u4f55\u7740\u8272\u5668\n<ul class=\"wp-block-list\">\n<li>\u51e0\u4f55\u7740\u8272\u5668\u4f1a\u628a\u4e00\u7ec4\u9876\u70b9\u4f5c\u4e3a\u8f93\u5165\uff0c\u7136\u540e\u8fd9\u4e9b\u9876\u70b9\u5f62\u6210\u56fe\u5143\uff0c\u4e5f\u53ef\u4ee5\u53d1\u51fa\u65b0\u7684\u9876\u70b9\u6765\u5f62\u6210\u56fe\u5143\u6216\u5176\u4ed6\u5f62\u72b6<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u56fe\u5143\u914d\u88c5\uff1a\n<ul class=\"wp-block-list\">\n<li>\u5c06\u9876\u70b9\u7740\u8272\u5668\uff08\u6216\u51e0\u4f55\u7740\u8272\u5668\uff09\u8f93\u51fa\u7684\u6240\u6709\u9876\u70b9\u4f5c\u4e3a\u8f93\u5165\uff0c\u7136\u540e\u88c5\u914d\u6210\u4e3a\u6307\u5b9a\u7684\u5f62\u72b6<\/li>\n\n\n\n<li>\u88c5\u914d\u597d\u540e\u5c31\u4f1a\u4f20\u5165\u5149\u6805\u5316\u9636\u6bb5\uff0c\u8fdb\u884c\u5149\u6805\u5316\u3002\u8fd9\u91cc\u5b83\u4f1a\u628a\u56fe\u5143\u6620\u5c04\u4e3a\u6700\u7ec8\u5c4f\u5e55\u4e0a\u76f8\u5e94\u7684\u50cf\u7d20\uff0c\u751f\u6210\u4f9b\u7247\u6bb5\u7740\u8272\u5668(Fragment Shader)\u4f7f\u7528\u7684\u7247\u6bb5(Fragment)\u3002<\/li>\n\n\n\n<li>\u5728\u4e0b\u4e00\u9636\u6bb5\u7247\u6bb5\u7740\u8272\u5668\u8fd0\u884c\u4e4b\u524d\uff0c\u4f1a\u8fdb\u884c\u88c1\u5207\u3002\u88c1\u5207\u4f1a\u4e22\u5f03\u6389\u89c6\u56fe\u4ee5\u5916\u5168\u90e8\u7684\u50cf\u7d20\uff0c\u7528\u6765\u63d0\u9ad8\u6548\u7387\u3002<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u7247\u6bb5\u7740\u8272\u5668\n<ul class=\"wp-block-list\">\n<li>\u7528\u4e8e\u4ea7\u751f\u6700\u7ec8\u7684\u989c\u8272\u3002\u5305\u542b\u77403D\u573a\u666f\u7684\u5404\u79cd\u6570\u636e\uff08\u6bd4\u5982\u5149\u7167\u3001\u9634\u5f71\u3001\u5149\u7684\u989c\u8272\u7b49\u7b49\uff09\uff0c\u8fd9\u4e9b\u6570\u636e\u53ef\u4ee5\u88ab\u7528\u6765\u8ba1\u7b97\u6700\u7ec8\u50cf\u7d20\u7684\u989c\u8272\u3002<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u6d4b\u8bd5\u4e0e\u6df7\u5408\n<ul class=\"wp-block-list\">\n<li>\u68c0\u6d4b\u6df1\u5ea6\uff0c\u51b3\u5b9a\u6700\u540e\u662f\u5426\u6e32\u67d3<\/li>\n\n\n\n<li>\u68c0\u6d4balpha\u503c\uff08\u900f\u660e\u503c\uff09\uff0c\u7136\u540e\u8fdb\u884c\u6df7\u5408<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>\u5bf9\u4e8e\u7edd\u5927\u591a\u6570\u573a\u5408\uff0c\u53ea\u9700\u8981\u914d\u7f6e\u9876\u70b9\u548c\u7247\u6bb5\u7740\u8272\u5668\u5c31\u53ef\u4ee5\u4e86\u3002\u5176\u5b83\u7684\u770b\u7740\u9ed8\u8ba4\u5c31\u53ef\u4ee5\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u9876\u70b9\u8f93\u5165<\/h4>\n\n\n\n<p>\u5bf9\u4e8e\u5982\u679c\u9700\u8981\u6e32\u67d3\u4e00\u4e2a\u4e09\u89d2\u5f62\uff0c\u90a3\u4e48\u53ef\u4ee5\u5b9a\u4e49\u4e00\u4e2a\u5f62\u5f0f\u5982\u4e0b\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>float vertices&#91;] = {\n    -0.5f, -0.5f, 0.0f,\n     0.5f, -0.5f, 0.0f,\n     0.0f,  0.5f, 0.0f\n};<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-6.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"197\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-6.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5129\"  sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/div><\/figure>\n\n\n\n<p>\u6e32\u67d3\u6210\u5982\u4e0a\u5f62\u72b6\uff0c\u8fd9\u5c31\u662f\u57fa\u672c\u7684\u539f\u7406\u3002\u5f53\u7136\u5b9e\u9645\u4e0a\u5750\u6807\u4e0d\u53ef\u80fd\u76f4\u63a5\u7528\uff0c\u8fd8\u8981\u53d6\u51b3\u4e8e\u6444\u50cf\u5934\u7684\u89c2\u5bdf\u548c\u6539\u53d8\u3002<\/p>\n\n\n\n<p>\u5176\u4f59\u7684\u53c2\u8003<a href=\"https:\/\/www.haruhi.fans\/?p=3483\" data-type=\"post\" data-id=\"3483\">\u8ba1\u7b97\u673a\u56fe\u5f62\u5b66<\/a>\uff0c\u5176\u5b9e\u90fd\u5dee\u4e0d\u591a\u3002\u4e0b\u9762\u5f00\u59cb\u5b66\u4e60\u7f16\u7a0b<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5f00\u59cb\u7f16\u7a0b<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u521b\u5efa\u7a97\u4f53<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>1.\u521d\u59cb\u5316GLFW\u57fa\u672c\u73af\u5883<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">glfwInit();<br>glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3); \/\/opengl\u4e3b\u7248\u672c\u53f7<br>glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3); \/\/opengl\u6b21\u7248\u672c\u53f7 \u5408\u8d77\u6765\u5c31\u662f3.3\u7248\u672c\uff1b\u5f53\u7136\u4e5f\u53ef\u4ee5\u6309\u7167\u540c\u6837\u7684\u914d\u7f6e4.6\u7248\u672c<br>glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE); \/\/\u4f7f\u7528\u6838\u5fc3\u6a21\u5f0f<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>2.\u521b\u5efa\u7a97\u53e3\u5bf9\u8c61<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">GLFWwindow* window = glfwCreateWindow(800, 600, \"LearnOpenGL\", NULL, NULL);\/\/\u521b\u5efa\u7a97\u53e3\u5bf9\u8c61<br>glfwMakeContextCurrent(window);\/\/\u8bbe\u7f6e\u5f53\u524d\u7a97\u53e3\u4e3aopengl\u7ed8\u5236\u7684\u821e\u53f0<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>3.\u6267\u884c\u7a97\u4f53\u5faa\u73af<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">while(!glfwWindowShouldClose(window)) { <br>    glfwPollEvents(); \/\/\u6bcf\u4e00\u5e27\u65f6\u5019\uff0c\u63a5\u6536\u5e76\u5206\u53d1\u7a97\u53e3\u4fe1\u606f<br>}<\/pre>\n\n\n\n<p>glfwTerminate\uff1a\u7528\u4e8e\u9000\u51fa\u7a0b\u5e8f<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>\u76f8\u5173\u4ee3\u7801<\/summary>\n<pre class=\"wp-block-code\"><code>#include &lt;GLFW\/glfw3.h&gt;\n#include &lt;iostream&gt;\n\nint main()\n{\n\/\/ 1.\u521d\u59cb\u5316GLFW\u57fa\u672c\u73af\u5883\n    glfwInit();\n    \/\/ 1.1 \u914d\u7f6eOpenGl\u4e3b\u7248\u672c\u6b21\u7248\u672c\u53f7\n    glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR,4);\n    glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR,6);\n    \/\/ 1.2 \u542f\u7528\u6838\u5fc3\u6a21\u5f0f\uff08\u975e\u7acb\u5373\u6e32\u67d3\u6a21\u5f0f\uff0c\u53ef\u4ee5\u7ed9\u4e0e\u66f4\u591a\u81ea\u7531\u5ea6\uff09\n    glfwWindowHint(GLFW_OPENGL_PROFILE,GLFW_OPENGL_CORE_PROFILE);\n\n\/\/ 2.\u521b\u5efa\u7a97\u4f53\u5bf9\u8c61\n    GLFWwindow* window = glfwCreateWindow(800,600,\"OpenglStudy\",NULL,NULL);\n    \/\/\u914d\u7f6e\u5f53\u524d\u7a97\u4f53\u5bf9\u8c61\u5bf9Opengl\u7684\u7ed8\u5236\u821e\u53f0\n    glfwMakeContextCurrent(window);\n\n\/\/ 3.\u6267\u884c\u7a97\u4f53\u5faa\u73af\n    while(!glfwWindowShouldClose(window) ) {\n        \/\/ \u63a5\u53d7\u5e76\u5206\u53d1\u7a97\u53e3\u6d88\u606f\n        \/\/ \u68c0\u67e5\u6d88\u606f\u961f\u5217\u662f\u5426\u6709\u9700\u8981\u5904\u7406\u7684\u9f20\u6807\u952e\u76d8\u7b49\u5404\u79cd\u6d88\u606f\uff0c\u5982\u679c\u6709\u5c31\u6e05\u7a7a\u961f\u5217\n        glfwPollEvents();\n    }\n\n\/\/ 4.\u9000\u51fa\u7a0b\u5e8f\u5e76\u505a\u76f8\u5173\u7684\u6e05\u7406\n    glfwTerminate();\n}<\/code><\/pre>\n<\/details>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e8b\u4ef6\u56de\u8c03\u51fd\u6570<\/h3>\n\n\n\n<p>\u4e8b\u4ef6\u56de\u8c03\u51fd\u6570\uff1a\u7a97\u53e3\u6fc0\u6d3b\u7684\u60c5\u51b5\u4e0b\uff0c\u7528\u4e8e\u54cd\u5e94\u7a97\u53e3\u53d8\u5316\u952e\u76d8\u9f20\u6807\u64cd\u4f5c\u7b49\u4fe1\u606f\u7684\u51fd\u6570<\/p>\n\n\n\n<p>\u90a3\u5982\u4f55\u5199\u7a97\u53e3\u54cd\u5e94\u51fd\u6570\u5462\uff1f\u90a3\u5c31\u662f\u53ef\u4ee5\u5199\u4e00\u4e2a\u56de\u8c03\u51fd\u6570\uff0c\u5728\u53d1\u751f\u53d8\u5316\u65f6\u5019\u4ea7\u751f\u56de\u8c03<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><br>\/\/ \u7a97\u53e3\u5c3a\u5bf8\u53d8\u5316\u540e\uff0c\u56de\u8c03\u7684\u51fd\u6570<br>void frameBufferSizeCallBack(GLFWwindow* window, int width, int height) {<br>    std::cout &lt;&lt; \"\u7a97\u53e3\u5927\u5c0f\uff1a \" &lt;&lt; width &lt;&lt; \" x \" &lt;&lt; height &lt;&lt; std::endl;<br>}<br><br>\/\/ \u52a0\u5165\u76d1\u542c\u8bbe\u7f6e\uff0c\u76f8\u5f53\u4e8e\u6ce8\u518c\u4e00\u4e2a\u56de\u8c03\u5427<br>    glfwSetFramebufferSizeCallback(window,frameBufferSizeCallBack);<br><br>\/\/ \u52a0\u5165\u952e\u76d8\u54cd\u5e94\u56de\u8c03\u51fd\u6570<br>void keyCallBack(GLFWwindow*window , int key , int scancode ,int action ,int mods) {<br>    \/\/ key\uff1a\u5b57\u6bcd\u952e\u76d8\u7801\uff0cscancode\uff1a\u7269\u7406\u6309\u952e\u7801\uff0caction\uff1a\u662f\u5426\u6709\u6309\u4e0bor\u62ac\u8d77\uff0cmods\uff1a\u662f\u5426\u6709shift\/ctrl<br>    \/\/\u952e\u76d8\u4e8b\u4ef6\u54cd\u5e94<br>    \/\/ if(key == GLFW_KEY_W) \/\/ \u6309\u4e0b\u4e86W<br>    \/\/ if(action == GLFW_PRESS) \/\/ \u6309\u952e\u6309\u4e0b<br>    \/\/ if(action == GLFW_RELEASE) \/\/ \u952e\u4f4d\u62ac\u8d77<br>    \/\/ if(mods == GLFW_MOD_CONTROL) \/\/ \u6309\u4e0bcontrol<br>    std::cout &lt;&lt; \"\u6309\u4e0b\u4e86\uff1a\" &lt;&lt; key &lt;&lt; std::endl;<br>}<br><br>\/\/ \u52a0\u5165\u952e\u76d8\u76d1\u542c\u8bbe\u7f6e<br>glfwSetKeyCallback(window,keyCallBack);<\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-7-1024x788.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"788\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-7-1024x788.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5134\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u51fd\u6570\u52a0\u8f7d<\/h3>\n\n\n\n<p>opengl\u662f\u4e00\u4e2a\u6807\u51c6\u89c4\u8303\uff0c\u800c\u4e0d\u662f\u5177\u4f53\u7684\u5b9e\u73b0\u3002\u5b9e\u73b0\u9700\u8981\u4f9d\u9760\u5382\u5546\u7f16\u5199\u7684\u9a71\u52a8\u7a0b\u5e8f\u3002\u5177\u4f53\u6765\u8bf4\uff0c\u7a0b\u5e8f\u8fd0\u884c\u65f6\u5019\u53ea\u6709\u58f0\u660e\uff0c\u5177\u4f53\u7684\u5b9e\u73b0\u9700\u8981\u5411\u663e\u5361\u9a71\u52a8\u67e5\u8be2\u51fa\u5177\u4f53\u7684\u4f4d\u7f6e\uff0c\u7136\u540e\u52a0\u8f7d\u8fc7\u6765\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-8-1024x189.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"189\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-8-1024x189.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5136\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u56e0\u6b64\u6211\u4eec\u9700\u8981\u914d\u7f6eglad\uff0c\u5982\u679c\u6ca1\u6709\u7684\u8bdd\uff0c\u6bcf\u4e00\u6b21\u6240\u6709\u7684\u51fd\u6570\u6211\u4eec\u90fd\u53bb\u627e\u5b9e\u73b0\uff0c\u800c\u901a\u8fc7glad\u53ef\u4ee5\u65b9\u4fbf\u7684\u914d\u7f6e\u4e0a<\/p>\n\n\n\n<p>\u4e0b\u8f7d\u914d\u7f6eglad\uff0cglad\u7684\u4f5c\u7528\u662f\u6839\u636e\u4e0d\u540c\u7684opengl\u7248\u672c\u83b7\u53d6\u9a71\u52a8\u4e2d\u7684\u51fd\u6570\u6307\u9488<\/p>\n\n\n\n<p>GLFW\uff1a\u63d0\u4f9b\u6e32\u67d3\u7269\u4f53\u6240\u9700\u8981\u7684\u6700\u4f4e\u9650\u5ea6\u7684\u63a5\u53e3<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>\u5b98\u7f51\u4e0b\u8f7d\u914d\u7f6e<\/summary>\n<p><a href=\"https:\/\/glad.dav1d.de\/\">glad.dav1d.de<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-9-947x1024.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"947\" height=\"1024\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-9-947x1024.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5137\"  sizes=\"auto, (max-width: 947px) 100vw, 947px\" \/><\/div><\/figure>\n\n\n\n<p>\u5982\u4e0a\u914d\u7f6e\u5b8c\u6210\u540egenerate\uff0c\u7136\u540e\u8df3\u51fa\u5982\u4e0b\u754c\u9762\u3002\u53ea\u7528\u4e0b\u8f7dglad.zip\u538b\u7f29\u5305\u5373\u53ef<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-10-1024x393.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"393\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-10-1024x393.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5138\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u5f53\u7136\u4e5f\u4e0d\u6253<\/p>\n<\/details>\n\n\n\n\n\n<p>\u5f53\u7136\u4e5f\u53ef\u4ee5\u4e0d\u6253\u5f00\uff0c\u4e0b\u8f7d\u4e0a\u9762\u8fd9\u4e2a\u5c31\u884c\uff0c4.6\u7248\u672c\u7684\u53ef\u4ee5\u76f4\u63a5\u4f7f\u7528\u3002\u914d\u7f6e\u6210\u5982\u4e0b\u683c\u5f0f\uff0c\u8bb0\u5f97\u540c\u6837\u5199\u597dcmakelist<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>\u914d\u7f6e\u5b8c\u6210\u540e\u53c2\u8003<\/summary>\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-11.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"792\" height=\"395\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-11.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5140\"  sizes=\"auto, (max-width: 792px) 100vw, 792px\" \/><\/div><\/figure>\n\n\n\n<p>CMakeLists\u8fd9\u91cc\u6dfb\u52a0\u76ee\u5f55\uff0c\u5f15\u5165\u7a0b\u5e8f<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cmake_minimum_required(VERSION 3.20)\nproject(OpenGLDemo LANGUAGES C CXX)\n\n# 1) \u4f7f\u7528 C++17\nset(CMAKE_CXX_STANDARD 17)\nset(CMAKE_CXX_STANDARD_REQUIRED ON)\n\ninclude_directories(\n        SYSTEM ${CMAKE_CURRENT_SOURCE_DIR}\/thirdParty\/include\n)\n\n# 2) \u4f60\u7684\u53ef\u6267\u884c\u7a0b\u5e8f\uff08\u53ea\u7f16\u8bd1\u4e00\u4e2a main.cpp\uff09\n# \u914d\u7f6e\u9009\u62e9\u5f53\u524d\u6240\u7528\u7684\u9879\u76ee\nadd_executable(OpenGLDemo\n        src\/case2.cpp\n        src\/glad.c\n)\n\n# ========= GLFW \u8def\u5f84\uff08\u4f60\u53ea\u9700\u8981\u6539\u8fd9\u91cc\uff09=========\n# \u8fd9\u662f\u4f60\u4e0b\u8f7d\u7684 glfw-3.4.bin.WIN64 \u89e3\u538b\u540e\u7684\u6839\u76ee\u5f55\nset(GLFW_ROOT \"D:\/opengl\/glfw-3.4.bin.WIN64\")\n# ============================================\n\n# 3) \u544a\u8bc9\u7f16\u8bd1\u5668\uff1a\u53bb\u54ea\u91cc\u627e glfw3.h\ntarget_include_directories(OpenGLDemo PRIVATE\n        \"${GLFW_ROOT}\/include\"\n)\n\n# 4) \u544a\u8bc9\u94fe\u63a5\u5668\uff1a\u53bb\u54ea\u91cc\u627e MinGW \u7684 .a \u5e93\u6587\u4ef6\uff08import\/static\uff09\ntarget_link_directories(OpenGLDemo PRIVATE\n        \"${GLFW_ROOT}\/lib-mingw-w64\"\n)\n\n# 5) \u94fe\u63a5\u5e93\n# - glfw3dll\uff1a\u5bf9\u5e94 lib-mingw-w64 \u91cc\u7684 libglfw3dll.a\uff08\u52a8\u6001\u5e93\u5bfc\u5165\u5e93\uff09\n# - opengl32\uff1aWindows \u7684 OpenGL \u7cfb\u7edf\u5e93\n# - \u5176\u5b83\uff1aGLFW \u5728 Windows \u4e0b\u5e38\u9700\u8981\u7684\u7cfb\u7edf\u5e93\ntarget_link_libraries(OpenGLDemo PRIVATE\n        glfw3dll\n        opengl32\n        gdi32\n        user32\n        shell32\n        winmm\n)\n\n# 6) \u8fd0\u884c\u65f6\u9700\u8981 glfw3.dll\uff1a\u628a\u5b83\u590d\u5236\u5230 exe \u540c\u76ee\u5f55\uff08\u5426\u5219\u4f1a\u63d0\u793a\u7f3a DLL\uff09\n# \u5982\u679c\u4f60\u7684\u5305\u91cc\u6ca1\u6709 bin\/glfw3.dll\uff0c\u5c31\u628a dll \u653e\u54ea\u513f\u5c31\u6539\u54ea\u513f\nadd_custom_command(TARGET OpenGLDemo POST_BUILD\n        COMMAND ${CMAKE_COMMAND} -E copy_if_different\n        \"${GLFW_ROOT}\/lib-mingw-w64\/glfw3.dll\"\n        \"$&lt;TARGET_FILE_DIR:OpenGLDemo&gt;\/glfw3.dll\"\n)<\/code><\/pre>\n<\/details>\n\n\n\n<p>\u52a0\u8f7d\u8c03\u7528\u65b9\u5f0f\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/***********\u4f7f\u7528glad\u52a0\u8f7d\u6240\u6709\u5f53\u524d\u7248\u672copengl\u51fd\u6570\n    if(!gladLoadGLLoader((GLADloadproc)glfwGetProcAddress)) {\n        std::cout &lt;&lt; \"\u52a0\u8f7d\u5931\u8d25\";\n    }<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">OpenGL\u51fd\u6570\u8c03\u7528<\/h3>\n\n\n\n<p>OpenGl\u8fd0\u884c\u73af\u5883\u662f\u4e00\u4e2a\u5de8\u5927\u7684\u72b6\u6001\u673a\uff0c\u6bcf\u4e00\u4e2a\u51fd\u6570\u90fd\u4f1a\u6539\u53d8\u72b6\u6001\u673a\u7684\u72b6\u6001\u6216\u8005\u89e6\u53d1\u67d0\u4e2a\u884c\u4e3a\u3002\u4e0b\u9762\u8bb2\u51e0\u4e2a\u6838\u5fc3\u51fd\u6570<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>glViewpoint(GLint x,Glinty,GLsizei width,GLsizei height);<\/code><\/pre>\n\n\n\n<p>\u8bbe\u7f6e\u7a97\u53e3\u4e2d\u5b9e\u9645\u6e32\u67d3\u7684\u533a\u57df\uff0cViewport\uff0cxy\u662f\u76f8\u5bf9\u4e8e\u7a97\u53e3\u5de6\u4e0b\u89d2\u7684\u8d77\u59cb\u4f4d\u7f6e\u3002\u76f8\u5bf9\u5173\u7cfb\u5982\u4e0b<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-12-1024x404.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"404\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-12-1024x404.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5142\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>glClearColor(GLfloat red,GLfloat green,GLfloat blue,GLfloat alpha)';\/\/\u53c2\u6570\u5c31\u662fRGBA<\/code><\/pre>\n\n\n\n<p>\u7528\u4e8e\u8bbe\u7f6e\u753b\u5e03\u6e05\u7406\u4e4b\u540e\u7684\u989c\u8272\uff0c\u76f8\u5f53\u4e8e\u914d\u7f6e\u8fd9\u4e2a\u9ed8\u8ba4\u7684\u753b\u5e03\u989c\u8272\u3002\u53ea\u9700\u8981\u914d\u7f6e\u4e00\u6b21\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>glClear(GL_COLOR_BUFFER_BIT)<\/code><\/pre>\n\n\n\n<p>\u6267\u884c\u5177\u4f53\u7684\u6e05\u7406\u5de5\u4f5c<\/p>\n\n\n\n<p>\u6211\u4eec\u6bcf\u4e00\u5e27\uff0c\u90fd\u9700\u8981\u628a\u4e4b\u524d\u6e32\u67d3\u7684\u5185\u5bb9\u64e6\u62ed\u6389\uff0c\u7136\u540e\u518d\u6267\u884c\u5177\u4f53\u7684\u7ed8\u753b\u6e32\u67d3\u3002\u6240\u4ee5\u6bcf\u5e27\u90fd\u8c03\u7528\u4e00\u4e0b\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u53cc\u7f13\u51b2\u6280\u672f\u3002\u6bcf\u4e00\u5e27\u7ed8\u5236\u4efb\u52a1\u5b8c\u6210\u540e\uff0c\u628a\u201c\u80cc\u540e\u201d\u753b\u5e03\u653e\u5728\u53f0\u524d\uff0c\u628a\u201c\u53f0\u524d\u201d\u653e\u5728\u80cc\u540e\uff0c\u8fd9\u6837\u6bcf\u5e27\u4e4b\u524d\u4e0d\u4f1a\u660e\u663e\u7684\u5272\u88c2\uff0c\u53ef\u4ee5\u7b49\u4e0b\u4e00\u5e27\u771f\u7684\u6e32\u67d3\u597d\u4e4b\u540e\u624d\u663e\u793a\uff1a<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-13-1024x490.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-13-1024x490.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5143\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>void glfwSwapBuffers(GLFWwindwow* window);<\/code><\/pre>\n\n\n\n<p>\u7528\u4e8e\u4ea4\u6362\u524d\u540e\u7f13\u51b2\u533a\u3002\u6bcf\u4e00\u5e27\u4ea4\u6362\u53cc\u7f13\u5b58<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u9519\u8bef\u5904\u7406<\/h3>\n\n\n\n<p>opengl\u4e0d\u4f1a\u56e0\u4e3a\u53c2\u6570\u9519\u8bef\u8f7b\u6613\u5d29\u6e83\uff0c\u8fd9\u4e5f\u610f\u5473\u7740\u9519\u8bef\u66f4\u52a0\u7684\u96be\u627e<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>GLenum errorCode = glGetError\uff08\uff09\uff1b<\/code><\/pre>\n\n\n\n<p>\u6b64\u51fd\u6570\u53ef\u4ee5\u6839\u636e\u8c03\u7528\u83b7\u53d6\u6700\u8fd1\u7684\u4e00\u4e2a\u95ee\u9898\u7684\u9519\u8bef\u7801\u3002\u65e0\u8bba\u4e0a\u9762\u591a\u5c11\u6b21\u90fd\u53ea\u8fd4\u56de\u6700\u8fd1\u7684\u4e00\u4e2a\u3002\u6211\u4eec\u53ef\u4ee5\u5728\u4e00\u4e2a\u56fa\u5b9a\u4f4d\u7f6e\u68c0\u67e5\uff0c\u7136\u540e\u4ea7\u751f\u9519\u8bef\u5c31assert\u5f3a\u5236\u9000\u51fa\uff0c\u4fbf\u4e8e\u6211\u4eec\u68c0\u67e5<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>void checkError() {\n    GLenum errorCode = glGetError();\n    std::string err = \"\";\n    \/\/ \u5f53\u5b58\u5728\u9519\u8bef\u7684\u65f6\u5019\uff0c\u770b\u4e00\u4e0b\u4ec0\u4e48\u9519\u8bef\u8f93\u51fa\n    if(errorCode != GL_NO_ERROR) {\n        switch (errorCode) {\n            case GL_INVALID_ENUM : err = \"INVALID_ENUM\"; break;\n            case GL_INVALID_VALUE: err = \"INVALID_VALUE\"; break;\n            case GL_INVALID_OPERATION: err = \"INVALID_OPERATION\"; break;\n            case GL_OUT_OF_MEMORY: err = \"OUT_OF_MEMORY\"; break;\n            default:\n                err = \"UNKNOWN ERROR\";\n                break;\n        }\n        \/\/ \u5b58\u5728\u9519\u8bef\u8f93\u51fa\u5e76\u62a5\u9519\n        std::cout &lt;&lt; err &lt;&lt; std::endl;\n        assert(false);\n    }\n}<\/code><\/pre>\n\n\n\n<p>\u5f53\u7136\uff0c\u5982\u679c\u6bcf\u4e00\u4e2a\u51fd\u6570\u90fd\u5199\u8fd8\u662f\u592a\u6d6a\u8d39\u4e86\uff0c\u6211\u4eec\u53ef\u4ee5\u7ee7\u7eed\u7f16\u5199CMake\u6587\u4ef6\uff0c\u628a\u8fd9\u4e2a\u7f16\u8bd1\u6210\u5e93\u4fbf\u4e8e\u6211\u4eec\u4f7f\u7528\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-14.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"276\" height=\"176\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-14.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5150\"\/><\/div><\/figure>\n\n\n\n<p>\u5728\u4e3bCMake\u91cc\u9762\uff0c\u52a0\u5165\u8fd9\u4e2a\u5b50\u76ee\u5f55<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># \u52a0\u5165\u5b50\u6587\u4ef6\u5939\u4e2d\u7684\u6b21\u7ea7\u7684\u6587\u4ef6\nadd_subdirectory(wrapper)<\/code><\/pre>\n\n\n\n<p>\u5728\u5b50cmake\u91cc\u9762\uff0c\u914d\u7f6e\u5c01\u88c5\u597d<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># \u9012\u5f52\u8bb2\u6587\u4ef6\u5939\u4e0b\u6240\u6709\u7684cpp\u653e\u5230WRAPPER\u4e2d\nfile(GLOB_RECURSE WRAPPER .\/ *.cpp)\n\n# \u5c06FUNCS\u4e2d\u6240\u6709cpp\u7f16\u8bd1\u4e3afuncs\u8fd9\u4e2awrapper\u5e93\nadd_library(wrapper ${WRAPPER})<\/code><\/pre>\n\n\n\n<p>\u58f0\u660e\u548c\u5b9e\u73b0\u5b8c\u6210\u540e\uff0c\u5c31\u53ef\u4ee5\u6b63\u5e38\u4f7f\u7528\u4e86\u3002\u6ce8\u610f\u8fd9\u4e2aadd_subdirectory\u8981\u5728\u5b9a\u4e49\u7684\u6587\u4ef6\u641c\u7d22\u8def\u5f84include_directories\u4e0b\u9762\uff0c\u4e0d\u7136\u641c\u7d22\u4e0d\u5230include<\/p>\n\n\n\n<p>\u8fd9\u91cc\uff0c\u5982\u679c\u6bcf\u6b21\u90fd\u624b\u52a8\u5f15\u5165\u592a\u9ebb\u70e6\uff0c\u90a3\u4e48\u53ef\u4ee5\u501f\u52a9\u5b8f\uff0c\u5305\u88f9\u4e00\u4e0b\u8fd9\u6837\u4fbf\u4e8e\u4f7f\u7528\u3002\u5f53\u7136\u4e5f\u53ef\u4ee5\u518d\u533a\u5206\uff0c\u53ea\u6709debug\u9636\u6bb5\u624d\u53ef\u4ee5\u4f7f\u7528\uff0c\u63d0\u9ad8\u5b9e\u9645\u8fd0\u884c\u4e2d\u7684\u6548\u7387\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u9884\u7f16\u8bd1\u5b8f\n\/\/ \u6839\u636eadd_definitions(-DDEBUG)\u7684\u4e0d\u540c\u540c\uff0c\u9ad8\u4eae\u4e5f\u4e0d\u540c\uff1b\u4ee3\u8868\u6267\u884c\u4e0d\u540c\u7684\u5b8f\n#ifdef DEBUG\n#define GL_CALL(func) func;checkError();\n#else\n#define GL_CALL(func) func;\n#endif<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Application\u5c01\u88c5<\/h3>\n\n\n\n<p>\u95ee\u9898\uff1aopengl\u7684\u7ed8\u5236\u4ee3\u7801\u90fd\u5f88\u957f\uff0c\u6240\u4ee5\u9700\u8981\u5fc5\u8981\u7684\u5c01\u88c5\uff0c\u8ba9\u4ee3\u7801\u4f18\u96c5\u7b80\u6d01\u3002 <\/p>\n\n\n\n<p>\u4efb\u52a1\uff1a\u5c01\u88c5\u4e00\u4e2aApplication\u7c7b\uff0c\u628a\u7a97\u4f53\u76f8\u5173\u4ee3\u7801\u9501\u5728\u91cc\u9762\uff0c\u53ea\u66b4\u9732\u5fc5\u8981\u7684\u63a5\u53e3<br>\u601d\u8def\uff1a\u6bcf\u4e2a\u5bf9\u8c61\u90fd\u5e94\u8be5\u5148\u521d\u59cb\u5316\uff0c\u4e4b\u540e\u6bcf\u4e00\u5e27\u66f4\u65b0\u6216\u8005\u5904\u7406\u6570\u636e\uff0c\u6700\u540e\u9000\u51fa\u65f6\u5019\u6253\u626b\u6218\u573a\u3002<\/p>\n\n\n\n<p>\u4e00\u822c\u5bf9\u4e8e\u7a97\u53e3\u4e4b\u7c7b\u7684\u76f4\u63a5\u5355\u4f8b\u5c31\u53ef\u4ee5\u4e86\uff0c\u6309\u7167\u4e4b\u524d\u540c\u6837\u7684\u914d\u7f6e\u597dcmake<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\n<pre class=\"wp-block-code\"><code>\/\/ \u521d\u59cb\u5316Application\u7684\u9759\u6001\u5bf9\u8c61\nApplication* Application::mInstance = nullptr;\nApplication* Application::getInstance() {\n    \/\/ \u5982\u679c\u5df2\u7ecf\u5b9e\u4f8b\u5316\u4e86\uff0c\u5c31\u76f4\u63a5\u8fd4\u56de\n    \/\/ \u5426\u5219new\u4e00\u4e2a\u51fa\u6765\n    if(mInstance == nullptr) {\n        mInstance = new Application();\n    }\n    return mInstance;\n}<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-15.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"243\" height=\"143\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-15.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5154\"\/><\/div><\/figure>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-16-1024x349.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"349\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-16-1024x349.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5156\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u4f46\u662f\u8fd9\u6837\u53c8\u6709\u95ee\u9898\uff0c\u6211\u7684\u90a3\u4e9b\u70b9\u51fb\u4e4b\u7c7b\u7684\u5904\u7406\u9700\u8981\u600e\u4e48\u505a\u5462\uff1f\u901a\u8fc7\u56de\u8c03\u51fd\u6570\u3002 <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-18-1024x387.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"387\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-18-1024x387.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5158\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u6b65\u9aa4\u5177\u4f53\u6765\u8bf4\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ 1.\u7c7b\u5185\u5b9a\u4e49    \nstatic void frameBufferSizeCallback(GLFWwindow* wwindow, int width, int height);\n\u5916\u90e8\u7684\u5b9e\u73b0\nvoid Application::frameBufferSizeCallback(GLFWwindow* wwindow, int width, int height) {\n    std::cout &lt;&lt; \"Resize\" &lt;&lt; std::endl;\n    \/\/\u5982\u679c\u5b58\u5728\u8fd9\u4e2a\u51fd\u6570\n    if(Application::getInstance()-&gt;mResizeCallback != nullptr) {\n        Application::getInstance()-&gt;mResizeCallback(width,height);\n    }\n}\n\/\/ 2.\u7c7b\u5916\u5b9a\u4e49\u6307\u9488\u7c7b\u578b\nusing ResizeCallback = void(*)(int width,int height);\n\/\/ 3.\u7c7b\u5185\u5b9a\u4e49\u51fd\u6570\u6307\u9488\u5bf9\u8c61\n    ResizeCallback mResizeCallback{nullptr};\n\/\/ 4.init\u65f6\u5019\u521d\u59cb\u5316\n    glfwSetFramebufferSizeCallback(mWindow,frameBufferSizeCallback);<\/code><\/pre>\n\n\n\n<p>\u8fd9\u91cc\uff0c\u4e3a\u4ec0\u4e48frameBufferSizeCallback\u4e00\u5b9a\u8981\u7528static\u5462\uff1f\u539f\u7406\u662fglfwSetFramebufferSizeCallback\u8fd9\u4e2aglfw\u5b9e\u73b0\u7684\u65f6\u5019\uff0c\u8fd9\u4e2a\u51fd\u6570\u7b7e\u540d\u662f<\/p>\n\n\n\n<p><code>void (*)(GLFWwindow*, int, int)<\/code>\uff08\u666e\u901a\u51fd\u6570\u6307\u9488\uff09<\/p>\n\n\n\n<p>\u800c\u5b9e\u9645\u4e0a\uff0c\u5982\u679c\u4e0d\u52a0static\uff0c\u90a3\u4e48\u8fd9\u4e2a\u51fd\u6570\u7684\u5b9e\u9645\u7c7b\u578b\u5c31\u662f<\/p>\n\n\n\n<p><code>void (Application::*)(GLFWwindow*, int, int)<\/code> \uff08\u6210\u5458\u51fd\u6570\u6307\u9488\uff09<\/p>\n\n\n\n<p>\u8fd9\u4e2a\u53d8\u6210\u4e86\u4e00\u4e2a\u7279\u5b9a\u7c7b\u578b\u7684\u51fd\u6570\uff0c\u6240\u4ee5\u4e0d\u53ef\u4ee5\u3002\u4e14\u5bf9\u4e8e\u51fd\u6570<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>void Application::frameBufferSizeCallback(GLFWwindow*, int, int);<\/code><\/pre>\n\n\n\n<p>\u771f\u5b9e\u8c03\u7528\u5f62\u5f0f\u5176\u5b9e\u662f\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>frameBufferSizeCallback(this, window, width, height);<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">VAO\u4e0eVBO<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">GPU\u5de5\u4f5c\u6d41\u7a0b\u89e3\u6790<\/h3>\n\n\n\n<p>\u56fe\u5f62\u6e32\u67d3\u672c\u8d28\u4e0a\uff0c\u5c31\u662fCPU\u7aef\u7684C++\u7a0b\u5e8f\u63a7\u5236GPU\u884c\u4e3a\u7684\u8fc7\u7a0b\uff0c\u63a7\u5236\u5305\u62ec\u6570\u636e\u4f20\u8f93\u4e0e\u6307\u4ee4\u53d1\u9001\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-19-1024x312.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"312\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-19-1024x312.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5159\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u4e00\u4e2a\u6e32\u67d3\u8fc7\u7a0b\u5305\u62ec\uff1aCPU\u53d1\u9001\u6307\u4ee4\uff0c\u8bfb\u53d6\u6570\u636e\uff0c\u4e8e\u662f\u4ece\u786c\u76d8\u4e2d\u8bfb\u53d6\u6570\u636e\uff0c\u5982\u8fd9\u4e2a\u4e09\u4e2a\u89d2\u5f62\u52a0\u8f7d\u8fdb\u6765\u3002\u63a5\u4e0b\u6765\uff0c\u5982\u679c\u60f3\u8981\u6e32\u67d3\uff0c\u5c31\u628a\u8fd9\u4e2a\u4e09\u89d2\u5f62\u6570\u636e\u53d1\u9001\u5230\u663e\u5b58\u7aef\uff0cCPU\u518d\u5411GPU\u53d1\u9001\u6e32\u67d3\u6307\u4ee4\uff0cGPU\u518d\u6267\u884c\u6e32\u67d3\u5c55\u73b0\u6548\u679c\u3002<\/p>\n\n\n\n<p>\u6ce8\u610f\u4e24\u4e2a\u70b9\uff1a<br>1.\u5185\u5b58\u5411\u663e\u5b58\u7aef\u53d1\u9001\u6570\u636e\u5f88\u82b1\u8d39\u65f6\u95f4<br>2.CPU\u5411GPU\u53d1\u6307\u4ee4\u65f6\u95f4\u4e5f\u5f88\u957f<\/p>\n\n\n\n<p>\u5bf9\u4e8eGPU\uff0c\u5e76\u884c\u80fd\u529b\u5f88\u5f3a\uff0c\u5185\u542b\u5927\u91cf\u7684\u8fd0\u7b97\u6838\u5fc3\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>GPU\u5bf9\u4e8e\u4e09\u89d2\u5f62\u6570\u636e\u7684\u5904\u7406\uff0c\u53ef\u4ee5\u5206\u4e3a\u4e24\u5927\u79cd\uff1a\u9876\u70b9\u5904\u7406\u548c\u7247\u5143\u5904\u7406\u3002<\/li>\n\n\n\n<li>\u9876\u70b9\u4e0e\u7247\u5143\u7684\u5904\u7406\uff0c\u7edf\u4e00\u901a\u8fc7\u7740\u8272\u5668\u7a0b\u5e8f\uff08shader\uff09\u8fdb\u884c\uff1b\u662f\u7531\u6211\u4eec\u81ea\u5df1\u7f16\u5199\u5728GPU\u7aef\u7684\u7a0b\u5e8f<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td>\u5904\u7406\u65b9\u5f0f<\/td><td>\u9876\u70b9\u5904\u7406<\/td><td>\u7247\u5143\u5904\u7406<\/td><\/tr><tr><td>shader\u7c7b\u578b<\/td><td>VertexShader<\/td><td>FragmentShader<\/td><\/tr><tr><td>\u5177\u4f53\u4f5c\u7528<\/td><td>\u5904\u7406\u9876\u70b9\uff0c\u8fdb\u884c\u4e09\u7ef4\u53d8\u6362\uff0c\u5c4f\u5e55\u6295\u5f71\u7b49\u5404\u79cd\u9876\u70b9\u7684\u64cd\u4f5c<\/td><td>\u5904\u7406\u50cf\u7d20\uff0c\u51b3\u5b9a\u6700\u7ec8\u7684\u50cf\u7d20\u4e25\u8083\u662f\u4ec0\u4e48<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u5bf9\u4e8e\u4e00\u4e2a\u4e09\u89d2\u5f62\uff0c\u6bcf\u4e2a\u9876\u70b9\u8fd0\u884c\u4e00\u6b21\u5171\u4e09\u6b21\uff1b\u5bf9\u4e8e\u6bcf\u4e00\u4e2a\u50cf\u7d20\u7247\u5143\u4e5f\u662f\u8fd0\u884c\u4e00\u6b21\uff0c\u5171N\u6b21\uff08\u53d6\u51b3\u4e8e\u5b9e\u9645\u60c5\u51b5\uff09\u3002\u8fd9\u6837\u5c31\u79f0\u4e3a\u53ef\u7f16\u7a0b\u6e32\u67d3\u7ba1\u7ebf\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">NDC\uff08\u6807\u51c6\u5316\u8bbe\u5907\u5750\u6807\uff09<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-20-1024x293.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"293\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-20-1024x293.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5160\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u95ee\u9898\uff1a\u4e0d\u540c\u663e\u793a\u8bbe\u5907\u4e0a\uff0c\u5982\u679c\u6309\u7167\u540c\u6837\u50cf\u7d20\u5927\u5c0f\u5904\u7406\u4e0d\u592a\u5408\u9002\u3002\u5c1d\u8bd5\u7528\u4e00\u79cd\u6bd4\u4f8b\u7684\u65b9\u6cd5\u5904\u7406\u3002<\/p>\n\n\n\n<p>\u89e3\u51b3\uff1a\u7528-1\u52301\u4e4b\u95f4\u7684\u6570\u5b57\uff0c\u8868\u793a\u9876\u70b9\u7684\u5750\u6807\uff1b\u672c\u8d28\u5c31\u662f\u6bd4\u4f8b\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-22-1024x404.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"404\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-22-1024x404.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5162\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p> \u90a3\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7NDC\u7684\u65b9\u5f0f\u7ed8\u5236\u4e00\u4e2a\u6807\u51c6\u7684\u4e09\u89d2\u5f62\uff0c\u5728\u4e0d\u540c\u5c4f\u5e55\u4e0a\u90fd\u53ef\u4ee5\u5b8c\u6574\u5c55\u793a\uff0c\u53ea\u662f\u6bd4\u4f8b\u4e0d\u540c\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">VBO<\/h3>\n\n\n\n<p>VBO\uff1a\u9876\u70b9\u7f13\u5b58\u5bf9\u8c61\uff0c\u6807\u793a\u91cf\u5728GPU\u663e\u5b58\u4e0a\u4e00\u6bb5\u5b58\u50a8\u6570\u636e\u7a7a\u95f4\u3002\u662f\u4e00\u4e2a\u6807\u8bc6\u7684\u5bf9\u8c61\u3002 <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-23-1024x324.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"324\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-23-1024x324.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5163\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">  VBO\u7684\u521b\u5efa<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>void glGenBuffers(GLsizei n,GLuint *buffers);<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>n\uff1a\u521b\u5efa\u591a\u5c11\u4e2avbo<\/li>\n\n\n\n<li>buffers\uff1a\u521b\u5efa\u51fa\u6765\u7684vbo\u7f16\u53f7\u4eec\uff0c\u90fd\u653e\u5728buffer\u6307\u5411\u7684\u6570\u7ec4\u4e2d<\/li>\n<\/ul>\n\n\n\n<p>\u6848\u4f8b\uff1a <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u521b\u5efa\u4e00\u4e2a\u5bf9\u8c61\uff0c\u7f16\u53f7\u5b58\u5728vbo\u91cc\u9762\uff0c\u6ca1\u6709\u5206\u914d\u771f\u6b63\u7684\u663e\u5b58\uff01\nGLuint vbo = 0;\nglGenBuffers(1,&amp;vbo);\n\n\/\/ \u521b\u5efa\u591a\u4e2a\u5bf9\u8c61\uff0c\u653e\u5728buffer\u6570\u7ec4\u4e2d\uff0c\u6ca1\u6709\u5206\u914d\u771f\u6b63\u7684\u663e\u5b58\uff01\nGLuint vboArr&#91;] = {0,0,0};\nglGenBuffers(3,vboArr);<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">VBO\u7684\u9500\u6bc1<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>void glDeleteBuffersglGenBuffers(GLsizei n,GLuint *buffers);<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-25.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"937\" height=\"429\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-25.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5167\"  sizes=\"auto, (max-width: 937px) 100vw, 937px\" \/><\/div><\/figure>\n\n\n\n<p>\u53ef\u4ee5\u770b\u5230VBO\u6309\u7167\u987a\u5e8f\u751f\u6210<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">VBO\u7684\u7ed1\u5b9a\u4e0e\u6570\u636e\u4f20\u8f93<\/h4>\n\n\n\n<p>\u7ed1\u5b9a\uff1a\u628a\u67d0\u4e2a\u8d44\u6e90\u4e0eopengl\u72b6\u6001\u673a\u79cd\u67d0\u4e00\u4e2a\u72b6\u6001\u5173\u8054<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-27-1024x392.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"392\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-27-1024x392.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5171\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u8fd9\u91cc\u6bd4\u5982\u8bf4\uff0c\u6211\u5c31\u662f\u8981\u5bf9\u5f53\u524dvbo\u64cd\u4f5c\uff0c\u90a3\u4e48\u6211\u5207\u6362\u4e0d\u540cvbo\u64cd\u4f5c\u7684\u5f53\u524d\u90a3\u4e00\u4e9b\u4e1c\u897f\u5c31\u4e0d\u592a\u4e00\u6837\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>void prepare() {\n\n    float vertices&#91;] = {\n        -0.5f,-0.5f,0.0f,\n        0.5f,-0.5f,0.0f,\n        0.0f,0.5f,0.0f\n    };\n\n    \/\/ \u751f\u6210\u4e00\u4e2aVBO\n    GLuint vbo = 0;\n    GL_CALL(glGenBuffers(1,&amp;vbo));\n    \/\/ \u7ed1\u5b9a\u5f53\u524dvbo\u5230\u5f53\u524dopengl\u72b6\u6001\u673a\u7684\u5f53\u524dvbo\u63d2\u69fd\u4e0a\n    \/\/ target\uff1aGL_ARRAY_BUFFER\u5f53\u524dvbo\u7684\u63d2\u69fd\n    \/\/ buffer\uff1avbo\u7ed1\u5b9a\u7684\u63d2\u69fd\u7f16\u53f7\n    GL_CALL(glBindBuffer(GL_ARRAY_BUFFER,vbo));\n    \/\/ \u5411\u5f53\u524dvbo\u4f20\u8f93\u6570\u636e\uff0c\u5f00\u8f9f\u663e\u5b58\n    \/\/ target\uff1aGL_ARRAY_BUFFER\u5f53\u524dvbo\u7684\u63d2\u69fd\n    \/\/ size\uff1a\u4f20\u8f93\u8fdb\u53bb\u7684\u5927\u5c0f\n    \/\/ data\uff1a\u88c5\u6709\u6570\u636e\u7684\u6570\u7ec4\u6307\u9488\n    \/\/ usage\uff1a\n    \/\/    GL_STATIC_DRAW\uff1avbo\u6a21\u578b\u6570\u636e\u4e0d\u4f1a\u9891\u7e41\u6539\u53d8\n    \/\/    GL_DYNAMIC_DRAW\uff1avbo\u6a21\u578b\u6570\u636e\u4f1a\u9891\u7e41\u7684\u6539\u53d8\n    GL_CALL(glBufferData(GL_ARRAY_BUFFER,sizeof(vertices),vertices,GL_STATIC_DRAW));\n\n}<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">VBO\u591a\u5c5e\u6027\u6570\u636e<\/h4>\n\n\n\n<p>\u5b9e\u9645\u4e0a\u8981\u5b58\u53d6\u7684\u6570\u636e\u5c5e\u6027\u5f88\u591a\uff0c\u600e\u4e48\u529e\u5462\uff1f<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-28-1024x519.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"519\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-28-1024x519.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5176\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\"> -SingleBuffer\uff1a\u6bcf\u4e00\u4e2a\u5c5e\u6027\u653e\u5728\u4e00\u4e2a\u5355\u72ec\u7684vbo\u5f53\u4e2d<br>-InterleavedBuffer\uff1a\u6570\u636e\u662f\u4ea4\u53c9\u7684\uff0c\u5b58\u50a8\u5728\u4e00\u4e2avbo\u91cc\u9762\u3002\u5c31\u662f\u7ee7\u7eed\u62fc\u63a5\u5728\u540e\u9762\uff0c\u672c\u8d28\u8fd8\u662f\u4e00\u6837\u7684\u63cf\u8ff0<\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-33.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"797\" height=\"345\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-33.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5182\"  sizes=\"auto, (max-width: 797px) 100vw, 797px\" \/><\/div><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>void prepareSingleBuffer() {\n    \/\/ 1.\u51c6\u5907\u5b9a\u70b9\u4f4d\u7f6e\u6570\u636e\u4e0e\u989c\u8272\u6570\u636e\n    float positions&#91;] = {\n        -0.5f,-0.5f,0.0f,\n        0.5f,-0.5f,0.0f,\n        0.0f,0.5f,0.0f\n    };\n\n    float colors&#91;] = {\n        1.0f,0.0f,0.0f,\n        0.0f,1.0f,0.0f,\n        0.0f,0.0f,1.0f\n    };\n    \/\/ 2.\u4e3a\u4f4d\u7f6e&amp;\u989c\u8272\u6570\u636e\u5404\u81ea\u751f\u6210\u4e00\u4e2avbo\n    GLuint posVbo = 0,colorVbo = 0;\n    GL_CALL(glGenBuffers(1,&amp;posVbo));\n    GL_CALL(glGenBuffers(1,&amp;colorVbo));\n    \/\/ 3.\u7ed9\u4e24\u4e2a\u5206\u5f00\u7684vbo\u5404\u81ea\u586b\u5145\u6570\u636e\n    \/\/ \u5148\u586b\u5145position\u7684vbo\n    GL_CALL(glBindBuffer(GL_ARRAY_BUFFER,posVbo));\n    GL_CALL(glBufferData(GL_ARRAY_BUFFER,sizeof(positions),positions,GL_STATIC_DRAW));\n    \/\/ \u518d\u586b\u5145color\u7684\u6570\u636e\n    GL_CALL(glBindBuffer(GL_ARRAY_BUFFER,colorVbo));\n    GL_CALL(glBufferData(GL_ARRAY_BUFFER,sizeof(colors),colors,GL_STATIC_DRAW));\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">VAO<\/h3>\n\n\n\n<p>\u5bf9\u4e8e\u521a\u624d\u7684\u6570\u636e\uff0c\u5b58\u5165GPU\u4e4b\u540e\uff0c\u65e0\u6cd5\u5bf9\u5e94\u5230\u5177\u4f53\u7684\u7528\u9014\uff0c\u9700\u8981\u6709\u65b9\u6cd5\u53bb\u63cf\u8ff0\u5b83\u3002<\/p>\n\n\n\n<p>\u6709\u4e09\u4e2a\u63cf\u8ff0\uff0c\u5206\u522b\u662fsize\uff0ctype\u548cstride<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-29-1024x362.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"362\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-29-1024x362.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5177\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u5982\u679c\u540c\u65f6\u6709\u4f4d\u7f6e\u548c\u989c\u8272\u5c5e\u6027\uff0c\u4e4b\u524d\u6709\u63d0\u5230\u53ef\u4ee5\u7528\u4e24\u4e2aVBO\u5b58\u50a8\uff0c\u90a3\u4e48\u5c31\u518d\u52a0\u4e00\u4e2a\u6307\u5b9a\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-30-1024x460.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"460\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-30-1024x460.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5178\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u90a3\u4e48VAO\u662f\u4ec0\u4e48\uff1f\u628a\u524d\u9762\u90a3\u4e2amesh\u7684\u63cf\u8ff0\u4fe1\u606f\u5168\u90e8\u96c6\u5408\u8d77\u6765\u5f97\u5230\u6211\u4eec\u7684VAO<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-31-1024x408.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"408\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-31-1024x408.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5179\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u5f53\u7136\u6211\u4eec\u8fd8\u6709\u4e00\u79cd\u5199\u6cd5\uff0c\u5c31\u662f\u90fd\u653e\u5728\u4e00\u8d77\u7684\uff0c\u90a3\u4e48\u89e3\u51b3\u65b9\u6848\u5c31\u662f\u53ef\u4ee5\u518d\u52a0\u4e00\u4e2a\u504f\u79fb\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-32-1024x328.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"328\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-32-1024x328.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5180\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/VAO\u521b\u5efa\nvoid glGenVertexArray(GLsizei n ,GLuint *arrays)<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>n\uff1a\u521b\u5efa\u591a\u5c11\u4e2avao<\/li>\n\n\n\n<li>arrays\uff1a\u521b\u5efa\u51fa\u6765\u7684vao\u7f16\u53f7\u95e8\uff0c\u90fd\u653e\u5728arrays\u6307\u5411\u7684\u6570\u7ec4\u4e2d<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/VAO\u5220\u9664\nvoid glDeleteVertexArrays(GLsizei,GLuint *arrays)<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>n\uff1a\u5220\u9664\u591a\u5c11\u4e2avao<\/li>\n\n\n\n<li>arrays\uff1a\u8981\u5220\u9664\u7684vao\u5b58\u653e\u7684\u6570\u7ec4<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ VAO\u7684\u7ed1\u5b9a\nvoid glBindVertexArray(GLunint array)<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>array\uff1a\u8981\u7ed1\u5b9a\u7684vao\u7f16\u53f7<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ VAO\u52a0\u5165\u63cf\u8ff0\u5c5e\u6027\nvoid gIVertexAttribPointer(GLuint index, GLint size, GLenum type, GLboolean normalized,GLsizei stride, const void *pointer)<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>index:\u8981\u63cf\u8ff0\u7b2c\u51e0\u4e2a\u5c5e\u6027<\/li>\n\n\n\n<li>size:\u8fd9\u4e2a\u5c5e\u6027\u5305\u542b\u51e0\u4e2a\u6570\u5b57<\/li>\n\n\n\n<li>type:\u8fd9\u4e2a\u5c5e\u6027\u6bcf\u4e2a\u6570\u5b57\u662f\u4ec0\u4e48\u6570\u636e\u7c7b\u578b<\/li>\n\n\n\n<li>normalized:\u662f\u5426\u5f52\u4e00\u5316(\u6682\u65f6\u4e0d\u7528)<\/li>\n\n\n\n<li>stride:\u6bcf\u4e2a\u9876\u70b9\u6570\u636evbo\u7684\u6b65\u957f<\/li>\n\n\n\n<li>pointer:\u8fd9\u4e2a\u5c5e\u6027\u5728\u6bcf\u4e2a\u9876\u70b9\u6570\u636e\u5185\u7684\u504f\u79fb\u91cf<\/li>\n<\/ul>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>\u5177\u4f53\u5b9e\u73b0<\/summary>\n<pre class=\"wp-block-code\"><code>void prepareSingleBuffer() {\n    \/\/ 1.\u51c6\u5907\u5b9a\u70b9\u4f4d\u7f6e\u6570\u636e\u4e0e\u989c\u8272\u6570\u636e\n    float positions&#91;] = {\n        -0.5f,-0.5f,0.0f,\n        0.5f,-0.5f,0.0f,\n        0.0f,0.5f,0.0f\n    };\n\n    float colors&#91;] = {\n        1.0f,0.0f,0.0f,\n        0.0f,1.0f,0.0f,\n        0.0f,0.0f,1.0f\n    };\n    \/\/ 2.\u4e3a\u4f4d\u7f6e&amp;\u989c\u8272\u6570\u636e\u5404\u81ea\u751f\u6210\u4e00\u4e2avbo\n    GLuint posVbo = 0,colorVbo = 0;\n    GL_CALL(glGenBuffers(1,&amp;posVbo));\n    GL_CALL(glGenBuffers(1,&amp;colorVbo));\n    \/\/ 3.\u7ed9\u4e24\u4e2a\u5206\u5f00\u7684vbo\u5404\u81ea\u586b\u5145\u6570\u636e\n    \/\/ \u5148\u586b\u5145position\u7684vbo\n    GL_CALL(glBindBuffer(GL_ARRAY_BUFFER,posVbo));\n    GL_CALL(glBufferData(GL_ARRAY_BUFFER,sizeof(positions),positions,GL_STATIC_DRAW));\n    \/\/ \u518d\u586b\u5145color\u7684\u6570\u636e\n    GL_CALL(glBindBuffer(GL_ARRAY_BUFFER,colorVbo));\n    GL_CALL(glBufferData(GL_ARRAY_BUFFER,sizeof(colors),colors,GL_STATIC_DRAW));\n\n    \/\/ \u751f\u6210vao\u5e76\u7ed1\u5b9a\n    GLuint vao = 0;\n    glGenVertexArrays(1,&amp;vao);\n    glBindVertexArray(vao);\n\n    \/\/ 4.\u5206\u522b\u5c06\u4f4d\u7f6e\/\u989c\u8272\u5c5e\u6027\u63cf\u8ff0\u4fe1\u606f\u52a0\u5165vao\u4e2d\n    \/\/  4.1\u63cf\u8ff0\u4f4d\u7f6e\u5c5e\u6027\n    glBindBuffer(GL_ARRAY_BUFFER,posVbo);\/\/\u53ea\u6709\u7ed1\u5b9a\u4e86posVbo,\u4e0b\u9762\u7684\u5c5e\u6027\u624d\u4f1a\u4e0e\u6b64vbo\u76f8\u5173\n    glEnableVertexAttribArray(0);\n    glVertexAttribPointer(0,3,GL_FLOAT,GL_FALSE,3 * sizeof(float),(void*)0);\n\n    \/\/  4.2\u63cf\u8ff0\u989c\u8272\u5c5e\u6027\n    glBindBuffer(GL_ARRAY_BUFFER,colorVbo);\n    glEnableVertexAttribArray(1);\n    glVertexAttribPointer(1,3,GL_FLOAT,GL_FALSE,3 * sizeof(float),(void*)0);\n\n    \/\/ \u6e05\u7a7a\u4e00\u4e0b\u7ed1\u5b9a\n    glBindVertexArray(0);\n}\n\nvoid prepareInterleavedBuffer() {\n    \/\/ \u51c6\u5907\u9876\u70b9\u6570\u636e\u548c\u989c\u8272\n    float vertices&#91;] = {\n        -0.5f,-0.5f, 0.0f, 1.0f, 0.0f, 0.0f,\n        0.5f, -0.5f, 0.0f, 0.0f, 1.0f, 0.0f,\n        0.0f, 0.5f, 0.0f, 0.0f, 0.0f, 1.0f\n    };\n\n    \/\/ \u751f\u6210\u4e00\u4e2avbo\n    GLuint vbo = 0;\n    glGenBuffers(1,&amp;vbo);\n\n    \/\/ \u786e\u5b9a\u64cd\u4f5c\u8fd9\u4e2abuffer\uff0c\u7136\u540e\u7ed1\u5b9a\u6570\u636e\u6ce8\u5165\n    glBindBuffer(GL_ARRAY_BUFFER,vbo);\/\/\u786e\u5b9a\u64cd\u4f5c\u8fd9\u4e2a\n    glBufferData(GL_ARRAY_BUFFER,sizeof(vertices),vertices,GL_STATIC_DRAW);\n\n    \/\/vao\n    GLuint vao = 0;\n    glGenVertexArrays(1,&amp;vao);\n    glBindVertexArray(vao);\n\n    \/\/ \u628a\u6574\u4e2a\u4fe1\u606f\u5b58\u8fdb\u53bb\n    \/\/ \u4f4d\u7f6e\u63cf\u8ff0\u4fe1\u606f\n    glBindBuffer(GL_ARRAY_BUFFER,vbo);\n    glEnableVertexAttribArray(0);\n    glVertexAttribPointer(0,3,GL_FLOAT,GL_FALSE,6*sizeof(float),(void*)0);\n    \/\/ \u989c\u8272\u63cf\u8ff0\u4fe1\u606f\n    glEnableVertexAttribArray(1);\n    glVertexAttribPointer(1,3,GL_FLOAT,GL_FALSE,6*sizeof(float),(void*)(3*sizeof(float)));\n\n     \/\/ \u89e3\u7ed1\u5f53\u524dvao\n    glBindVertexArray(0);\n}<\/code><\/pre>\n<\/details>\n\n\n\n<h2 class=\"wp-block-heading\">\u7ed8\u5236\u6d41\u7a0b<\/h2>\n\n\n\n<p>Shader\uff1a\u4e00\u79cd\u8fd0\u884c\u5728GPU\u7aef\uff0c\u7c7bC\u8bed\u8a00\uff0c\u7528\u4e8e\u5904\u7406\u9876\u70b9\u6570\u636e\u53ca\u51b3\u5b9a\u50cf\u7d20\u6700\u7ec8\u7247\u5143\u6700\u7ec8\u7740\u8272 <\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-34.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"603\" height=\"551\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-34.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5186\"  sizes=\"auto, (max-width: 603px) 100vw, 603px\" \/><\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-35.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"654\" height=\"561\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-35.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5187\"  sizes=\"auto, (max-width: 654px) 100vw, 654px\" \/><\/div><\/figure>\n<\/div>\n\n\n\n<p>\u5bf9\u4e8e\u5de6\u4fa7\u7684\uff0c\u7528\u4e8e\u9876\u70b9\u5904\u7406\uff0c\u56e0\u6b64\u53eb\u505aVertesShader\uff1b\u53f3\u4fa7\u7684\uff0c\u5904\u7406\u6700\u7ec8\u7684\u7247\u5143\u989c\u8272\uff0c\u53eb\u505aFragmentShader<\/p>\n\n\n\n<p>GLSL\u8bed\u8a00\uff08Graphic Library Shader Language\uff09<\/p>\n\n\n\n<p>\u7740\u8272\u5668\u662f\u4f7f\u7528\u4e00\u79cd\u53eb\u505aGLSL\u7684\u7c7bC\u8bed\u8a00\u5199\u6210\u7684\u3002\u662f\u4e3a\u56fe\u5f62\u8ba1\u7b97\u91cf\u8eab\u5b9a\u5236\u7684\uff0c\u5305\u542b\u4e00\u4e9b\u5bf9\u5411\u91cf\u77e9\u9635\u7684\u7279\u6027\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u7279\u70b9\uff1a<\/li>\n\n\n\n<li>\u672c\u8eab\u662f\u4e00\u79cd\u628a\u8f93\u5165\u8f6c\u5316\u4e3a\u8f93\u51fa\u7684\u7a0b\u5e8f<\/li>\n\n\n\n<li>\u662f\u4e00\u79cd\u975e\u5e38\u72ec\u7acb\u7684\u7a0b\u5e8f\uff0c\u5f7c\u6b64\u4e4b\u95f4\u65e0\u6cd5\u901a\u4fe1\uff0c\u53ea\u80fd\u591f\u901a\u8fc7\u8f93\u5165\u8f93\u51fa\u4e4b\u95f4\u76f8\u4e92\u627f\u63a5<\/li>\n<\/ul>\n\n\n\n<p>layout\u51fd\u6570<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>layout(location=n) \u544a\u8bc9vertexShader\u53bbvao\u7684\u7b2cn\u4e2a\u63cf\u8ff0\u5c5e\u6027\u4e2d\u53d6\u51fa\u6570\u636e,aPo\u97e6\u53d8\u91cf\u540d <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-36-1024x331.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"331\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-36-1024x331.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5188\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>gl_position\u51fd\u6570\uff0c\u6839\u636e\u8bfb\u53d6\u7684\u6570\u636e\u6700\u7ec8\u8f6c\u5316\u4e3a\u6700\u7ec8\u7684NDC\u5750\u6807\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-37-1024x532.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"532\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-37-1024x532.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5189\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u5bf9\u4e8eFragmentShader\uff0c<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-38-1024x390.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"390\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-38-1024x390.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5190\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u662f\u4e00\u4e2aout\u7c7b\u578b\u53d8\u91cf\uff0c\u610f\u5473\u7740\u6700\u540e\u9700\u8981\u8f93\u51fa<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">shader\u7684\u7f16\u8bd1<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Shader\u4f5c\u4e3aGPU\u7aef\u8fd0\u884c\u7684\u7a0b\u5e8f\uff0c\u4e5f\u9700\u8981\u88ab\u7f16\u8bd1+\u94fe\u63a5\u6210\u4e3a\u4e00\u6b3e\u53ef\u8fd0\u884c\u7684\u7a0b\u5e8f<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-40-1024x399.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"399\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-40-1024x399.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5194\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>count\uff1a\u5b57\u7b26\u4e32\u6570\u7ec4\u7684\u4e2a\u6570<\/li>\n\n\n\n<li>string\uff1a\u5b57\u7b26\u4e32\u6570\u7ec4<\/li>\n\n\n\n<li>length\uff1a\u6bcf\u4e00\u4e2a\u5b57\u7b26\u4e32\u6570\u7ec4\u957f\u5ea6<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u7ed8\u5236\u6d41\u7a0b\u68b3\u7406<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6211\u4eec\u5df2\u7ecf\u51c6\u5907\u597d\u4e86\u51e0\u4f55\u6570\u636e\u4e0e\u6750\u8d28\u7a0b\u5e8f<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-41-1024x174.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"174\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-41-1024x174.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5195\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u63a5\u4e0b\u6765\u544a\u8bc9GPU\uff0c\u4f7f\u7528\u6211\u4eec\u7684\u96c6\u5408\u7a0b\u5e8f\u4e0e\u6750\u8d28\u7a0b\u5e8f\uff0c\u6765\u8fdb\u884c\u7ed8\u5236<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>void glUseProgram\uff08GLuint program\uff09<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8bbe\u7f6e\u63a5\u4e0b\u6765\u7ed8\u5236\u7684\u65f6\u5019\uff0c\u6240\u4f7f\u7528\u7684Shader\u7a0b\u5e8f<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>void glBingVertexArray\uff08GLuint array\uff09<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8bbe\u7f6e\u63a5\u4e0b\u6765\u7ed8\u5236\u7684\u65f6\u5019\uff0c\u6240\u4f7f\u7528\u7684VAO\u51e0\u4f55\u4fe1\u606f<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>void glDrawArrays\uff08GLenum mode\uff0cGLint first\uff0cGLsizei count\uff09<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5411GPU\u7aef\u53d1\u51fa\u6e32\u67d3\u6307\u4ee4\uff08DrawCall\uff09\n<ul class=\"wp-block-list\">\n<li>\u964d\u4f4eDrawCall\u5c31\u662f\u964d\u4f4e\u5411GPU\u53d1\u51fa\u6e32\u67d3\u6307\u4ee4\u7684\u6b21\u6570<\/li>\n\n\n\n<li>mode\uff1a\u7ed8\u5236\u6a21\u5f0f\uff08GL_TRIANGLES,GL_LINES\uff09<\/li>\n\n\n\n<li>first\uff1a\u4ece\u7b2c\u51e0\u4e2a\u9876\u70b9\u5f00\u59cb\u7ed8\u5236<\/li>\n\n\n\n<li>count\uff1a\u7ed8\u5236\u5230\u7b2c\u51e0\u4e2a\u9876\u70b9\u6570\u636e<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-42-1024x663.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"663\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-42-1024x663.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5196\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u4e0d\u540c\u7684first\u548ccount\u5bf9\u5e94\u9009\u53d6\u6700\u7ec8\u4e0d\u540c\u7684\u70b9\u3002\u6ce8\u610f\u6765\u8bf4\uff0c\u753b\u4e09\u89d2\u5f62\u548c\u753b\u76f4\u7ebf\u9700\u8981\u6ee1\u8db3\u6700\u5c11\u8981\u6c42\u7684\u70b9\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>void render() {\n    \/\/ \u6267\u884copengl\u753b\u5e03\u6e05\u7406\u5de5\u4f5c\n    GL_CALL(glClear(GL_COLOR_BUFFER_BIT));\n\n    \/\/ 1.\u7ed1\u5b9a\u5f53\u524dprogram\n    glUseProgram(program);\n    \/\/ 2.\u7ed1\u5b9a\u5f53\u524dvao\n    glBindVertexArray(vao);\n    \/\/ 3.\u53d1\u51fa\u7ed8\u5236\u6307\u4ee4\n    glDrawArrays(GL_TRIANGLES,0,3);\n}<\/code><\/pre>\n\n\n\n<p>\u7ed8\u5236\uff0c\u8bb0\u5f97\u63d0\u5347\u4e00\u4e0b\u53d8\u91cf\u4e3a\u5168\u5c40\uff08\u4fbf\u4e8e\u6d4b\u8bd5\uff09\uff0c\u7136\u540e\u7ec8\u4e8e\u51fa\u73b0\u4e86\u7b2c\u4e00\u4e2a\u4e09\u89d2\u5f62 sobsobsob<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-43-1024x650.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"650\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-43-1024x650.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5197\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u7ed8\u5236\u591a\u9876\u70b9<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-44-1024x461.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"461\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-44-1024x461.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5198\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u521a\u624d\u6709\u63d0\u5230\u4ece\u54ea\u4e00\u4e2a\u9876\u70b9\u5f00\u59cb\uff0c\u5982\u679c\u53d8\u6362\u4e0d\u540c\u7684\u7ed3\u679c\u4f1a\u600e\u4e48\u6837\u5462\uff1f\u5982\u679cfirst\u662f1\uff0c\u5c31\u7ed8\u52360-1-2\u4e09\u89d2\u5f62\uff0c\u5982\u679cfirst\u662f1\uff0c\u90a3\u5c31\u7ed8\u52361-2-3\u4e09\u89d2\u5f62<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u7ed8\u5236\u6a21\u5f0f<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>void glDrawArrays\uff08GLenum mode\uff0cGLint first\uff0cGLsizei count\uff09<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>mode\uff1a\u51b3\u5b9a\u4e86\u5bf9\u4e8e\u8f93\u5165\u7684\u51e0\u4f55\u9876\u70b9\uff0c\u5982\u4f55\u76f8\u8fde\u6210\u4e3a\u4e09\u89d2\u5f62\u6216\u8005\u76f4\u7ebf<\/li>\n<\/ul>\n\n\n\n<p>GL_TRIANGLES\uff1a\u6bcf\u4e09\u4e2a\u9876\u70b9\u6784\u6210\u4e00\u4e2a\u4e09\u89d2\u5f62\uff0c\u4e0d\u8db3\u4e09\u4e2a\u5219\u5ffd\u7565<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-45.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"597\" height=\"297\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-45.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5199\" style=\"aspect-ratio:2.0101541537328353;width:299px;height:auto\"  sizes=\"auto, (max-width: 597px) 100vw, 597px\" \/><\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-49-1024x462.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"462\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-49-1024x462.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5203\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>GL_TRIANGLE_STRIP\uff1a\u4fdd\u8bc1\u5728\u4e0d\u91cd\u53e0\u60c5\u51b5\u4e0b\uff0c\u4e09\u89d2\u5f62\u65cb\u8f6c\u65b9\u5411\u4e00\u81f4<br>\u5982\u679c\u672b\u5c3e\u70b9\u5e8f\u5217n\u4e3a\u5076\u6570\uff0c\u5219\u94fe\u63a5\u89c4\u5219\u4e3a[n-2,n-1,n]<br>\u5982\u679c\u672b\u5c3e\u70b9\u5e8f\u5217n\u4e3a\u5947\u6570\uff0c\u5219\u94fe\u63a5\u89c4\u5219\u4e3a[n-1,n-2,n]<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-46.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"421\" height=\"254\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-46.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5200\" style=\"aspect-ratio:1.6575207628422024;width:310px;height:auto\"  sizes=\"auto, (max-width: 421px) 100vw, 421px\" \/><\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-48-1024x479.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-48-1024x479.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5202\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>GL_TRIANGLE_FAN\uff1a\u7ed8\u5236\u4e3a\u6247\u5f62\u5e8f\u5217\uff0c\u4ee5v0\u4e3a\u8d77\u70b9<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-47.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"327\" height=\"297\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-47.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5201\" style=\"aspect-ratio:1.1010154153732836;width:203px;height:auto\"  sizes=\"auto, (max-width: 327px) 100vw, 327px\" \/><\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-50-1024x434.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"434\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-50-1024x434.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5204\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>GL_LINES\uff1a\u6bcf\u4e24\u4e2a\u9876\u70b9\u6784\u6210\u4e00\u6761\u76f4\u7ebf<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-51.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"478\" height=\"245\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-51.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5205\"  sizes=\"auto, (max-width: 478px) 100vw, 478px\" \/><\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-53-1024x476.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-53-1024x476.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5207\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>GL_LINE_STRIP\uff1a\u987a\u5e8f\u4e0d\u65ad\u94fe\u63a5<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-52.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"437\" height=\"251\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-52.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5206\"  sizes=\"auto, (max-width: 437px) 100vw, 437px\" \/><\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-54-1024x471.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-54-1024x471.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5208\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">EBO<\/h3>\n\n\n\n<p>\u95ee\u9898\uff1a\u5bf9\u4e8e\u7ed8\u5236\u4e09\u89d2\u5f62\u4f7f\u7528Strip\u548cFan\u592a\u6b7b\u677f\uff0c\u4e0d\u5e38\u7528\u3002\u4e14\u6ca1\u6709\u529e\u6cd5\u590d\u7528\u9876\u70b9\uff0c\u6bd4\u5982\u60f3\u7528023\u600e\u4e48\u529e\u5462\uff1f<\/p>\n\n\n\n<p>\u9876\u70b9\u7d22\u5f15\uff1a\u7528\u4e8e\u63cf\u8ff0\u4e00\u4e2a\u4e09\u89d2\u5f62\u4f7f\u7528\u54ea\u51e0\u4e2a\u9876\u70b9\u6570\u5b57\u7684\u5e8f\u5217 <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-56.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"903\" height=\"496\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-56.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5210\"  sizes=\"auto, (max-width: 903px) 100vw, 903px\" \/><\/div><\/figure>\n\n\n\n<p>EBO\uff08Element Buffer Object\uff09\uff1a\u7528\u4e8e\u5b58\u50a8\u9876\u70b9\u7ed8\u5236\u987a\u5e8f\u7d22\u5f15\u7684GPU\u663e\u5b58\u533a\u57df<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-57-1024x368.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"368\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-57-1024x368.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5211\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u6574\u4f53\u6d41\u7a0b\u548c\u4e4b\u524d\u7684VAO\u7ed1\u5b9a\u6d41\u7a0b\u7c7b\u4f3c<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">EBO\u7ed8\u5236\u6d41\u7a0b<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>void glDrawElements(GLenum mode,GLsizei count,GLenum type ,const void *indices)<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>mode:\u7ed8\u5236\u6a21\u5f0f<\/li>\n\n\n\n<li>count\uff1a\u4f7f\u7528ebo\u4e2d\u591a\u5c11\u4e2a\u6570\u5b57\u6765\u7ed8\u5236<\/li>\n\n\n\n<li>type\uff1a\u7d22\u5f15\u7684\u6570\u636e\u7c7b\u578b<\/li>\n\n\n\n<li>indices\uff1a\n<ul class=\"wp-block-list\">\n<li>\u5982\u679c\u4f7f\u7528\u4e86ebo\uff0c\u901a\u5e38\u586b\u51990<\/li>\n\n\n\n<li>\u5982\u679c\u4f7f\u7528\u4e86ebo\uff0c\u5176\u4e0d\u586b\u51990\uff0c\u8868\u793a\u7d22\u5f15\u5185\u504f\u79fb<\/li>\n\n\n\n<li>\u5982\u679c\u4e0d\u9002\u7528ebo\uff0c\u53ef\u4ee5\u76f4\u63a5\u4f20\u5165\u7d22\u5f15\u6570\u7ec4\uff08\u6548\u7387\u4f4e\uff0c\u76f8\u5f53\u4e8e\u6bcf\u6b21\u518d\u4ececpu\u53d1\uff09<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u5f69\u8272\u4e09\u89d2\u5f62\u7ed8\u5236\u548c\u5dee\u503c\u7b97\u6cd5<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-59-1024x305.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"305\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-59-1024x305.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5213\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-58.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"796\" height=\"572\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-58.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5212\"  sizes=\"auto, (max-width: 796px) 100vw, 796px\" \/><\/div><\/figure>\n\n\n\n<p>\u63d2\u503c\u7b97\u6cd5<\/p>\n\n\n\n<p>\u7ebf\u6027\u63d2\u503c\u7b97\u6cd5\uff1a\u4e24\u4e2a\u70b9\u65f6\u5019\uff0c\u6309\u7167\u7ebf\u6bb5\u957f\u5ea6\u6bd4\u4f8b\u5206\u914d<br>\u91cd\u5fc3\u63d2\u503c\u7b97\u6cd5\uff1a\u4e09\u4e2a\u70b9\u65f6\u5019\uff0c\u6309\u7167\u9876\u70b9\u76f8\u5bf9\u4e09\u89d2\u5f62\u9762\u79ef\u5206\u914d\u6bd4\u4f8b\u3002<\/p>\n\n\n\n<p>\u4e14\u4efb\u4f55\u5c5e\u6027\u5176\u5b9e\u90fd\u53ef\u4ee5\u8fd9\u6837\u63d2\u503c\uff0c\u4f20\u9012\u7ed9fragmentShader\u65f6\u5019\u5df2\u7ecf\u63d2\u503c\u5b8c\u4e86<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-60-1024x406.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"406\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-60-1024x406.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5214\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Shader<\/h2>\n\n\n\n<p>\u6587\u4ef6\u7528glsl\u7ed3\u5c3e<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-61.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"353\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-61.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5215\"  sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><\/figure>\n\n\n\n<p>\u56e0\u4e3a\u6211\u4eec\u8fd8\u662f\u9700\u8981\u7f16\u8bd1\u4e4b\u7c7b\u7684\uff0c\u56e0\u6b64\u6211\u4eec\u521b\u5efa\u4e00\u4e2a\u6587\u4ef6\u5939\u5904\u7406\u8fd9\u4e9b\u3002\u5177\u4f53\u7684shader\u6587\u4ef6\u4e5f\u914d\u7f6e\u76f8\u5173\u7684\u5185\u5bb9<\/p>\n\n\n\n<p>\u6309\u7167\u540c\u6837\u7684\uff0c\u5199\u597dCMake\u6587\u4ef6\u5939\uff0c\u7136\u540e\u628a\u76f8\u5173\u5185\u5bb9\u90fd\u8fdb\u884c\u5c01\u88c5<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">GLSL<\/h3>\n\n\n\n<p>\u7740\u8272\u5668\u662f\u4f7f\u7528\u4e00\u79cd\u53eb\u505aGLSL\u7684\u7c7bC\u8bed\u8a00\u5199\u6210\u7684\u3002\u662f\u4e3a\u56fe\u5f62\u8ba1\u7b97\u91cf\u8eab\u5b9a\u5236\u7684\uff0c\u5305\u542b\u4e00\u4e9b\u5bf9\u5411\u91cf\u77e9\u9635\u7684\u7279\u6027\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u7279\u70b9\uff1a<\/li>\n\n\n\n<li>\u672c\u8eab\u662f\u4e00\u79cd\u628a\u8f93\u5165\u8f6c\u5316\u4e3a\u8f93\u51fa\u7684\u7a0b\u5e8f<\/li>\n\n\n\n<li>\u662f\u4e00\u79cd\u975e\u5e38\u72ec\u7acb\u7684\u7a0b\u5e8f\uff0c\u5f7c\u6b64\u4e4b\u95f4\u65e0\u6cd5\u901a\u4fe1\uff0c\u53ea\u80fd\u591f\u901a\u8fc7\u8f93\u5165\u8f93\u51fa\u4e4b\u95f4\u76f8\u4e92\u627f\u63a5<\/li>\n<\/ul>\n\n\n\n<p>\u57fa\u7840\u6570\u636e\u7c7b\u578b\u548cC\u7c7b\u578b\u7c7b\u4f3c\uff0c\u5411\u91cf\u6570\u636e\u7c7b\u578b<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td>\u7c7b\u578b<\/td><td>\u63cf\u8ff0<\/td><\/tr><tr><td>vecn<\/td><td>\u5305\u542bn\u4e2afloat\u5206\u91cf\u7684\u5411\u91cf<\/td><\/tr><tr><td>bvecn<\/td><td>\u5305\u542bn\u4e2abool\u5206\u91cf\u7684\u5411\u91cf<\/td><\/tr><tr><td>ivecn<\/td><td>\u5305\u542bn\u4e2aint\u5206\u91cf\u7684\u5411\u91cf<\/td><\/tr><tr><td>uvecn<\/td><td>\u5305\u542bn\u4e2aunsigned int\u5206\u91cf\u7684\u5411\u91cf<\/td><\/tr><tr><td>dvecn<\/td><td>\u5305\u542bn\u4e2adouble\u5206\u91cf\u7684\u5411\u91cf<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u5411\u91cf\u4f7f\u7528\u65b9\u5f0f\u6bd4\u8f83\u7075\u6d3b<\/p>\n\n\n\n<p>\u4e00\u3001\u5411\u91cf\u521d\u59cb\u5316\uff08Vector Initialization\uff09<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u663e\u5f0f\u521d\u59cb\u5316\nvec3 color0 = vec3(1.0, 0.0, 0.0);\n\/\/\u5206\u522b\u6307\u5b9a\u6bcf\u4e2a\u5206\u91cf\u7684\u503c\uff08x, y, z \u6216 r, g, b\uff09\n\n\/\/\u7edf\u4e00\u521d\u59cb\u5316\nvec3 color1 = vec3(1.0);\n\/\/ \u7b49\u4ef7\u4e8evec3(1.0, 1.0, 1.0);<\/code><\/pre>\n\n\n\n<p>\u4e8c\u3001\u5411\u91cf\u5206\u91cf\u8bbf\u95ee\uff08xyzw \/ rgba\uff09<\/p>\n\n\n\n<p>GLSL \u4e2d\u5411\u91cf\u652f\u6301<strong>\u591a\u5957\u8bed\u4e49\u8bbf\u95ee\u65b9\u5f0f<\/strong>\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u7a7a\u95f4\u5750\u6807\uff1a<code>x y z w<\/code><\/li>\n\n\n\n<li>\u989c\u8272\u5206\u91cf\uff1a<code>r g b a<\/code><\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>vec4 color = vec4(0.8, 0.0, 0.0, 1.0);\n\nfloat x = color.x;   \/\/ 0.8\nfloat r = color.r;   \/\/ 0.8\nfloat w = color.w;   \/\/ 1.0\nfloat a = color.a;   \/\/ 1.0<\/code><\/pre>\n\n\n\n<p><code>x \u2261 r<\/code>\uff0c<code>w \u2261 a<\/code>\uff0c\u53ea\u662f\u8bed\u4e49\u4e0d\u540c\uff0c\u7528\u6765\u6307\u4ee3\u7279\u5b9a\u7684\u4f4d\u7f6e<\/p>\n\n\n\n<p>\u4e09\u3001\u5411\u91cf\u91cd\u7ec4\uff08Swizzling\uff09<\/p>\n\n\n\n<p>Swizzling \u53ef\u4ee5<strong>\u4efb\u610f\u91cd\u6392\u3001\u590d\u5236\u5411\u91cf\u5206\u91cf<\/strong>\uff0c\u975e\u5e38\u7075\u6d3b\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>vec4 color = vec4(0.8, 0.7, 0.6, 1.0);\nvec4 param0 = color.xyzz; \/\/ (0.8, 0.7, 0.6, 0.6)\nvec4 param1 = color.zyzz; \/\/ (0.6, 0.7, 0.6, 0.6)\nvec4 param2 = param0.xxxx + param1.yzwx;<\/code><\/pre>\n\n\n\n<p>\u56db\u3001\u6784\u9020\u66f4\u7075\u6d3b\u7684\u5411\u91cf\uff08\u6df7\u5408\u4f7f\u7528\uff09<\/p>\n\n\n\n<p>\u53ef\u4ee5\u628a <strong>\u5df2\u6709\u5411\u91cf\u5206\u91cf + \u5e38\u91cf<\/strong> \u7ec4\u5408\u6210\u65b0\u5411\u91cf\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>vec4 color = vec4(0.8, 0.7, 0.6, 1.0);\nvec4 param0 = vec4(color.xyz, 0.5);\/\/ (0.8, 0.7, 0.6, 0.5)\nvec4 param1 = vec4(color.yz, 0.5, 0.9);\/\/ (0.7, 0.6, 0.5, 0.9)<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u53d8\u91cf\u5206\u7c7b<\/h3>\n\n\n\n<p>\u8f93\u5165\u53d8\u91cf\uff1avs\u548cfs\u90fd\u53ef\u4ee5\u627f\u63a5\u4e0a\u4e00\u4e2a\u6b65\u9aa4\u7684\u8ba1\u7b97\u7ed3\u679c\u6216\u8005\u5c5e\u6027\u8f93\u5165<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Vs\u8f93\u5165\nlayout(location = 0 )in vec3 aPos;\nFs\u8f93\u5165\nin vec3 color;<\/code><\/pre>\n\n\n\n<p>\u8f93\u51fa\u53d8\u91cf\uff1a<br>vs\u548cfs\u90fd\u53ef\u4ee5\u5411\u4e0b\u4e00\u4e2a\u6e32\u67d3\u7ba1\u7ebf\u6b65\u9aa4\u8f93\u51fa\u53d8\u91cf<br>vs\u5411\u540e\u8f93\u51fa\u53d8\u91cf\uff0c\u8fdb\u8fc7\u63d2\u503c\u5230\u8fbefs\u4e2d<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\u8f93\u51fa\nout vec3 param;\n...\nparam = vec3(1.0);<\/code><\/pre>\n\n\n\n<p>Uniform\u53d8\u91cf\uff1a<br>\u8d1f\u8d23CPU\u4e0eShader\u4e4b\u95f4\u76f4\u63a5\u7684\u53d8\u91cf\u4f20\u9012<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u8f93\u5165\u53d8\u91cf<\/h4>\n\n\n\n<p>\u5728vs\u4e2d\u7684\u8f93\u5165\u53d8\u91cf\uff0c\u6210\u4e3a\u5c5e\u6027\u53d8\u91cf\uff0c\u662f\u901a\u8fc7vao\u7684\u63cf\u8ff0\uff0c\u4ecevbo\u4e2d\u8bfb\u53d6\u9876\u70b9\u5c5e\u6027<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>layout(location=0) in vec3 aPos;<\/code><\/pre>\n\n\n\n<p>\u4f46\u5176\u5b9e\uff0c\u4e5f\u53ef\u4ee5\u4e0d\u7528location\uff0c\u4e0d\u7528\u663e\u793a\u7684layout\u6765\u83b7\u53d6\uff0c\u5373\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>in vec3 aPos;<\/code><\/pre>\n\n\n\n<p>\u90a3\u600e\u4e48\u505a\u5462\uff0c\u5176\u5b9e\u5c31\u53ef\u4ee5\u5728vbo\u7ed1\u5b9avao\u7684\u65f6\u5019\uff0c\u5c31\u628a\u8fd9\u4e2a\u63cf\u8ff0id\u83b7\u53d6\u4e86\uff0c\u7136\u540e\u7ed1\u5b9a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>glVertexAttribPointer(0,3,GL_FLOAT,GL_FALSE,sizeof(float) * 3,(void*)0);<\/code><\/pre>\n\n\n\n<p>\u8fd9\u4e2a0\u5c31\u662f\u6211\u4eec\u81ea\u5df1\u914d\u7f6e\u7684\uff0c\u6211\u4eec\u8fd9\u65f6\u5019\u4ece\u6211\u4eecprogram\u91cc\u9762\u83b7\u53d6<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>GLunint posLocation = glGetAttribLocation(shader-&gt;mProgram,\"aPos\");\n...\nglEnableVertexAttribArray(posLocation);\nglVertexAttribPointer(posLocation,3,GL_FLOAT,GL_FALSE,sizeof(float) * 3,(void*)0);<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Uniform<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5728Shader\u6267\u884c\u8fd0\u7b97\u7684\u65f6\u5019\uff0c\u5f7c\u6b64\u4e4b\u95f4\u6570\u636e\u4e0d\u5171\u4eab\uff0c\u4f46\u662f\u6307\u4ee4\u4e00\u81f4<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-62-1024x422.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"422\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-62-1024x422.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5218\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u95ee\u9898\uff1a\u6240\u6709\u7684vs\u8ba1\u7b97\u9700\u8981\u540c\u4e00\u4e2a\u6570\u636e\uff0c\u6240\u6709\u7684fs\u8ba1\u7b97\u9700\u8981\u540c\u4e00\u4e2a\u6570\u636e\u600e\u4e48\u529e\uff1f<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-63-1024x440.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"440\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-63-1024x440.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5219\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u88ab\u5f53\u524dShader\u8fd0\u884c\u7684\u6240\u6709\u8fd0\u7b97\u5355\u5143\u5171\u4eab\u7684\u53d8\u91cf\uff0c\u6210\u4e3a<strong>Uniform\u53d8\u91cf<\/strong>\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u7c7b\u578b<\/th><th>\u6570\u636e\u4efd\u6570<\/th><th>\u662f\u5426\u5171\u4eab<\/th><th>\u542b\u4e49<\/th><\/tr><\/thead><tbody><tr><td><code>uniform<\/code><\/td><td><strong>1 \u4efd<\/strong><\/td><td>\u2705 \u6240\u6709 core \u5171\u4eab<\/td><td>\u5168\u5c40\u53c2\u6570<\/td><\/tr><tr><td><code>attribute \/ in<\/code><\/td><td><strong>\u9876\u70b9\/\u7247\u5143\u4e2a\u6570\u4efd<\/strong><\/td><td>\u274c \u4e0d\u5171\u4eab<\/td><td>\u6bcf\u4e2a\u9876\u70b9\/\u7247\u5143\u4e0d\u540c<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Attribute\uff1a\u9876\u70b9\u4f4d\u7f6e\uff0c\u53d7\u529b<br>Uniform\uff1a\u7cfb\u7edf\u65f6\u95f4\uff0cMesh\u7684ID\u53f7\uff0c\u5149\u7167\u65b9\u5411<\/p>\n\n\n\n<p>\u8bed\u6cd5<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5728GLSL\u4e2d\uff0c\u4f7f\u7528uniform\u5173\u952e\u5b57\u6765\u5b9a\u4e49Uniform\u53d8\u91cf<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>uniform vec3 direction;\nuniform float time;\n\nvoid main()\n{\n    direction = direction * 2.0;\n    time = time + 1.0f;\n}<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8bbe\u7f6eShader\u5f53\u4e2d\u7684Uniform\u53d8\u91cf<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u83b7\u53d6uniform\u53d8\u91cf\u5728shader\u4e2d\u7684\u4f4d\u7f6e\u7f16\u53f7\nGLint location = glGetUniformLocation\uff08program,\"time\");\n\n\/\/ \u4e3alocation\u5bf9\u5e94\u7684uniform\u53d8\u91cf\u8bbe\u7f6e\u503c\nglUniform1f(location,0.5f); \/\/\u4e13\u95e8\u66f4\u65b0\u4e00\u4e2afloat\u7ec4\u6210\u7684\u53d8\u91cf\n\n\/\/ \u83b7\u53d6uniform\u53d8\u91cf\u5728shader\u4e2d\u7684\u4f4d\u7f6e\u7f16\u53f7\nGLint location1 = glGetUniformLocation\uff08program,\"direction\");\nglUniform3f(location,0.5f,1.0f,0.8f);\/\/\u4e13\u95e8\u66f4\u65b0\u4e09\u4e2afloat\u7ec4\u6210\u7684\u53d8\u91cf<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u547d\u540d\u89c4\u5219<\/li>\n<\/ul>\n\n\n\n<p>glUniform+{1|2|3|4} + {f|i|ui}<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u793a\u4f8b1<\/h3>\n\n\n\n<p>\u501f\u52a9Uniform\u5b9e\u73b0\u4e09\u89d2\u5f62\u5ffd\u660e\u5ffd\u6697\uff1f<\/p>\n\n\n\n<p>\u600e\u4e48\u505a\u5462\uff1f\u539f\u7406\u662f\u8ba9\u989c\u8272\u968f\u7740\u65f6\u95f4\u5468\u671f\u6027\u53d8\u5316\uff0c\u90a3\u4e48\u6765\u770b\uff0c\u5957\u7528\u65f6\u95f4\u7684\u6b63\u5f26\u51fd\u6570\u5c31\u53ef\u4ee5\u4e86\uff0c\u628a\u65f6\u95f4\u8bbe\u7f6e\u4e3auniform\uff0c\u7136\u540e\u914d\u7f6e\u968f\u7740\u65f6\u95f4\u66f4\u6539\u3002\u5982\u679cvs\u548cfs\u90fd\u914d\u7f6e\u4e86\uff0c<strong>\u90a3\u4e48\u6700\u7ec8\u53ea\u6709\u4e00\u4e2a\u540c\u540d\u53d8\u91cf<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"450\" style=\"aspect-ratio: 588 \/ 450;\" width=\"588\" controls src=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/20260202-1417-03.2733827.mp4\"><\/video><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>#vertex.glsl\u6216vertex.glsl\u91cc\u9762\u90fd\u884c \u53cd\u6b63\u90fd\u53ef\u4ee5\u627e\u51fa\u6765\u3002\u56e0\u4e3a\u90fd\u5df2\u7ecf\u7f16\u6210program\u4e86\ncolor = aColor * (sin(time) + 1.0f) \/ 2.0f;\n\n#main.cpp\nshader-&gt;setFloat(\"time\",glfwGetTime());<\/code><\/pre>\n\n\n\n<p>\u5b9e\u73b0\u5de6\u53f3\u79fb\u52a8\uff0c\u63d0\u9ad8\u901f\u5ea6\u53ef\u4ee5\u6539\u53d8\u5468\u671f\u53d8\u5feb\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">gl_Position = <strong>vec4<\/strong>(aPos.x + sin(time),aPos.y,aPos.z,1.0);<\/pre>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"648\" style=\"aspect-ratio: 804 \/ 648;\" width=\"804\" controls src=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/20260202-1444-20.5709401.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u7eb9\u7406\u4e0e\u91c7\u6837<\/h2>\n\n\n\n<p>\u628a\u56fe\u7247\u8d34\u5230\u4e09\u89d2\u5f62\u4e0a\u663e\u793a\u7684\u8fc7\u7a0b\uff0c\u5373\u7eb9\u7406\u8d34\u56fe\u7684\u8fc7\u7a0b<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-64-1024x344.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"344\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-64-1024x344.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5222\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">UV<\/h3>\n\n\n\n<p>\u56fe\u7247\u548c\u5c55\u793a\u6846\u5927\u5c0f\u4e0d\u4e00\u6837\uff0c\u9700\u8981\u8c03\u6574\u3002\u600e\u4e48\u529e\u5462\uff1f<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-65-1024x464.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"464\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-65-1024x464.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5223\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u6240\u4ee5\uff0c\u8fd9\u4e2aUV\u5750\u6807\u5176\u5b9e\u5c31\u662f\u6a2a\u5411\u548c\u7eb5\u5411\u7684\u767e\u5206\u6bd4\u3002\u6211\u4eec\u901a\u5e38\u5728\u4e09\u89d2\u5f62\u7684\u9876\u70b9\u4e0a\u89c4\u5b9auv\u5750\u6807\u7684\u5177\u4f53\u6570\u503c\u4f5c\u4e3a\u5177\u4f53\u9876\u70b9\u5c5e\u6027\uff0c\u7136\u540e\u901a\u8fc7\u63d2\u503c\u7b97\u6cd5\u8fbe\u5230\u6bcf\u4e00\u4e2a\u7247\u5143\u50cf\u7d20\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-66-1024x341.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-66-1024x341.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5224\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u7eb9\u7406\u4e0e\u91c7\u6837<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u7eb9\u7406\u5bf9\u8c61\uff08Texture\uff09\uff1a\u5728GPU\u7aef\u7528\u6765\u4ee5\u4e00\u5b9a\u5f62\u5f0f\u5b58\u653e\u7eb9\u7406\u56fe\u7247\u63cf\u8ff0\u4fe1\u606f\u4e0e\u6570\u636e\u4fe1\u606f\u7684\u5bf9\u8c61\u3002<\/li>\n\n\n\n<li>\u91c7\u6837\u5668\uff08Sampler\uff09\uff1a\u5728GPU\u7aef\uff0c\u7528\u6765\u6839\u636euv\u5750\u6807\u4ee5\u4e00\u5b9a\u7b97\u6cd5\u4ece\u7eb9\u7406\u4e2d\u83b7\u53d6\u989c\u8272\u7684\u8fc7\u7a0b\u79f0\u4e3a\u91c7\u6837\uff0c\u6267\u884c\u91c7\u6837\u7684\u5bf9\u8c61\u79f0\u4e3a\u91c7\u6837\u5668<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-67-1024x286.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"286\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-67-1024x286.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5225\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u5bf9\u4e8e\u786c\u76d8\u4e2d\u7684\u6570\u636e\uff0cCPU\u53d1\u9001\u6307\u4ee4\u8bfb\u53d6\uff0c\u8bfb\u53d6\u540e\u8bfb\u5230\u5185\u5b58\u4e2d\uff0c\u63a5\u7740\u53d1\u9001\u5230\u663e\u5b58\u4e2d\u3002\u6839\u636e\u6700\u7ec8\u7ed8\u5236\u56fe\u6848\u5149\u6805\u5316\u7684\u7ed3\u679c\uff0c\u5bf9\u4e8e\u4e2d\u95f4\u6bcf\u4e00\u4e2a\u70b9\u90fd\u6709uv\u5750\u6807\u7684\u63d2\u503c\uff0c\u628a\u8fd9\u4e2a\u4ea4\u7ed9\u91c7\u6837\u5668\uff0c\u4ece\u7eb9\u7406\u5bf9\u8c61\u4e2d\u83b7\u5f97\u6700\u7ec8\u7684\u91c7\u6837\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u8bfb\u53d6\u4e0e\u7eb9\u7406API<\/h3>\n\n\n\n<p>\u4f7f\u7528stblmage\u5e93(\u53ea\u9700\u8981\u5934\u6587\u4ef6)\uff0c\u8bfb\u53d6\u56fe\u7247\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>stbi_uc *stbi_load(char const *filename, int *x, int *y, int *comp, int req_comp)<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>filename:\u76f8\u5bf9\u6587\u4ef6\u8def\u5f84<\/li>\n\n\n\n<li>xy:\u56fe\u7247\u7684\u957f\u5ea6\u8ddf\u5bbd\u5ea6\uff0c\u5185\u90e8\u4f1a\u76f4\u63a5\u8bfb\u53d6\u51fa\u6765<\/li>\n\n\n\n<li>comp:\u8bfb\u5165\u56fe\u7247\u7684\u672c\u8eab\u7684\u901a\u9053\u79cd\u7c7b(RGB\\RGBA\\GREY)<\/li>\n\n\n\n<li>req_comp:\u671f\u671b\u8bfb\u51fa\u6765\u7684\u6570\u636e\u683c\u5f0f(RGB\\RGBA\\GREY)<\/li>\n<\/ul>\n\n\n\n<p>\u5728\u8bfb\u53d6\u56fe\u7247\u4e0a\uff0c\u56fe\u7247\u50cf\u7d20\u5f80\u5f80\u6309\u7167\u5de6\u4e0a\u65b9\u4e3a\uff080,0\uff09\u7ec4\u7ec7\u6570\u636e\uff0c\u800cOplengl\u6309\u7167\u5de6\u4e0b\u65b9\u4e3a\uff080,0\uff09\uff0c\u56e0\u6b64\u5fc5\u987b\u8981\u7ffb\u8f6cy\u8f74\u624d\u53ef\u4ee5\uff0c\u5373\u9700\u8981\u8c03\u7528\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>stbi_set_flip_vertically_on_load(true);<\/code><\/pre>\n\n\n\n<p>\u521b\u5efa\u7eb9\u7406\u5bf9\u8c61<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>void glGenTextures(GLsizei n ,GLuint *textures);<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>n\uff1a\u521b\u5efa\u591a\u5c11\u4e2a\u7eb9\u7406\u5bf9\u8c61<\/li>\n\n\n\n<li>textures\uff1a\u521b\u5efa\u51fa\u7684\u7eb9\u7406\u5bf9\u8c61\u7f16\u53f7\u6570\u7ec4<\/li>\n<\/ul>\n\n\n\n<p>\u7eb9\u7406\u5355\u5143\uff08Texture Units\uff09<\/p>\n\n\n\n<p>\u7eb9\u7406\u5355\u5143\uff0c\u7528\u4e8e\u94fe\u63a5\u624d\u6837\u5b50\u4e0e\u7eb9\u7406\u5bf9\u8c61\uff0c\u8ba9Sampler\u627e\u5230\u53bb\u54ea\u4e2a\u7eb9\u7406\u5bf9\u8c61\u91c7\u6837<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-68-1024x639.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"639\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-68-1024x639.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5228\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u6fc0\u6d3b\u7eb9\u7406\u5355\u5143<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>void glActiveTexture(GLenum textureUnit)<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>textureUnit\uff1a\u6fc0\u6d3b\u54ea\u4e00\u4e2a\u7eb9\u7406\u5355\u5143<\/li>\n<\/ul>\n\n\n\n<p>\u7ed1\u5b9a\u7eb9\u7406\u5bf9\u8c61<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>void glBindTexture\uff08GLenum target, GLenum texture\uff09<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>target\uff1a\u5c06\u7eb9\u7406\u7ed1\u5b9a\u5230GL\u72b6\u6001\u673a\u7684\u54ea\u4e2a\u63d2\u69fd<\/li>\n\n\n\n<li>texture\uff1a\u7ed1\u5b9a\u6b64\u7eb9\u7406\u7f16\u53f7\u5bf9\u5e94\u7eb9\u7406\u5bf9\u8c61 <\/li>\n<\/ul>\n\n\n\n<p>\u6ce8\u610f\uff1a\u5148\u6fc0\u6d3b\u67d0\u4e2a\u7eb9\u7406\u5355\u5143\uff0c\u518d\u7ed1\u5b9a\u67d0\u4e2a\u7eb9\u7406\u5bf9\u8c61\uff0c\u53ef\u4ee5\u5c06\u5bf9\u8c61\u4e0e\u5355\u5143\u94fe\u63a5<\/p>\n\n\n\n<p>\u521b\u5efa\u7eb9\u7406\u5bf9\u8c61<\/p>\n\n\n\n<p>\u5f00\u8f9f\u663e\u5b58\uff0c\u4f20\u8f93\u6570\u636e<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\n<pre class=\"wp-block-code\"><code>void glTexlmage2D(\n    GLenum target,\n    GLint level,\n    GLint internalformat,\n    GLsizei width, GLsizei height,\n    GLint border,\n    GLenum format,\n    GLenum type,\n    const void *pixels)<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>target\uff1a\u7ed9GL\u72b6\u6001\u673a\u7684\u90a3\u4e2a\u7eb9\u7406\u63d2\u69fd\u4f20\u8f93\u6570\u636e<\/li>\n\n\n\n<li>level\uff1a\u7ed9mipmap\u54ea\u4e2a\u5c42\u7ea7\u4f20\u8f93\u6570\u636e<\/li>\n\n\n\n<li>internalformat\uff1a\u5e0c\u671b\u7eb9\u7406\u5bf9\u8c61\u4e2d\u56fe\u7247\u50cf\u7d20\u683c\u5f0f<\/li>\n\n\n\n<li>width,height\uff1a\u6700\u7ec8\u5bbd\u9ad8<\/li>\n\n\n\n<li>border\uff1a\u5386\u53f2\u9057\u7559\uff0c\u603b\u662f0<\/li>\n\n\n\n<li>format\uff1a\u539f\u59cb\u56fe\u7247\u683c\u5f0f<\/li>\n\n\n\n<li>type\uff1a\u5355\u901a\u9053\u6570\u636e\u683c\u5f0f<\/li>\n\n\n\n<li>pixels\uff1a\u6570\u636e\u6570\u7ec4\u6307\u9488<\/li>\n<\/ul>\n<\/div>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>\u4ee3\u7801<\/summary>\n<pre class=\"wp-block-code\"><code>void prepareTexture() {\n    \/\/ stbImage \u8bfb\u53d6\u56fe\u7247\n    int width, height,channels;\n        \/\/-- \u7ffb\u8f6cy\u8f74\n    stbi_set_flip_vertically_on_load(true);\n        \/\/ \u8bfb\u53d6\u6570\u636e\uff0cchannels\u662f\u8bfb\u5165\u56fe\u7247\u7684\u672c\u8eab\u7684\u901a\u9053\u79cd\u7c7b(RGB\\RGBA\\GREY)\uff0cSTBI_rgb_alpha\u662f\u671f\u671b\u8bfb\u51fa\u6765\u7684\u7c7b\u578b\n    unsigned char* data = stbi_load(\"assets\/textures\/back.png\",&amp;width,&amp;height,&amp;channels,STBI_rgb_alpha);\n    \/\/ \u751f\u6210\u7eb9\u7406\u5e76\u6fc0\u6d3b\u5355\u5143\u7ed1\u5b9a\n    glGenTextures(1,&amp;texture);\n        \/\/ --\u6fc0\u6d3b\u7eb9\u7406\u5355\u5143\n    glActiveTexture(GL_TEXTURE0);\n        \/\/ --\u7ed1\u5b9a\u7eb9\u7406\u5bf9\u8c61\n    glBindTexture(GL_TEXTURE_2D,texture);\n    \/\/ \u4f20\u8f93\u7eb9\u7406\u6570\u636e\uff0c\u5f00\u8f9f\u663e\u5b58\n    glTexImage2D(GL_TEXTURE_2D,0,GL_RGBA,width,height,0,GL_RGBA,GL_UNSIGNED_BYTE,data);\n    \/\/ \u91ca\u653e\u6570\u636e\n    stbi_image_free(data);\n}<\/code><\/pre>\n<\/details>\n\n\n\n<h3 class=\"wp-block-heading\">\u7eb9\u7406\u8fc7\u6ee4\u65b9\u5f0f<\/h3>\n\n\n\n<p>\u4e24\u79cd\u60c5\u51b5<\/p>\n\n\n\n<p>\u91c7\u6837\u50cf\u7d20>\u56fe\u7247\u50cf\u7d20<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u4e34\u8fd1\u50cf\u7d20\uff08nearest\uff09\uff1a\u6839\u636euv\u5750\u6807\u8ba1\u7b97\u51fa\u6765\u53d6\u6700\u8fd1\u7684\u6574\u6570\n<ul class=\"wp-block-list\">\n<li>\u95ee\u9898\uff1a\u53ef\u80fd\u5bfc\u81f4<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-70-1024x385.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"385\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-70-1024x385.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5230\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u53cc\u7ebf\u6027\u63d2\u503c\uff08linear\uff09\uff1a\u7ed3\u5408\u6700\u8fd1\u7684\u51e0\u4e2a\u50cf\u7d20\u5f97\u5230\u65b0\u50cf\u7d20\u7684\u989c\u8272<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-72-1024x344.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"344\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-72-1024x344.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5232\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u5bf9\u4e8e\u4e00\u822c\u60c5\u51b5\u800c\u8a00\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u9700\u8981\u50cf\u7d20 > \u56fe\u7247\u50cf\u7d20\uff1a\u4f7f\u7528Linear<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MAG_FILTER,GL_LINEAR)<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u9700\u6c42\u50cf\u7d20 &lt; \u56fe\u7247\u50cf\u7d20\uff1a\u4f7f\u7528Nearest<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_NEAREST)<\/code><\/pre>\n\n\n\n<p>\u7b2c\u4e8c\u4e2a\u53c2\u6570\u7684\u610f\u601d\u662f\uff0c\u5f53\u9700\u6c42\u9700\u6c42\u50cf\u7d20 &lt; \u56fe\u7247\u50cf\u7d20\u7684\u65f6\u5019\uff0c\u91c7\u7528\u4ec0\u4e48\u8fc7\u6ee4\u65b9\u5f0f<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Texture\u53c2\u6570\u8bbe\u7f6e<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">\u7eb9\u7406\u5305\u88f9<\/h4>\n\n\n\n<p>\u5f53UV\u5750\u6807\u8d85\u51fa\u4e860-1\u7684\u8303\u56f4\uff0c\u9700\u8981\u600e\u4e48\u505a\uff1f<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Repeat\uff1a\u91cd\u590d\u7eb9\u7406<\/li>\n\n\n\n<li>Mirrored\uff1a\u955c\u50cf\u7eb9\u7406<\/li>\n\n\n\n<li>ClampToEdge\uff1a\u8fb9\u7f18\u590d\u7528<\/li>\n\n\n\n<li>ClampToBorder\uff1a\u8bbe\u7f6e\u7279\u5b9a\u7684\u8fb9\u7f18\u989c\u8272\u5e76\u590d\u7528<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_WEAP_S,GL_REPEAT)\nglTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_WEAP_t,GL_MIRRORED_REPEAT)<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8981\u8bbe\u7f6e\u7684\u5bf9\u8c61\u662f\u5f53\u524d\u4e8c\u7ef4\u7eb9\u7406<\/li>\n\n\n\n<li>\u8981\u8bbe\u7f6e\u7eb9\u7406\u7684\u54ea\u4e2a\u5c5e\u6027\uff08u\/v\u7684wrapping \u53ef\u4ee5\u5355\u72ec\u914d\u7f6e\uff09<\/li>\n\n\n\n<li>\u914d\u7f6e\u6210\u54ea\u4e00\u4e2a\u503c<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-73-1024x423.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"423\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-73-1024x423.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5233\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u793a\u4f8b2<\/h3>\n\n\n\n<p>\u505a\u4e00\u4e2a\u65b9\u5f62\u5c55\u793a\u3002<\/p>\n\n\n\n<p>\u600e\u4e48\u505a\u5462\uff1f\u4e24\u4e2a\u4e09\u89d2\u5f62\u62fc\u63a5\u8d77\u6765\u5457\uff0c\u7136\u540euv\u914d\u7f6e\u597d\uff0c\u5c31\u53ef\u4ee5\u505a\u5230<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\n<pre class=\"wp-block-code\"><code>    float positions&#91;] = {\n        -0.5f,-0.5f,0.0f,\n        0.5f,-0.5f,0.0f,\n        -0.5f,0.5f,0.0f,\n        0.5f,0.5f,0.0f\n    };<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>    float colors&#91;] = {\n        1.0f,0.0f,0.0f,\n        0.0f,1.0f,0.0f,\n        0.0f,0.0f,1.0f,\n        0.5,0.5f,0.5f\n    };<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>    float uvs&#91;] ={\n        0.0f,0.0f,\n        1.0f,0.0f,\n        0.0f,1.0f,\n        1.0f,1.0f\n    };<\/code><\/pre>\n<\/div>\n\n\n\n<p>\u7136\u540e\u4e09\u89d2\u5f62\u7684index\uff0c\u90fd\u9700\u8981\u5411\u4e0a\uff0c\u4e5f\u5c31\u662f<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>   unsigned int indices&#91;] = {\n        0,1,2,\n        2,1,3\n    };<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-74-1024x716.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"716\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-74-1024x716.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5234\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u5982\u4f55\u505a\u5230\u4e2d\u95f4\u91cd\u590d10\u6b21\u5462\uff1f\u90a3\u4e48\u5176\u5b9e\u5c31\u662fuvs\u6574\u4f5310\u500d\uff0c\u56e0\u4e3a\u91c7\u7528\u7684\u662fGL_REPEAT\u4e5f\u5c31\u662f\u91cd\u590d\u7eb9\u7406<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\n<pre class=\"wp-block-code\"><code>    float uvs&#91;] ={\n        0.0f,0.0f,\n        10.0f,0.0f,\n        0.0f,10.0f,\n        10.0f,10.0f\n    };<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/02\/image-75-edited.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"803\" height=\"803\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/02\/image-75-edited.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5236\"  sizes=\"auto, (max-width: 803px) 100vw, 803px\" \/><\/div><\/figure>\n<\/div>\n\n\n\n<p>\u8f6e\u64ad\u6548\u679c\u548c\u4ee3\u7801\uff1a\u53cd\u6b63uv\u65e0\u9650\u91cd\u590d\uff0c\u53ea\u8981\u968f\u7740\u65f6\u95f4\u53d8\u5316\u5c31\u53ef\u4ee5\u4e86\u3002<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"692\" style=\"aspect-ratio: 1498 \/ 692;\" width=\"1498\" controls src=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/20260204-1501-46.4630282.mp4\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u7eb9\u7406\u6df7\u5408<\/h3>\n\n\n\n<p>\u600e\u4e48\u505a\u5462\uff1f\u5176\u5b9e\u5c31\u662f\u4ece\u56fe\u7247\u4e0a\u91c7\u6837\u540e\uff0c\u5f97\u5230\u4e24\u4e2a\u50cf\u7d20\u76f8\u52a0\u6df7\u5408<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>void main()\n{\n\/\/   FragColor = vec4(color,1.0f);\n   vec4 tempColor1 = texture(sampler,uv );\n   vec4 tempColor2 = texture(sampler2,uv );\n   FragColor = 0.5 * (tempColor1 + tempColor2);\n}<\/code><\/pre>\n\n\n\n<p>\u5f53\u7136\uff0c\u6bd4\u4f8b\u6709\u65f6\u5019\u4e5f\u60f3\u8981\u63a7\u5236\uff0c\u90a3\u4e48\u53ef\u4ee5\u52a0\u5165\u4e00\u4e2a\u566a\u58f0\u56fe<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-76-1024x434.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"434\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-76-1024x434.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5238\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Mipmap<\/h3>\n\n\n\n<p>\u95ee\u9898\uff1a\u8ddd\u79bb\u5f88\u8fdc\u7684\u65f6\u5019\uff0c\u6240\u9700\u8981\u5360\u7528\u7684\u50cf\u7d20\u4e0d\u9700\u8981\u5f88\u5927\u3002\u8fd9\u4e2a\u65f6\u5019\u5c31\u5bb9\u6613\u9020\u6210\u7684\u8d34\u56fe\u50cf\u7d20\u6d6a\u8d39\uff0c\u8868\u8fbe\u9519\u8bef\uff0c\u6bdb\u523a\u611f\u5f3a\uff0c\u6d6a\u8d39\u5e26\u5bbd\u4e14\u4e0d\u8fde\u8d2f\uff0c\u4ea7\u751f\u7c7b\u4f3c\u4e8e\u6469\u5c14\u7eb9\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-77.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"723\" height=\"504\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-77.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5239\"  sizes=\"auto, (max-width: 723px) 100vw, 723px\" \/><\/div><\/figure>\n\n\n\n<p>\u95ee\u9898\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u56fe\u7247\u4fe1\u606f\u88ab\u6d6a\u8d39\u4e86<\/li>\n\n\n\n<li>\u76f8\u90bb\u5c4f\u5e55\u50cf\u7d20uv\u8de8\u5ea6\u8fc7\u5927\uff0c\u9020\u6210\u7a81\u53d8\u5931\u771f\u3002<\/li>\n<\/ul>\n\n\n\n<p>mipmap\uff1a\u4e3a\u4e00\u5f20\u7eb9\u7406\u56fe\u7247\uff0c\u751f\u6210\u4e00\u7cfb\u5217\u7684\u7eb9\u7406\u56fe\u50cf\u3002\u540e\u4e00\u4e2a\u5bbd\u662f\u524d\u4e00\u4e2a\u76841\/2\u3002\u7269\u4f53\u6bd4\u8f83\u8fdc\u7684\u65f6\u5019\uff0c\u81ea\u52a8\u5207\u6362\u4e3a\u6bd4\u8f83\u5c0f\u7684\u8d34\u56fe\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-78.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"785\" height=\"532\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-78.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5240\" style=\"aspect-ratio:1.4755778776397332;width:613px;height:auto\"  sizes=\"auto, (max-width: 785px) 100vw, 785px\" \/><\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">\u751f\u6210\u65b9\u5f0f<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6ee4\u6ce2\uff1a\u5bf9\u56fe\u7247\u8fdb\u884c\u6a21\u7cca\u9884\u5904\u7406<\/li>\n\n\n\n<li>\u91c7\u6837\uff1a\u5bf9\u6a21\u7cca\u7684\u50cf\u7d20\uff0c\u9009\u53d6\u50cf\u7d20\u7ec4\u6210\u4e0b<\/li>\n<\/ul>\n\n\n\n<p>\u6ee4\u6ce2\uff1a<\/p>\n\n\n\n<p>\u5747\u503c\u6ee4\u6ce2\uff1a\u7c7b\u4f3c\u4e8e\u6c60\u5316\uff0c\u53d6\u5468\u56f4\u5f88\u591a\u4e2a\u50cf\u7d20\u7684\u5e73\u5747\u503c<br>\u9ad8\u65af\u6ee4\u6ce2\uff1a\u5468\u8fb9\u7684\u50cf\u7d20\u4e0d\u662f\u5e73\u5747\u8fc7\u6765\uff0c\u800c\u662f\u7ed9\u4e0e\u6309\u7167\u9ad8\u65af\u5206\u5e03\u7684\u77e9\u9635\u6743\u91cd\uff0c\u4e2d\u95f4\u9ad8\u8fb9\u7f18\u4f4e\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-80-1024x452.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-80-1024x452.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5242\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">\u8ddd\u79bb\u51fd\u6570<\/h4>\n\n\n\n<p>Opengl\u5982\u4f55\u5224\u5b9a\u5e94\u8be5\u8981\u7528\u4e0b\u4e00\u7ea7\u7684mipmap\u4e86\u5462\uff1f<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u7b54\uff1a\u901a\u8fc7glsl\u4e2d\u7684\u6c42\u504f\u5bfc\u51fd\u6570\u8ba1\u7b97\u53d8\u5316\u91cf\u51b3\u5b9a<\/li>\n<\/ul>\n\n\n\n<p>\u5bf9\u4e8eGPU\u5904\u7406FragmentShader\u65f6\u5019\uff0c\u4e0d\u4f1a\u6bcf\u4e00\u4e2a\u7247\u5143\u5355\u72ec\u5904\u7406\uff0c\u800c\u662f\u7f16\u7a0b\u4e00\u4e2a2*2\u7684\u533a\u57df\u8fdb\u884c\u5904\u7406\u3002\u501f\u52a9\u8fd9\u4e2a\uff0c\u6211\u4eec\u53ef\u4ee5\u8ba1\u7b97\u51fa\u76f8\u90bb\u50cf\u7d20\u5728\u67d0\u4e9b\u5c5e\u6027\u4e0a\u7684\u53d8\u5316\u91cf\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-81-1024x493.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-81-1024x493.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5243\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u5bf9\u4e8eglsl\u4e2d\uff0c\u5185\u7f6e\u4e86dFdx\u4e0edFdy\uff0c\u5bf9\u6805\u683c\u4e2d\u67d0\u4e00\u4e2a\u5c5e\u6027\u6c42\u504f\u5bfc\u6570<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-82-1024x391.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"391\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-82-1024x391.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5244\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p>\u5982\u4f55\u5224\u5b9a\u5f53\u524d\u7269\u4f53\u8d34\u56fe\u662f\u653e\u5927\u4e86\u8fd8\u662f\u7f29\u5c0f\u4e86\uff1f <\/p>\n\n\n\n<p>\u8fd9\u65f6\u5019\u770b1\u4e2a\u50cf\u7d20\uff0c\u5bf9\u5e94\u6700\u7ec8\u591a\u5c11\u4e2a\u7eb9\u7d20\uff0c\u5982\u679c\u5bf9\u5e94m*n\u4e2a\uff0c\u90a3\u4e48\u6700\u540e\u662f\u5bf9\u5e94log2(max(m,n))\u7684\u7ea7\u522b\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u8ddd\u79bb\u5224\u5b9a<\/h4>\n\n\n\n<p>\u600e\u4e48\u5177\u4f53\u5224\u5b9a\u5462\uff1f<\/p>\n\n\n\n<p>\u53ef\u4ee5\u83b7\u53d6\u5f53\u524d\u7eb9\u7d20\u7684\u53d8\u5316\u91cf\u8fd8\u6709\u50cf\u7d20\u7684\u53d8\u5316\u91cf\uff0c\u7136\u540e\u53bb\u5927\u7684log\u4e00\u4e0b\u5c31\u5f97\u5230\u4e86\u5177\u4f53\u7684\u5c42\u7ea7\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-84.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"735\" height=\"276\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-84.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5246\" style=\"aspect-ratio:2.6631376323387874;width:404px;height:auto\"  sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-85-1024x197.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"197\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-85-1024x197.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5247\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">\u81ea\u52a8\u751f\u6210Mipmap<\/h4>\n\n\n\n<p>\u81ea\u52a8\u751f\u6210mipmap\u53ea\u9700\u8981\u4e00\u53e5\u4ee3\u7801<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>void glGenerateMipmap\uff08GLenum target\uff09<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>target\u4e00\u822c\u4e3aGL_TEXTURE_2D<\/li>\n\n\n\n<li>\u8bbe\u7f6e\u81ea\u52a8\u91c7\u6837\u65b9\u5f0f\uff0c\u53ea\u9700\u8981\u4e00\u53e5\u4ee3\u7801<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>glTexParameteri\uff08GL_TEXTURE_2D\uff0cGL_TEXTURE_MIN_FILTER,GL_NEAREST_MIPMAP_LINEAR\uff09<\/code><\/pre>\n\n\n\n<p>\u6700\u540e\u4e00\u4e2a\u53c2\u6570\u7684\u524d\u534a\u6bb5\u8868\u793a\u5355\u5f20\u56fe\u7247\u7684\u91c7\u6837\u65b9\u5f0f\uff0c\u540e\u4e00\u4e2a\u8868\u793a\u4e0d\u540cmipmap\u4e4b\u95f4\u5982\u4f55\u9009\u62e9<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u6570\u5b66<\/h2>\n\n\n\n<p><a href=\"https:\/\/www.haruhi.fans\/?p=3483\" data-type=\"post\" data-id=\"3483\">\u8ba1\u7b97\u673a\u56fe\u5f62\u5b66<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u6444\u50cf\u673a<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-86-1024x596.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"596\" data-original=\"https:\/\/www.haruhi.fans\/wp-content\/uploads\/2026\/01\/image-86-1024x596.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-5248\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\u5165\u95e8 \u57fa\u7840\u77e5\u8bc6 Opengl\uff1a\u4e00\u4e2a\u89c4\u8303\uff0c\u5305\u542b\u4e86\u4e00\u7cfb\u5217\u53ef\u4ee5\u64cd\u4f5c\u56fe\u5f62\u3001\u56fe\u50cf\u7684\u51fd\u6570\u3002Opengl\u4e25\u683c\u7684\u89c4\u5b9a\u4e86\u6bcf\u4e00\u4e2a\u51fd [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-5124","post","type-post","status-publish","format-standard","hentry","category-tech"],"_links":{"self":[{"href":"https:\/\/www.haruhi.fans\/index.php?rest_route=\/wp\/v2\/posts\/5124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.haruhi.fans\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.haruhi.fans\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.haruhi.fans\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.haruhi.fans\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5124"}],"version-history":[{"count":24,"href":"https:\/\/www.haruhi.fans\/index.php?rest_route=\/wp\/v2\/posts\/5124\/revisions"}],"predecessor-version":[{"id":5251,"href":"https:\/\/www.haruhi.fans\/index.php?rest_route=\/wp\/v2\/posts\/5124\/revisions\/5251"}],"wp:attachment":[{"href":"https:\/\/www.haruhi.fans\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.haruhi.fans\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.haruhi.fans\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}