{"id":89328,"date":"2026-08-02T20:32:51","date_gmt":"2026-08-02T12:32:51","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/89328.html"},"modified":"2026-08-02T20:32:51","modified_gmt":"2026-08-02T12:32:51","slug":"horse3d-%e6%b8%b8%e6%88%8f%e5%bc%95%e6%93%8e%e7%a0%94%e5%8f%91%e7%ac%94%e8%ae%b0%ef%bc%88%e5%9b%9b%ef%bc%89%ef%bc%9a%e5%85%89%e7%85%a7%e4%b8%8e-shader-%e9%a2%84%e7%bc%96%e8%af%91","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/89328.html","title":{"rendered":"Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0\uff08\u56db\uff09\uff1a\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece material \u5230 GPU UBO"},"content":{"rendered":"<\/p>\n<h4>Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0&#xff08;\u56db&#xff09;&#xff1a;\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece &#096;.material&#096; \u5230 GPU UBO<\/h4>\n<ul>\n<li>Bilibili \u540c\u6b65\u89c6\u9891<\/li>\n<li>\u4e00\u3001\u4e3a\u4ec0\u4e48\u9700\u8981\u9884\u7f16\u8bd1\u548c UBO<\/li>\n<li>\u4e8c\u3001\u6574\u4f53\u6d41\u7a0b<\/li>\n<li>\u4e09\u3001&#096;.material&#096; \u4e2d\u7684\u5149\u7167\u58f0\u660e<\/li>\n<li>\u56db\u3001Shader \u9884\u5904\u7406\u5668<\/li>\n<li>\n<ul>\n<li>4.1 \u9012\u5f52 include<\/li>\n<li>4.2 \u5360\u4f4d\u7b26\u66ff\u6362<\/li>\n<\/ul>\n<\/li>\n<li>\u4e94\u3001\u7f16\u8bd1\u3001\u94fe\u63a5\u4e0e\u7f13\u5b58<\/li>\n<li>\u516d\u3001\u4e09\u5757 UBO \u7684\u5185\u5b58\u5e03\u5c40<\/li>\n<li>\n<ul>\n<li>6.1 FrameBlock<\/li>\n<li>6.2 LightBlock<\/li>\n<li>6.3 PhongMaterialBlock<\/li>\n<\/ul>\n<\/li>\n<li>\u4e03\u3001LightingBinder&#xff1a;\u628a\u573a\u666f\u5149\u63a8\u7ed9 GPU<\/li>\n<li>\u516b\u3001Phong \u5149\u7167\u6a21\u578b<\/li>\n<li>\u4e5d\u3001\u8bbe\u8ba1\u53d6\u820d<\/li>\n<li>\u5341\u3001\u5f53\u524d\u6210\u679c<\/li>\n<li>\u5341\u4e00\u3001\u4e0b\u4e00\u6b65<\/li>\n<li>\u9879\u76ee\u4ed3\u5e93<\/li>\n<\/ul>\n<p>\u76ee\u6807&#xff1a;\u68b3\u7406 Horse3D \u4e2d\u591a\u5149\u6e90\u6e32\u67d3\u7684\u5b8c\u6574\u94fe\u8def&#xff0c;\u5305\u62ec .material \u914d\u7f6e\u7684 Shader \u9884\u5904\u7406\u3001\u7f16\u8bd1\u7f13\u5b58\u3001Uniform Block Object&#xff08;UBO&#xff09;\u7ec4\u7ec7&#xff0c;\u4ee5\u53ca Phong \u5149\u7167\u6a21\u578b\u5728 GPU \u4e0a\u7684\u5b9e\u73b0\u3002<\/p>\n<h2>Bilibili \u540c\u6b65\u89c6\u9891<\/h2>\n<p>Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0&#xff08;\u56db&#xff09;&#xff1a;\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1<\/p>\n<h2>\u4e00\u3001\u4e3a\u4ec0\u4e48\u9700\u8981\u9884\u7f16\u8bd1\u548c UBO<\/h2>\n<p>\u5728\u7b14\u8bb0&#xff08;\u4e8c&#xff09;\u91cc&#xff0c;\u6750\u8d28\u7cfb\u7edf\u5df2\u7ecf\u80fd\u628a Shader \u4ece JSON \u914d\u7f6e\u4e2d\u52a0\u8f7d\u51fa\u6765\u3002\u4f46\u5f53\u573a\u666f\u5f15\u5165\u5149\u6e90\u540e&#xff0c;\u4e24\u4e2a\u65b0\u95ee\u9898\u7acb\u523b\u51fa\u73b0&#xff1a;<\/p>\n<li>GLSL \u4e2d\u5149\u6e90\u6570\u7ec4\u5927\u5c0f\u5fc5\u987b\u662f\u7f16\u8bd1\u671f\u5e38\u91cf\u3002\u8fd0\u884c\u65f6\u52a8\u6001\u51b3\u5b9a\u7684\u5149\u6e90\u6570\u91cf\u65e0\u6cd5\u76f4\u63a5\u58f0\u660e\u4e3a uniform Light lights[n]&#xff0c;\u9664\u975e\u7528 SSBO \u6216\u52a8\u6001\u7d22\u5f15\u6269\u5c55\u3002<\/li>\n<li>\u9010\u5149\u6e90\u9010\u4e2a glUniform* \u4e0a\u4f20\u6548\u7387\u4f4e\u3002\u6bcf\u5e27\u6bcf\u4e2a\u5149\u6e90\u90fd\u8981\u8d70\u591a\u6b21 CPU \u2192 GPU \u7684\u5c0f\u6570\u636e\u62f7\u8d1d&#xff0c;\u5149\u6e90\u4e00\u591a\u5c31\u5f62\u6210\u74f6\u9888\u3002<\/li>\n<p>\u56e0\u6b64\u9879\u76ee\u91c7\u7528\u4e24\u6761\u7b56\u7565&#xff1a;<\/p>\n<ul>\n<li>\u9884\u7f16\u8bd1&#xff1a;\u5728 Shader \u7f16\u8bd1\u524d\u7528\u9884\u5904\u7406\u5668\u628a {{DIRECTIONAL_LIGHT_COUNT}} \u7b49\u5360\u4f4d\u7b26\u66ff\u6362\u6210\u5b9e\u9645\u6570\u5b57&#xff0c;\u4e3a\u4e0d\u540c\u5149\u6e90\u6570\u91cf\u751f\u6210\u72ec\u7acb\u7684 Shader Program \u53d8\u4f53\u3002<\/li>\n<li>UBO&#xff1a;\u628a\u6bcf\u5e27\u53d8\u5316\u7684\u5e27\u6570\u636e&#xff08;view\/projection\/camera\/ambient&#xff09;\u548c\u5149\u6e90\u6570\u636e\u6253\u5305\u6210\u4e24\u4e2a Uniform Block&#xff0c;\u4e00\u6b21 glBufferSubData \u4e0a\u4f20&#xff0c;\u6240\u6709\u7269\u4f53\u5171\u4eab\u3002<\/li>\n<\/ul>\n<h2>\u4e8c\u3001\u6574\u4f53\u6d41\u7a0b<\/h2>\n<p>\u4ece\u78c1\u76d8\u6587\u4ef6\u5230 GPU \u5149\u7167\u8ba1\u7b97&#xff0c;\u6574\u4e2a\u94fe\u8def\u53ef\u4ee5\u6982\u62ec\u4e3a&#xff1a;<\/p>\n<p>  #mermaid-svg-uGsxtjvBF3CnlZLa{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-uGsxtjvBF3CnlZLa .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-uGsxtjvBF3CnlZLa .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-uGsxtjvBF3CnlZLa .error-icon{fill:#552222;}#mermaid-svg-uGsxtjvBF3CnlZLa .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-uGsxtjvBF3CnlZLa .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-uGsxtjvBF3CnlZLa .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-uGsxtjvBF3CnlZLa .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-uGsxtjvBF3CnlZLa .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-uGsxtjvBF3CnlZLa .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-uGsxtjvBF3CnlZLa .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-uGsxtjvBF3CnlZLa .marker{fill:#333333;stroke:#333333;}#mermaid-svg-uGsxtjvBF3CnlZLa .marker.cross{stroke:#333333;}#mermaid-svg-uGsxtjvBF3CnlZLa svg{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-uGsxtjvBF3CnlZLa p{margin:0;}#mermaid-svg-uGsxtjvBF3CnlZLa .label{font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;color:#333;}#mermaid-svg-uGsxtjvBF3CnlZLa .cluster-label text{fill:#333;}#mermaid-svg-uGsxtjvBF3CnlZLa .cluster-label span{color:#333;}#mermaid-svg-uGsxtjvBF3CnlZLa .cluster-label span p{background-color:transparent;}#mermaid-svg-uGsxtjvBF3CnlZLa .label text,#mermaid-svg-uGsxtjvBF3CnlZLa span{fill:#333;color:#333;}#mermaid-svg-uGsxtjvBF3CnlZLa .node rect,#mermaid-svg-uGsxtjvBF3CnlZLa .node circle,#mermaid-svg-uGsxtjvBF3CnlZLa .node ellipse,#mermaid-svg-uGsxtjvBF3CnlZLa .node polygon,#mermaid-svg-uGsxtjvBF3CnlZLa .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-uGsxtjvBF3CnlZLa .rough-node .label text,#mermaid-svg-uGsxtjvBF3CnlZLa .node .label text,#mermaid-svg-uGsxtjvBF3CnlZLa .image-shape .label,#mermaid-svg-uGsxtjvBF3CnlZLa .icon-shape .label{text-anchor:middle;}#mermaid-svg-uGsxtjvBF3CnlZLa .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-uGsxtjvBF3CnlZLa .rough-node .label,#mermaid-svg-uGsxtjvBF3CnlZLa .node .label,#mermaid-svg-uGsxtjvBF3CnlZLa .image-shape .label,#mermaid-svg-uGsxtjvBF3CnlZLa .icon-shape .label{text-align:center;}#mermaid-svg-uGsxtjvBF3CnlZLa .node.clickable{cursor:pointer;}#mermaid-svg-uGsxtjvBF3CnlZLa .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-uGsxtjvBF3CnlZLa .arrowheadPath{fill:#333333;}#mermaid-svg-uGsxtjvBF3CnlZLa .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-uGsxtjvBF3CnlZLa .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-uGsxtjvBF3CnlZLa .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-uGsxtjvBF3CnlZLa .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-uGsxtjvBF3CnlZLa .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-uGsxtjvBF3CnlZLa .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-uGsxtjvBF3CnlZLa .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-uGsxtjvBF3CnlZLa .cluster text{fill:#333;}#mermaid-svg-uGsxtjvBF3CnlZLa .cluster span{color:#333;}#mermaid-svg-uGsxtjvBF3CnlZLa div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-uGsxtjvBF3CnlZLa .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-uGsxtjvBF3CnlZLa rect.text{fill:none;stroke-width:0;}#mermaid-svg-uGsxtjvBF3CnlZLa .icon-shape,#mermaid-svg-uGsxtjvBF3CnlZLa .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-uGsxtjvBF3CnlZLa .icon-shape p,#mermaid-svg-uGsxtjvBF3CnlZLa .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-uGsxtjvBF3CnlZLa .icon-shape .label rect,#mermaid-svg-uGsxtjvBF3CnlZLa .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-uGsxtjvBF3CnlZLa .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-uGsxtjvBF3CnlZLa .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-uGsxtjvBF3CnlZLa :root{&#8211;mermaid-font-family:\\&#8221;trebuchet ms\\&#8221;,verdana,arial,sans-serif;} <\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u7f16\u8bd1\u6784\u5efa<\/p>\n<p><\/span> <\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u9884\u5904\u7406<\/p>\n<p><\/span> <\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>\u78c1\u76d8\u8d44\u6e90<\/p>\n<p><\/span> <\/p>\n<p>         <span class=\"edgeLabel\"><\/span> <\/p>\n<p>         <span class=\"edgeLabel\"><\/span> <\/p>\n<p>         <span class=\"edgeLabel\"><\/span> <\/p>\n<p>         <span class=\"edgeLabel\"><\/span> <\/p>\n<p>         <span class=\"edgeLabel\"><\/span> <\/p>\n<p>         <span class=\"edgeLabel\"><\/span> <\/p>\n<p>         <span class=\"edgeLabel\"><\/span> <\/p>\n<p>         <span class=\"edgeLabel\"><\/span> <\/p>\n<p>         <span class=\"edgeLabel\"><\/span> <\/p>\n<p>         <span class=\"edgeLabel\"><\/p>\n<p>Program &#043; Uniforms<\/p>\n<p><\/span> <\/p>\n<p>           <span class=\"nodeLabel\"><\/p>\n<p>\u8fd0\u884c\u65f6<\/p>\n<p><\/span> <\/p>\n<p>           <span class=\"edgeLabel\"><\/p>\n<p>binding 0 \/ 1<\/p>\n<p><\/span> <\/p>\n<p>           <span class=\"nodeLabel\"><\/p>\n<p>LightingBinder\u4e0a\u4f20 UBO<\/p>\n<p><\/span> <\/p>\n<p>           <span class=\"nodeLabel\"><\/p>\n<p>Phong Shader\u91c7\u6837 UBO \u8ba1\u7b97\u5149\u7167<\/p>\n<p><\/span> <\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>Phong.material<\/p>\n<p><\/span> <\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>phong.vert<\/p>\n<p><\/span> <\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>phong.frag<\/p>\n<p><\/span> <\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>Lighting.glsl<\/p>\n<p><\/span> <\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>FrameBlock.glsl<\/p>\n<p><\/span> <\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>ShaderPreprocessor\u5c55\u5f00 #include<\/p>\n<p><\/span> <\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>ShaderPreprocessor\u66ff\u6362 {{LIGHT_COUNT}}<\/p>\n<p><\/span> <\/p>\n<p>         <span class=\"nodeLabel\"><\/p>\n<p>MaterialBuilder\u7f16\u8bd1 \/ \u94fe\u63a5 \/ \u7f13\u5b58<\/p>\n<p><\/span> <\/p>\n<p>\u56fe 1&#xff1a;\u5149\u7167\u6e32\u67d3\u94fe\u8def\u603b\u89c8\u3002 \u78c1\u76d8\u4e0a\u7684 .material \u4e0e .vert\/.frag \u7ecf\u8fc7\u9884\u5904\u7406\u540e\u7f16\u8bd1\u4e3a Program&#xff1b;\u6bcf\u5e27 LightingBinder \u628a\u76f8\u673a\u548c\u5149\u6e90\u6570\u636e\u5199\u5165 UBO&#xff0c;\u7247\u5143\u7740\u8272\u5668\u76f4\u63a5\u8bfb\u53d6\u5b8c\u6210\u5149\u7167\u8ba1\u7b97\u3002<\/p>\n<h2>\u4e09\u3001.material \u4e2d\u7684\u5149\u7167\u58f0\u660e<\/h2>\n<p>\u4ee5 Materials\/Phong\/Phong.material \u4e3a\u4f8b&#xff0c;\u9664\u4e86\u9876\u70b9\u5c5e\u6027\u548c\u666e\u901a Uniform \u5916&#xff0c;\u8fd8\u58f0\u660e\u4e86\u4e00\u4e2a Uniform Block&#xff1a;<\/p>\n<p><span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token string-property property\">&#034;Attributes&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token punctuation\">[<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string-property property\">&#034;Name&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;aPos&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;Dimension&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token number\">3<\/span><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string-property property\">&#034;Name&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;aTexCoord&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;Dimension&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token number\">2<\/span><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string-property property\">&#034;Name&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;aNormal&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;Dimension&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token number\">3<\/span><span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token string-property property\">&#034;Uniforms&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token punctuation\">[<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string-property property\">&#034;Name&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;u_baseColor&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;Type&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;Color&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;Value&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;#d8dce6&#034;<\/span><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string-property property\">&#034;Name&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;u_diffuseStrength&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;Type&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;Float&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;Value&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token number\">1.0<\/span><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string-property property\">&#034;Name&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;u_specularStrength&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;Type&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;Float&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;Value&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token number\">0.45<\/span><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string-property property\">&#034;Name&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;u_shininess&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;Type&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;Float&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;Value&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token number\">48.0<\/span><span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token string-property property\">&#034;UniformBlock&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token string-property property\">&#034;Name&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;PhongMaterialBlock&#034;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token string-property property\">&#034;Binding&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token number\">2<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token string-property property\">&#034;Shaders&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token punctuation\">[<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string-property property\">&#034;ShaderEnum&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;Vertex&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;SourceFile&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;phong.vert&#034;<\/span><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n        <span class=\"token punctuation\">{<\/span><span class=\"token string-property property\">&#034;ShaderEnum&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;Fragment&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string-property property\">&#034;SourceFile&#034;<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">&#034;phong.frag&#034;<\/span><span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token punctuation\">]<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p>PhongMaterialBlock \u7528\u4e8e\u5728 GPU \u7aef\u4ee5 std140 \u5e03\u5c40\u5b58\u653e\u6750\u8d28\u53c2\u6570\u3002C&#043;&#043; \u7aef\u7531 Material::uploadUniformBlock() \u7ef4\u62a4\u4e00\u5757 UBO&#xff0c;\u4fdd\u8bc1\u4e0e GLSL \u7aef\u5185\u5b58\u5e03\u5c40\u4e00\u81f4\u3002<\/p>\n<h2>\u56db\u3001Shader \u9884\u5904\u7406\u5668<\/h2>\n<p>ShaderPreprocessor \u662f\u4e00\u4e2a\u7eaf\u9759\u6001\u5de5\u5177\u7c7b&#xff0c;\u505a\u4e24\u4ef6\u4e8b&#xff1a;\u9012\u5f52\u5c55\u5f00 #include\u3001\u66ff\u6362 {{NAME}} \u5360\u4f4d\u7b26\u3002<\/p>\n<h3>4.1 \u9012\u5f52 include<\/h3>\n<p>\u652f\u6301\u4e24\u79cd\u8bed\u6cd5&#xff1a;<\/p>\n<p>#include &lt;FrameBlock.glsl&gt;      \/\/ \u4ece\u7cfb\u7edf include \u76ee\u5f55\u67e5\u627e<br \/>\n#include &#034;phong.glsl&#034;           \/\/ \u4ece\u5f53\u524d\u6e90\u6587\u4ef6\u76ee\u5f55\u67e5\u627e<\/p>\n<p>\u6838\u5fc3\u903b\u8f91 expandIncludes \u4f1a\u7ef4\u62a4\u4e00\u4e2a includeStack&#xff0c;\u9047\u5230\u5faa\u73af\u5f15\u7528\u7acb\u5373\u62a5\u9519\u8fd4\u56de\u3002\u4f8b\u5982 phong.frag \u8fd9\u6837\u5199&#xff1a;<\/p>\n<p>#include &lt;FrameBlock.glsl&gt;<br \/>\n#include &lt;Lighting.glsl&gt;<br \/>\n#include &#034;phong.glsl&#034;<\/p>\n<p>\u9884\u5904\u7406\u540e&#xff0c;\u8fd9\u4e09\u4e2a\u6587\u4ef6\u7684\u5185\u5bb9\u4f1a\u88ab\u76f4\u63a5\u5185\u8054\u5230 phong.frag \u4e2d\u3002<\/p>\n<h3>4.2 \u5360\u4f4d\u7b26\u66ff\u6362<\/h3>\n<p>Lighting.glsl \u4e2d\u4f7f\u7528\u5360\u4f4d\u7b26\u5b9a\u4e49\u5149\u6e90\u6570\u7ec4\u4e0a\u9650&#xff1a;<\/p>\n<p>#define MAX_DIRECTIONAL_LIGHTS {{DIRECTIONAL_LIGHT_COUNT}}<br \/>\n#define MAX_POINT_LIGHTS       {{POINT_LIGHT_COUNT}}<br \/>\n#define MAX_SPOT_LIGHTS        {{SPOT_LIGHT_COUNT}}<\/p>\n<p>MaterialBuilder::acquire \u5728\u7f16\u8bd1\u524d\u4f20\u5165\u5b9e\u9645\u6570\u5b57&#xff1a;<\/p>\n<p><span class=\"token keyword\">const<\/span> ShaderPreprocessor<span class=\"token double-colon punctuation\">::<\/span>Definitions definitions<span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token punctuation\">{<\/span><span class=\"token function\">QStringLiteral<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;DIRECTIONAL_LIGHT_COUNT&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">QString<\/span><span class=\"token double-colon punctuation\">::<\/span><span class=\"token function\">number<\/span><span class=\"token punctuation\">(<\/span>directionalLightCount<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token punctuation\">{<\/span><span class=\"token function\">QStringLiteral<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;POINT_LIGHT_COUNT&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span>         <span class=\"token class-name\">QString<\/span><span class=\"token double-colon punctuation\">::<\/span><span class=\"token function\">number<\/span><span class=\"token punctuation\">(<\/span>pointLightCount<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token punctuation\">{<\/span><span class=\"token function\">QStringLiteral<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;SPOT_LIGHT_COUNT&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span>          <span class=\"token class-name\">QString<\/span><span class=\"token double-colon punctuation\">::<\/span><span class=\"token function\">number<\/span><span class=\"token punctuation\">(<\/span>spotLightCount<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><br \/>\nsource<span class=\"token punctuation\">.<\/span>second <span class=\"token operator\">&#061;<\/span> <span class=\"token class-name\">ShaderPreprocessor<\/span><span class=\"token double-colon punctuation\">::<\/span><span class=\"token function\">process<\/span><span class=\"token punctuation\">(<\/span>source<span class=\"token punctuation\">.<\/span>second<span class=\"token punctuation\">,<\/span> definitions<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>\u66ff\u6362\u5b8c\u6210\u540e&#xff0c;\u9884\u5904\u7406\u5668\u8fd8\u4f1a\u68c0\u67e5\u6b8b\u7559\u5360\u4f4d\u7b26&#xff0c;\u907f\u514d\u628a\u4e0d\u5408\u6cd5\u7684 GLSL \u4ea4\u7ed9\u9a71\u52a8\u7f16\u8bd1\u3002<\/p>\n<h2>\u4e94\u3001\u7f16\u8bd1\u3001\u94fe\u63a5\u4e0e\u7f13\u5b58<\/h2>\n<p>\u9884\u5904\u7406\u5b8c\u6210\u540e&#xff0c;MaterialBuilder::compileAndLink \u4f7f\u7528 QOpenGLShaderProgram \u5b8c\u6210 GPU \u7f16\u8bd1&#xff1a;<\/p>\n<p><span class=\"token keyword\">auto<\/span> <span class=\"token operator\">*<\/span>program <span class=\"token operator\">&#061;<\/span> <span class=\"token keyword\">new<\/span> <span class=\"token function\">QOpenGLShaderProgram<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token keyword\">for<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">const<\/span> <span class=\"token keyword\">auto<\/span> <span class=\"token operator\">&amp;<\/span>source <span class=\"token operator\">:<\/span> sources<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">auto<\/span> <span class=\"token operator\">*<\/span>shader <span class=\"token operator\">&#061;<\/span> <span class=\"token keyword\">new<\/span> <span class=\"token function\">QOpenGLShader<\/span><span class=\"token punctuation\">(<\/span>source<span class=\"token punctuation\">.<\/span>first<span class=\"token punctuation\">,<\/span> program<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token operator\">!<\/span>shader<span class=\"token operator\">-&gt;<\/span><span class=\"token function\">compileSourceCode<\/span><span class=\"token punctuation\">(<\/span>source<span class=\"token punctuation\">.<\/span>second<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token function\">qWarning<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;MaterialBuilder: shader compile error:\\\\n%s&#034;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token function\">qPrintable<\/span><span class=\"token punctuation\">(<\/span>shader<span class=\"token operator\">-&gt;<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token keyword\">delete<\/span> program<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token keyword\">return<\/span> <span class=\"token keyword\">nullptr<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n    program<span class=\"token operator\">-&gt;<\/span><span class=\"token function\">addShader<\/span><span class=\"token punctuation\">(<\/span>shader<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token operator\">!<\/span>program<span class=\"token operator\">-&gt;<\/span><span class=\"token function\">link<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span> <span class=\"token punctuation\">.<\/span><span class=\"token punctuation\">.<\/span><span class=\"token punctuation\">.<\/span> <span class=\"token punctuation\">}<\/span><\/p>\n<p>\u4e3a\u4e86\u907f\u514d\u540c\u4e00\u6750\u8d28\u3001\u540c\u4e00\u5149\u6e90\u914d\u7f6e\u91cd\u590d\u7f16\u8bd1&#xff0c;MaterialBuilder \u7528 (materialPath, directionalCount, pointCount, spotCount) \u4f5c\u4e3a\u7f13\u5b58\u952e&#xff1a;<\/p>\n<p>QString key <span class=\"token operator\">&#061;<\/span> <span class=\"token function\">QFileInfo<\/span><span class=\"token punctuation\">(<\/span>materialPath<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">canonicalFilePath<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\nkey <span class=\"token operator\">&#043;&#061;<\/span> <span class=\"token function\">QStringLiteral<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;|lights:%1,%2,%3&#034;<\/span><span class=\"token punctuation\">)<\/span><br \/>\n           <span class=\"token punctuation\">.<\/span><span class=\"token function\">arg<\/span><span class=\"token punctuation\">(<\/span>directionalLightCount<span class=\"token punctuation\">)<\/span><br \/>\n           <span class=\"token punctuation\">.<\/span><span class=\"token function\">arg<\/span><span class=\"token punctuation\">(<\/span>pointLightCount<span class=\"token punctuation\">)<\/span><br \/>\n           <span class=\"token punctuation\">.<\/span><span class=\"token function\">arg<\/span><span class=\"token punctuation\">(<\/span>spotLightCount<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>m_cache<span class=\"token punctuation\">.<\/span><span class=\"token function\">contains<\/span><span class=\"token punctuation\">(<\/span>key<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token keyword\">return<\/span> m_cache<span class=\"token punctuation\">.<\/span><span class=\"token function\">value<\/span><span class=\"token punctuation\">(<\/span>key<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>\u8fd9\u6837\u573a\u666f\u4e2d\u6709 1 \u65b9\u5411\u5149 &#043; 4 \u70b9\u5149\u6e90\u65f6&#xff0c;\u4f1a\u751f\u6210\u4e00\u4efd\u72ec\u7acb\u7684 Program&#xff1b;\u5207\u56de 1 \u65b9\u5411\u5149 &#043; 1 \u70b9\u5149\u6e90\u65f6&#xff0c;\u5982\u679c\u4e4b\u524d\u7f16\u8bd1\u8fc7\u5c31\u76f4\u63a5\u590d\u7528\u3002<\/p>\n<h2>\u516d\u3001\u4e09\u5757 UBO \u7684\u5185\u5b58\u5e03\u5c40<\/h2>\n<p>Horse3D \u628a\u6574\u4e2a\u6e32\u67d3\u9700\u8981\u7528\u5230\u7684\u5e38\u91cf\u6570\u636e\u5206\u6210\u4e09\u4e2a Uniform Block&#xff1a;<\/p>\n<table>\n<tr>BindingBlock \u540d\u79f0\u5185\u5bb9\u66f4\u65b0\u9891\u7387<\/tr>\n<tbody>\n<tr>\n<td align=\"right\">0<\/td>\n<td>FrameBlock<\/td>\n<td>view\u3001projection\u3001camera position\u3001ambient color\/intensity<\/td>\n<td>\u6bcf\u5e27\u4e00\u6b21<\/td>\n<\/tr>\n<tr>\n<td align=\"right\">1<\/td>\n<td>LightBlock<\/td>\n<td>directional \/ point \/ spot \u5149\u6e90\u6570\u7ec4<\/td>\n<td>\u6bcf\u5e27\u4e00\u6b21<\/td>\n<\/tr>\n<tr>\n<td align=\"right\">2<\/td>\n<td>PhongMaterialBlock<\/td>\n<td>baseColor\u3001diffuseStrength\u3001specularStrength\u3001shininess<\/td>\n<td>\u6750\u8d28\u7ed1\u5b9a\u65f6<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>6.1 FrameBlock<\/h3>\n<p>layout(std140, binding &#061; 0) uniform FrameBlock {<br \/>\n    mat4 u_view;<br \/>\n    mat4 u_projection;<br \/>\n    vec4 u_cameraPosition;<br \/>\n    vec4 u_ambientColorIntensity;<br \/>\n};<\/p>\n<p>C&#043;&#043; \u7aef\u5bf9\u5e94 LightingBinder::FrameData&#xff1a;<\/p>\n<p><span class=\"token keyword\">struct<\/span> <span class=\"token keyword\">alignas<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">16<\/span><span class=\"token punctuation\">)<\/span> FrameData <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">float<\/span> view<span class=\"token punctuation\">[<\/span><span class=\"token number\">16<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">float<\/span> projection<span class=\"token punctuation\">[<\/span><span class=\"token number\">16<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    QVector4D cameraPosition<span class=\"token punctuation\">;<\/span><br \/>\n    QVector4D ambientColorIntensity<span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<h3>6.2 LightBlock<\/h3>\n<p>struct DirectionalLightData { vec4 direction; vec4 colorIntensity; };<br \/>\nstruct PointLightData      { vec4 positionRange; vec4 colorIntensity; };<br \/>\nstruct SpotLightData       { vec4 positionRange; vec4 directionInnerCos; vec4 colorIntensity; vec4 coneParameters; };<\/p>\n<p>layout(std140, binding &#061; 1) uniform LightBlock {<br \/>\n    DirectionalLightData u_directionalLights[MAX_DIRECTIONAL_LIGHTS];<br \/>\n    PointLightData       u_pointLights[MAX_POINT_LIGHTS];<br \/>\n    SpotLightData        u_spotLights[MAX_SPOT_LIGHTS];<br \/>\n};<\/p>\n<p>C&#043;&#043; \u7aef\u4f7f\u7528 std::vector&lt;GpuDirectionalLight&gt; \u7b49\u7ed3\u6784\u4f53\u6309 std140 \u5bf9\u9f50\u987a\u5e8f\u6253\u5305\u6210\u4e00\u5757 QByteArray&#xff0c;\u7136\u540e\u4e00\u6b21\u6027\u4e0a\u4f20\u3002<\/p>\n<h3>6.3 PhongMaterialBlock<\/h3>\n<p>layout(std140, binding &#061; 2) uniform PhongMaterialBlock {<br \/>\n    vec4 u_baseColor;<br \/>\n    float u_diffuseStrength;<br \/>\n    float u_specularStrength;<br \/>\n    float u_shininess;<br \/>\n};<\/p>\n<p>\u6ce8\u610f std140 \u5e03\u5c40\u8981\u6c42 vec4 \u540e\u7d27\u8ddf\u7684\u6807\u91cf\u4f1a\u586b\u5145\u5230 vec4 \u8fb9\u754c&#xff0c;\u56e0\u6b64 C&#043;&#043; \u7aef\u5fc5\u987b\u663e\u5f0f\u8865 padding&#xff1a;<\/p>\n<p><span class=\"token keyword\">struct<\/span> <span class=\"token keyword\">alignas<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">16<\/span><span class=\"token punctuation\">)<\/span> PhongMaterialData <span class=\"token punctuation\">{<\/span><br \/>\n    QVector4D baseColor<span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">float<\/span> diffuseStrength<span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">float<\/span> specularStrength<span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">float<\/span> shininess<span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">float<\/span> padding<span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token keyword\">static_assert<\/span><span class=\"token punctuation\">(<\/span><span class=\"token keyword\">sizeof<\/span><span class=\"token punctuation\">(<\/span>PhongMaterialData<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;&#061;<\/span> <span class=\"token number\">32<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">&#034;Phong material data must match the std140 block layout&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<h2>\u4e03\u3001LightingBinder&#xff1a;\u628a\u573a\u666f\u5149\u63a8\u7ed9 GPU<\/h2>\n<p>LightingBinder \u662f\u8fde\u63a5\u573a\u666f\u4e0e Shader \u7684\u6865\u6881\u3002\u6bcf\u5e27\u6e32\u67d3 Pass \u5f00\u59cb\u65f6\u8c03\u7528 beginPass&#xff1a;<\/p>\n<p><span class=\"token keyword\">void<\/span> <span class=\"token class-name\">LightingBinder<\/span><span class=\"token double-colon punctuation\">::<\/span><span class=\"token function\">beginPass<\/span><span class=\"token punctuation\">(<\/span><span class=\"token keyword\">const<\/span> Scenario <span class=\"token operator\">&amp;<\/span>scenario<span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">const<\/span> Camera <span class=\"token operator\">&amp;<\/span>camera<span class=\"token punctuation\">,<\/span> quint32 lightMask<span class=\"token punctuation\">)<\/span><\/p>\n<p>\u6267\u884c\u6b65\u9aa4&#xff1a;<\/p>\n<li>\u628a camera.viewMatrix()\u3001camera.projectionMatrix()\u3001\u76f8\u673a\u4f4d\u7f6e\u3001\u73af\u5883\u5149\u5199\u5165 FrameData&#xff1b;<\/li>\n<li>\u904d\u5386 scenario.lights()&#xff0c;\u6839\u636e lightMask \u548c\u5404\u7c7b\u5149\u6e90\u5bb9\u91cf\u7b5b\u9009\u6709\u6548\u5149\u6e90&#xff1b;<\/li>\n<li>\u5c06\u5149\u6e90\u6570\u7ec4\u987a\u5e8f\u62f7\u8d1d\u5230\u4e00\u5757\u8fde\u7eed\u7684 QByteArray&#xff1b;<\/li>\n<li>\u8c03\u7528 glBufferSubData \u66f4\u65b0 UBO&#xff0c;\u5e76\u7ed1\u5b9a\u5230 binding 0 \u548c 1\u3002<\/li>\n<p><span class=\"token keyword\">auto<\/span> <span class=\"token operator\">*<\/span>gl <span class=\"token operator\">&#061;<\/span> <span class=\"token class-name\">Brush<\/span><span class=\"token double-colon punctuation\">::<\/span><span class=\"token function\">brush<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token operator\">-&gt;<\/span><span class=\"token function\">gl<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\ngl<span class=\"token operator\">-&gt;<\/span><span class=\"token function\">glBindBuffer<\/span><span class=\"token punctuation\">(<\/span>GL_UNIFORM_BUFFER<span class=\"token punctuation\">,<\/span> m_frameUbo<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\ngl<span class=\"token operator\">-&gt;<\/span><span class=\"token function\">glBufferSubData<\/span><span class=\"token punctuation\">(<\/span>GL_UNIFORM_BUFFER<span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">sizeof<\/span><span class=\"token punctuation\">(<\/span>frame<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token operator\">&amp;<\/span>frame<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\ngl<span class=\"token operator\">-&gt;<\/span><span class=\"token function\">glBindBufferBase<\/span><span class=\"token punctuation\">(<\/span>GL_UNIFORM_BUFFER<span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">,<\/span> m_frameUbo<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\ngl<span class=\"token operator\">-&gt;<\/span><span class=\"token function\">glBindBuffer<\/span><span class=\"token punctuation\">(<\/span>GL_UNIFORM_BUFFER<span class=\"token punctuation\">,<\/span> m_lightUbo<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\ngl<span class=\"token operator\">-&gt;<\/span><span class=\"token function\">glBufferSubData<\/span><span class=\"token punctuation\">(<\/span>GL_UNIFORM_BUFFER<span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">,<\/span> lightBuffer<span class=\"token punctuation\">.<\/span><span class=\"token function\">size<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span> lightBuffer<span class=\"token punctuation\">.<\/span><span class=\"token function\">constData<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\ngl<span class=\"token operator\">-&gt;<\/span><span class=\"token function\">glBindBufferBase<\/span><span class=\"token punctuation\">(<\/span>GL_UNIFORM_BUFFER<span class=\"token punctuation\">,<\/span> <span class=\"token number\">1<\/span><span class=\"token punctuation\">,<\/span> m_lightUbo<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>\u5728\u7ed8\u5236\u5177\u4f53 Object3D \u4e4b\u524d&#xff0c;LightingBinder::bind() \u518d\u6b21\u786e\u8ba4 UBO \u7ed1\u5b9a&#xff1a;<\/p>\n<p>gl<span class=\"token operator\">-&gt;<\/span><span class=\"token function\">glBindBufferBase<\/span><span class=\"token punctuation\">(<\/span>GL_UNIFORM_BUFFER<span class=\"token punctuation\">,<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">,<\/span> m_frameUbo<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\ngl<span class=\"token operator\">-&gt;<\/span><span class=\"token function\">glBindBufferBase<\/span><span class=\"token punctuation\">(<\/span>GL_UNIFORM_BUFFER<span class=\"token punctuation\">,<\/span> <span class=\"token number\">1<\/span><span class=\"token punctuation\">,<\/span> m_lightUbo<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<h2>\u516b\u3001Phong \u5149\u7167\u6a21\u578b<\/h2>\n<p>\u7247\u5143\u7740\u8272\u5668 phong.frag \u5728\u5f97\u5230 UBO \u6570\u636e\u540e&#xff0c;\u6309\u7ecf\u5178 Phong \u6a21\u578b\u53e0\u52a0\u5404\u5149\u6e90\u8d21\u732e&#xff1a;<\/p>\n<p>vec3 normal &#061; normalize(vNormal);<br \/>\nvec3 viewDirection &#061; normalize(u_cameraPosition.xyz &#8211; vWorldPosition);<br \/>\nvec3 color &#061; calculateAmbientLight();<\/p>\n<p>for (int i &#061; 0; i &lt; MAX_DIRECTIONAL_LIGHTS; &#043;&#043;i)<br \/>\n    color &#043;&#061; calculateDirectionalLight(u_directionalLights[i], normal, viewDirection);<\/p>\n<p>for (int i &#061; 0; i &lt; MAX_POINT_LIGHTS; &#043;&#043;i)<br \/>\n    color &#043;&#061; calculatePointLight(u_pointLights[i], normal, viewDirection);<\/p>\n<p>for (int i &#061; 0; i &lt; MAX_SPOT_LIGHTS; &#043;&#043;i)<br \/>\n    color &#043;&#061; calculateSpotLight(u_spotLights[i], normal, viewDirection);<\/p>\n<p>fragColor &#061; vec4(color, u_baseColor.a);<\/p>\n<p>\u6838\u5fc3\u8bc4\u4f30\u51fd\u6570 evaluatePhong \u5b9e\u73b0\u6f2b\u53cd\u5c04\u4e0e Blinn-Phong \u98ce\u683c\u7684\u955c\u9762\u53cd\u5c04&#xff1a;<\/p>\n<p>vec3 evaluatePhong(vec3 normal, vec3 viewDirection, vec3 lightDirection, vec3 radiance)<br \/>\n{<br \/>\n    float diffuse &#061; max(dot(normal, lightDirection), 0.0) * u_diffuseStrength;<\/p>\n<p>    float specular &#061; 0.0;<br \/>\n    if (diffuse &gt; 0.0) {<br \/>\n        vec3 reflectionDirection &#061; reflect(-lightDirection, normal);<br \/>\n        specular &#061; pow(max(dot(viewDirection, reflectionDirection), 0.0),<br \/>\n                       max(u_shininess, 1.0))<br \/>\n                   * u_specularStrength;<br \/>\n    }<\/p>\n<p>    return radiance * (u_baseColor.rgb * diffuse &#043; vec3(specular));<br \/>\n}<\/p>\n<p>\u70b9\u5149\u6e90\u548c\u805a\u5149\u706f\u989d\u5916\u8ba1\u7b97\u8ddd\u79bb\u8870\u51cf\u4e0e\u9525\u5f62\u88c1\u526a&#xff1a;<\/p>\n<p>float distanceAttenuation(float distanceToLight, float range)<br \/>\n{<br \/>\n    float rangeFactor &#061; clamp(1.0 &#8211; distanceToLight \/ range, 0.0, 1.0);<br \/>\n    return rangeFactor * rangeFactor \/ max(distanceToLight * distanceToLight, 0.01);<br \/>\n}<\/p>\n<p>\u805a\u5149\u706f\u901a\u8fc7\u5185\u5916\u9525\u89d2\u5ea6\u4f59\u5f26\u505a smoothstep \u8fb9\u7f18\u8fc7\u6e21&#xff0c;\u907f\u514d\u786c\u8fb9\u952f\u9f7f\u3002<\/p>\n<h2>\u4e5d\u3001\u8bbe\u8ba1\u53d6\u820d<\/h2>\n<table>\n<tr>\u8bbe\u8ba1\u70b9\u5f53\u524d\u65b9\u6848\u66ff\u4ee3\u65b9\u6848\u9009\u62e9\u7406\u7531<\/tr>\n<tbody>\n<tr>\n<td>\u5149\u6e90\u6570\u7ec4\u5927\u5c0f<\/td>\n<td>\u9884\u7f16\u8bd1\u671f\u901a\u8fc7\u5360\u4f4d\u7b26\u786e\u5b9a&#xff0c;\u751f\u6210 Shader \u53d8\u4f53<\/td>\n<td>\u8fd0\u884c\u65f6 SSBO \u52a8\u6001\u6570\u7ec4<\/td>\n<td>\u517c\u5bb9\u6027\u597d&#xff0c;\u5b9e\u73b0\u7b80\u5355&#xff1b;\u5149\u6e90\u6570\u91cf\u6709\u9650\u65f6\u53d8\u4f53\u6570\u53ef\u63a7<\/td>\n<\/tr>\n<tr>\n<td>\u7f13\u5b58\u952e<\/td>\n<td>(materialPath, dirCount, pointCount, spotCount)<\/td>\n<td>\u53ea\u6309 path \u7f13\u5b58<\/td>\n<td>\u4e0d\u540c\u5149\u7167\u914d\u7f6e\u9700\u8981\u4e0d\u540c Program&#xff0c;\u5fc5\u987b\u533a\u5206<\/td>\n<\/tr>\n<tr>\n<td>\u5149\u7167\u4f20\u8f93<\/td>\n<td>\u4e24\u4e2a UBO&#xff08;Frame &#043; Light&#xff09;<\/td>\n<td>\u5355\u4e2a\u8d85\u5927 UBO \u6216\u9010 Uniform<\/td>\n<td>\u804c\u8d23\u6e05\u6670&#xff0c;Frame \u6570\u636e\u4e0e Light \u6570\u636e\u66f4\u65b0\u65f6\u673a\u4e0d\u540c<\/td>\n<\/tr>\n<tr>\n<td>\u6750\u8d28\u53c2\u6570<\/td>\n<td>\u5355\u72ec UBO binding 2<\/td>\n<td>\u666e\u901a Uniform<\/td>\n<td>\u51cf\u5c11\u7ed1\u5b9a\u5207\u6362&#xff0c;\u540e\u7eed\u53ef\u6269\u5c55\u4e3a\u901a\u7528\u6750\u8d28\u53c2\u6570\u5757<\/td>\n<\/tr>\n<tr>\n<td>Spot \u9525\u5f62\u8870\u51cf<\/td>\n<td>smoothstep \u5185\u5916\u9525\u4f59\u5f26<\/td>\n<td>\u786c\u88c1\u526a\u6216\u6307\u6570\u8870\u51cf<\/td>\n<td>\u8fb9\u7f18\u67d4\u548c&#xff0c;\u66f4\u7b26\u5408\u73b0\u4ee3\u6e32\u67d3\u4e60\u60ef<\/td>\n<\/tr>\n<tr>\n<td>\u73af\u5883\u5149<\/td>\n<td>\u653e\u5728 FrameBlock \u4e2d<\/td>\n<td>\u5355\u72ec Uniform<\/td>\n<td>\u73af\u5883\u5149\u662f\u5168\u5c40\u5c5e\u6027&#xff0c;\u4e0e\u76f8\u673a\u6570\u636e\u540c\u5c5e\u6bcf\u5e27\u5e38\u91cf<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>\u5341\u3001\u5f53\u524d\u6210\u679c<\/h2>\n<ul>\n<li>.material \u652f\u6301\u58f0\u660e UniformBlock&#xff0c;\u6750\u8d28\u53c2\u6570\u53ef\u901a\u8fc7 UBO \u4e0a\u4f20\u3002<\/li>\n<li>ShaderPreprocessor \u5b9e\u73b0 #include \u5c55\u5f00\u4e0e {{LIGHT_COUNT}} \u5360\u4f4d\u7b26\u66ff\u6362\u3002<\/li>\n<li>MaterialBuilder \u6309\u5149\u7167\u914d\u7f6e\u7f13\u5b58 Shader Program \u53d8\u4f53&#xff0c;\u907f\u514d\u91cd\u590d\u7f16\u8bd1\u3002<\/li>\n<li>LightingBinder \u7528\u4e24\u4e2a UBO \u6279\u91cf\u4f20\u8f93\u5e27\u6570\u636e\u4e0e\u5149\u6e90\u6570\u636e\u3002<\/li>\n<li>\u7247\u5143\u7740\u8272\u5668\u5b9e\u73b0\u65b9\u5411\u5149\u3001\u70b9\u5149\u6e90\u3001\u805a\u5149\u706f\u7684 Phong \u5149\u7167\u53e0\u52a0\u3002<\/li>\n<\/ul>\n<h2>\u5341\u4e00\u3001\u4e0b\u4e00\u6b65<\/h2>\n<table>\n<tr>\u65b9\u5411\u76ee\u6807\u4f9d\u8d56\u57fa\u7840<\/tr>\n<tbody>\n<tr>\n<td>SSBO \u5149\u6e90<\/td>\n<td>\u5149\u6e90\u6570\u91cf\u52a8\u6001\u5316&#xff0c;\u5f7b\u5e95\u6d88\u9664 Shader \u53d8\u4f53<\/td>\n<td>\u5f53\u524d UBO &#043; \u9884\u7f16\u8bd1\u4f53\u7cfb<\/td>\n<\/tr>\n<tr>\n<td>Shadow Map<\/td>\n<td>\u4e3a\u65b9\u5411\u5149\/\u805a\u5149\u706f\u751f\u6210\u6df1\u5ea6\u8d34\u56fe<\/td>\n<td>\u591a Pass \u7ba1\u7ebf &#043; \u591a\u76f8\u673a<\/td>\n<\/tr>\n<tr>\n<td>PBR \u6750\u8d28<\/td>\n<td>\u7528 Metallic-Roughness \u6a21\u578b\u66ff\u6362 Phong<\/td>\n<td>UniformBlock \u6750\u8d28\u53c2\u6570\u4f53\u7cfb<\/td>\n<\/tr>\n<tr>\n<td>Shader \u70ed\u91cd\u8f7d<\/td>\n<td>\u76d1\u542c .material \/ .frag \/ .vert \u53d8\u5316\u5e76\u91cd\u65b0\u7f16\u8bd1<\/td>\n<td>MaterialBuilder \u7f13\u5b58<\/td>\n<\/tr>\n<tr>\n<td>IBL \u73af\u5883\u5149\u7167<\/td>\n<td>\u57fa\u4e8e CubeMap \u7684\u6f2b\u53cd\u5c04\u4e0e\u955c\u9762\u53cd\u5c04<\/td>\n<td>TextureCube &#043; LightBlock<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>\u9879\u76ee\u4ed3\u5e93<\/h2>\n<ul>\n<li>Gitee&#xff1a;https:\/\/gitee.com\/shendeyidi\/softwarer-horse<\/li>\n<\/ul>\n<hr \/>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/08\/20260802123245-6a6f38ed1ba93.png\" alt=\"Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0\uff08\u56db\uff09\uff1a\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece .material \u5230 GPU UBO\" \/><\/p>\n<p>\u672c\u7cfb\u5217\u8bb0\u5f55 Horse3D \u6e38\u620f\u5f15\u64ce\u4ece\u96f6\u5f00\u59cb\u7684\u7814\u53d1\u8fc7\u7a0b&#xff0c;\u6b22\u8fce\u4ea4\u6d41\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0&#xff08;\u56db&#xff09;&#xff1a;\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece .material \u5230 GPU UBO Bilibili \u540c\u6b65\u89c6\u9891\u4e00\u3001\u4e3a\u4ec0\u4e48\u9700\u8981\u9884\u7f16\u8bd1\u548c UBO\u4e8c\u3001\u6574\u4f53\u6d41\u7a0b\u4e09\u3001.material \u4e2d\u7684\u5149\u7167\u58f0\u660e\u56db\u3001Shader \u9884\u5904\u7406\u56684.1 \u9012\u5f52 include4.2 \u5360\u4f4d\u7b26\u66ff\u6362 \u4e94\u3001\u7f16\u8bd1\u3001\u94fe\u63a5\u4e0e\u7f13\u5b58\u516d\u3001\u4e09\u5757 UBO \u7684\u5185\u5b58\u5e03\u5c406.1 FrameBlock6.2 LightBlock6.3 PhongMaterialBlo<\/p>\n","protected":false},"author":2,"featured_media":89327,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[10136,9109,2477,741,3244,735],"topic":[],"class_list":["post-89328","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-unreal-engine","tag-9109","tag-3d","tag-opengl","tag-3244","tag-735"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0\uff08\u56db\uff09\uff1a\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece material \u5230 GPU UBO - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/89328.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0\uff08\u56db\uff09\uff1a\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece material \u5230 GPU UBO - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0&#xff08;\u56db&#xff09;&#xff1a;\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece .material \u5230 GPU UBO Bilibili \u540c\u6b65\u89c6\u9891\u4e00\u3001\u4e3a\u4ec0\u4e48\u9700\u8981\u9884\u7f16\u8bd1\u548c UBO\u4e8c\u3001\u6574\u4f53\u6d41\u7a0b\u4e09\u3001.material \u4e2d\u7684\u5149\u7167\u58f0\u660e\u56db\u3001Shader \u9884\u5904\u7406\u56684.1 \u9012\u5f52 include4.2 \u5360\u4f4d\u7b26\u66ff\u6362 \u4e94\u3001\u7f16\u8bd1\u3001\u94fe\u63a5\u4e0e\u7f13\u5b58\u516d\u3001\u4e09\u5757 UBO \u7684\u5185\u5b58\u5e03\u5c406.1 FrameBlock6.2 LightBlock6.3 PhongMaterialBlo\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/89328.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-02T12:32:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/08\/20260802123245-6a6f38ed1ba93.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/89328.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/89328.html\",\"name\":\"Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0\uff08\u56db\uff09\uff1a\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece material \u5230 GPU UBO - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-08-02T12:32:51+00:00\",\"dateModified\":\"2026-08-02T12:32:51+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/89328.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/89328.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/89328.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0\uff08\u56db\uff09\uff1a\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece material \u5230 GPU UBO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0\uff08\u56db\uff09\uff1a\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece material \u5230 GPU UBO - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/89328.html","og_locale":"zh_CN","og_type":"article","og_title":"Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0\uff08\u56db\uff09\uff1a\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece material \u5230 GPU UBO - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0&#xff08;\u56db&#xff09;&#xff1a;\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece .material \u5230 GPU UBO Bilibili \u540c\u6b65\u89c6\u9891\u4e00\u3001\u4e3a\u4ec0\u4e48\u9700\u8981\u9884\u7f16\u8bd1\u548c UBO\u4e8c\u3001\u6574\u4f53\u6d41\u7a0b\u4e09\u3001.material \u4e2d\u7684\u5149\u7167\u58f0\u660e\u56db\u3001Shader \u9884\u5904\u7406\u56684.1 \u9012\u5f52 include4.2 \u5360\u4f4d\u7b26\u66ff\u6362 \u4e94\u3001\u7f16\u8bd1\u3001\u94fe\u63a5\u4e0e\u7f13\u5b58\u516d\u3001\u4e09\u5757 UBO \u7684\u5185\u5b58\u5e03\u5c406.1 FrameBlock6.2 LightBlock6.3 PhongMaterialBlo","og_url":"https:\/\/www.wsisp.com\/helps\/89328.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-08-02T12:32:51+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/08\/20260802123245-6a6f38ed1ba93.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"7 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/89328.html","url":"https:\/\/www.wsisp.com\/helps\/89328.html","name":"Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0\uff08\u56db\uff09\uff1a\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece material \u5230 GPU UBO - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-08-02T12:32:51+00:00","dateModified":"2026-08-02T12:32:51+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/89328.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/89328.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/89328.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"Horse3D \u6e38\u620f\u5f15\u64ce\u7814\u53d1\u7b14\u8bb0\uff08\u56db\uff09\uff1a\u5149\u7167\u4e0e Shader \u9884\u7f16\u8bd1\u2014\u2014\u4ece material \u5230 GPU UBO"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/89328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=89328"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/89328\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/89327"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=89328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=89328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=89328"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=89328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}