{"id":1343,"date":"2023-11-19T22:52:29","date_gmt":"2023-11-19T13:52:29","guid":{"rendered":"https:\/\/xn--k10aa.com\/?p=1343"},"modified":"2024-10-29T18:15:22","modified_gmt":"2024-10-29T09:15:22","slug":"202hw2","status":"publish","type":"post","link":"https:\/\/remoooo.com\/en\/202hw2\/","title":{"rendered":"Games202 Assignment 2 PRT Implementation"},"content":{"rendered":"\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-embed aligncenter is-type-wp-embed is-provider-remo wp-block-embed-remo\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/remoooo.com\/202hw1\n<\/div><figcaption class=\"wp-element-caption\">\u4e0a\u4e00\u7bc7<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-remo wp-block-embed-remo\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"SoZzEXNtpB\"><a href=\"https:\/\/remoooo.com\/202hw3\/\">Games202 \u4f5c\u4e1a\u4e09 SSR\u5b9e\u73b0<\/a><\/blockquote><iframe class=\"wp-embedded-content lazyload\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"\u300a Games202 \u4f5c\u4e1a\u4e09 SSR\u5b9e\u73b0 \u300b\u2014Remo\" data-src=\"https:\/\/remoooo.com\/202hw3\/embed\/#?secret=xOT1Bl9aWK#?secret=SoZzEXNtpB\" data-secret=\"SoZzEXNtpB\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">\u4e0b\u4e00\u7bc7<\/figcaption><\/figure>\n<\/div>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-218.png\" alt=\"img\" class=\"wp-image-1344 lazyload\"\/><noscript><img decoding=\"async\" width=\"1440\" height=\"496\" src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-218.png\" alt=\"img\" class=\"wp-image-1344 lazyload\" srcset=\"https:\/\/remoooo.com\/wp-content\/uploads\/image-218.png 1440w, https:\/\/remoooo.com\/wp-content\/uploads\/image-218-300x103.png 300w, https:\/\/remoooo.com\/wp-content\/uploads\/image-218-1024x353.png 1024w, https:\/\/remoooo.com\/wp-content\/uploads\/image-218-768x265.png 768w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/noscript><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-3.gif\" alt=\"img\" class=\"wp-image-1346 lazyload\"\/><noscript><img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-3.gif\" alt=\"img\" class=\"wp-image-1346 lazyload\"\/><\/noscript><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-219.png\" alt=\"img\" class=\"wp-image-1345 lazyload\"\/><noscript><img decoding=\"async\" width=\"1074\" height=\"718\" src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-219.png\" alt=\"img\" class=\"wp-image-1345 lazyload\" srcset=\"https:\/\/remoooo.com\/wp-content\/uploads\/image-219.png 1074w, https:\/\/remoooo.com\/wp-content\/uploads\/image-219-300x201.png 300w, https:\/\/remoooo.com\/wp-content\/uploads\/image-219-1024x685.png 1024w, https:\/\/remoooo.com\/wp-content\/uploads\/image-219-768x513.png 768w\" sizes=\"(max-width: 1074px) 100vw, 1074px\" \/><\/noscript><\/figure>\n\n\n\n<p>\u56e0\u4e3a\u6211\u4e5f\u662f\u83dc\u9e21\uff0c\u6240\u4ee5\u4e0d\u80fd\u786e\u4fdd\u6240\u6709\u90fd\u662f\u6b63\u786e\u7684\uff0c\u5e0c\u671b\u5927\u4f6c\u6307\u6b63\u3002<\/p>\n\n\n\n<p>\u77e5\u4e4e\u7684\u516c\u5f0f\u6709\u70b9\u4e11\u964b\uff0c\u53ef\u4ee5\u53bb\uff1a<a href=\"https:\/\/github.com\/Remyuu\/GAMES202-Notes\/blob\/main\/HW2\uff1a\u7403\u8c10\u51fd\u6570\u5b9e\u73b0.md\" data-type=\"link\" data-id=\"https:\/\/github.com\/Remyuu\/GAMES202-Notes\/blob\/main\/HW2\uff1a\u7403\u8c10\u51fd\u6570\u5b9e\u73b0.md\">GitHub<\/a><\/p>\n\n\n\n<p>\u9879\u76ee\u6e90\u4ee3\u7801\uff1a<\/p>\n\n\n\n<p><a href=\"https:\/\/github.com\/Remyuu\/GAMES202-Homeworkgithub.com\/Remyuu\/GAMES202-Homework\">https:\/\/github.com\/Remyuu\/GAMES202-Homeworkgithub.com\/Remyuu\/GAMES202-Homework<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u9884\u8ba1\u7b97\u7403\u8c10\u7cfb\u6570<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u5229\u7528\u6846\u67b6nori\u9884\u5148\u8ba1\u7b97\u7403\u8c10\u51fd\u6570\u7cfb\u6570\u3002<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">\u73af\u5883\u5149\u7167\uff1a\u8ba1\u7b97cubemap\u6bcf\u4e2a\u50cf\u7d20\u7684\u7403\u8c10\u7cfb\u6570<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>ProjEnv::PrecomputeCubemapSH(images, width, height, channel); \u4f7f\u7528\u9ece\u66fc\u79ef\u5206\u7684\u65b9\u6cd5\u8ba1\u7b97\u73af\u5883\u5149\u7403\u8c10\u51fd\u6570\u7684\u7cfb\u6570\u3002<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">\u5b8c\u6574\u4ee3\u7801<\/h3>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ TODO: here you need to compute light sh of each face of cubemap of each pixel\n\/\/ TODO: \u6b64\u5904\u4f60\u9700\u8981\u8ba1\u7b97\u6bcf\u4e2a\u50cf\u7d20\u4e0bcubemap\u67d0\u4e2a\u9762\u7684\u7403\u8c10\u7cfb\u6570\nEigen::Vector3f dir = cubemapDirs[i * width * height + y * width + x];\nint index = (y * width + x) * channel;\nEigen::Array3f Le(images[i][index + 0], images[i][index + 1],\n                  images[i][index + 2]);\n\/\/ \u63cf\u8ff0\u5728\u7403\u9762\u5750\u6807\u4e0a\u5f53\u524d\u7684\u89d2\u5ea6\ndouble theta = acos(dir.z());\ndouble phi = atan2(dir.y(), dir.x());\n\/\/ \u904d\u5386\u7403\u8c10\u51fd\u6570\u7684\u5404\u4e2a\u57fa\u51fd\u6570\nfor (int l = 0; l <= SHOrder; l++){\n    for (int m = -l; m <= l; m++){\n        float sh = sh::EvalSH(l, m, phi, theta);\n        float delta = CalcArea((float)x, (float)y, width, height);\n        SHCoeffiecents[l*(l+1)+m] += Le * sh * delta;\n    }\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ TODO: here you need to compute light sh of each face of cubemap of each pixel<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ TODO: \u6b64\u5904\u4f60\u9700\u8981\u8ba1\u7b97\u6bcf\u4e2a\u50cf\u7d20\u4e0bcubemap\u67d0\u4e2a\u9762\u7684\u7403\u8c10\u7cfb\u6570<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C8C8C8\">Eigen<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #4EC9B0\">Vector3f<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">dir<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">cubemapDirs<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">height<\/span><span style=\"color: #D4D4D4\"> + <\/span><span style=\"color: #9CDCFE\">y<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\"> + <\/span><span style=\"color: #9CDCFE\">x<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">index<\/span><span style=\"color: #D4D4D4\"> = (<\/span><span style=\"color: #9CDCFE\">y<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\"> + <\/span><span style=\"color: #9CDCFE\">x<\/span><span style=\"color: #D4D4D4\">) * <\/span><span style=\"color: #9CDCFE\">channel<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C8C8C8\">Eigen<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #4EC9B0\">Array3f<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">Le<\/span><span style=\"color: #D4D4D4\">(images[<\/span><span style=\"color: #4EC9B0\">i<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #4EC9B0\">index<\/span><span style=\"color: #D4D4D4\"> + 0], images[<\/span><span style=\"color: #4EC9B0\">i<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #4EC9B0\">index<\/span><span style=\"color: #D4D4D4\"> + 1],<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                  images[<\/span><span style=\"color: #4EC9B0\">i<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #4EC9B0\">index<\/span><span style=\"color: #D4D4D4\"> + 2]);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ \u63cf\u8ff0\u5728\u7403\u9762\u5750\u6807\u4e0a\u5f53\u524d\u7684\u89d2\u5ea6<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">double<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">theta<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">acos<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">dir<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">z<\/span><span style=\"color: #D4D4D4\">());<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">double<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">phi<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">atan2<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">dir<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">y<\/span><span style=\"color: #D4D4D4\">(), <\/span><span style=\"color: #9CDCFE\">dir<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">x<\/span><span style=\"color: #D4D4D4\">());<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ \u904d\u5386\u7403\u8c10\u51fd\u6570\u7684\u5404\u4e2a\u57fa\u51fd\u6570<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\"> &lt;= <\/span><span style=\"color: #9CDCFE\">SHOrder<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\">++){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">m<\/span><span style=\"color: #D4D4D4\"> = -<\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">m<\/span><span style=\"color: #D4D4D4\"> &lt;= <\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">m<\/span><span style=\"color: #D4D4D4\">++){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">float<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">sh<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #DCDCAA\">EvalSH<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">m<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">phi<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">theta<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">float<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">delta<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">CalcArea<\/span><span style=\"color: #D4D4D4\">((<\/span><span style=\"color: #569CD6\">float<\/span><span style=\"color: #D4D4D4\">)<\/span><span style=\"color: #9CDCFE\">x<\/span><span style=\"color: #D4D4D4\">, (<\/span><span style=\"color: #569CD6\">float<\/span><span style=\"color: #D4D4D4\">)<\/span><span style=\"color: #9CDCFE\">y<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">height<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">SHCoeffiecents<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\">*(<\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\">+<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">)+<\/span><span style=\"color: #9CDCFE\">m<\/span><span style=\"color: #D4D4D4\">] += <\/span><span style=\"color: #9CDCFE\">Le<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">sh<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">delta<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u5206\u6790<\/h3>\n\n\n\n<p><strong>\u7403\u8c10\u7cfb\u6570<\/strong>\u662f\u7403\u8c10\u51fd\u6570\u5728\u4e00\u4e2a\u7403\u9762\u4e0a\u7684\u6295\u5f71\uff0c\u53ef\u4ee5\u7528\u4e8e\u8868\u793a\u51fd\u6570\u5728\u7403\u9762\u4e0a\u7684\u5206\u5e03\u3002\u7531\u4e8e\u6211\u4eec\u6709RGB\u503c\u6709\u4e09\u4e2a\u901a\u9053\uff0c\u56e0\u6b64\u6211\u4eec\u4f1a\u7684\u7403\u8c10\u7cfb\u6570\u4f1a\u5b58\u50a8\u4e3a\u4e00\u4e2a\u4e09\u7ef4\u7684\u5411\u91cf\u3002\u9700\u8981\u5b8c\u5584\u7684\u90e8\u5206\uff1a<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/\/ prt.cpp - PrecomputeCubemapSH()\n\/\/ TODO: here you need to compute light sh of each face of cubemap of each pixel\n\/\/ TODO: \u6b64\u5904\u4f60\u9700\u8981\u8ba1\u7b97\u6bcf\u4e2a\u50cf\u7d20\u4e0bcubemap\u67d0\u4e2a\u9762\u7684\u7403\u8c10\u7cfb\u6570\nEigen::Vector3f dir = cubemapDirs[i * width * height + y * width + x];\nint index = (y * width + x) * channel;\nEigen::Array3f Le(images[i][index + 0], images[i][index + 1],\n                  images[i][index + 2]);\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/\/ prt.cpp - PrecomputeCubemapSH()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ TODO: here you need to compute light sh of each face of cubemap of each pixel<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ TODO: \u6b64\u5904\u4f60\u9700\u8981\u8ba1\u7b97\u6bcf\u4e2a\u50cf\u7d20\u4e0bcubemap\u67d0\u4e2a\u9762\u7684\u7403\u8c10\u7cfb\u6570<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C8C8C8\">Eigen<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #4EC9B0\">Vector3f<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">dir<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">cubemapDirs<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">height<\/span><span style=\"color: #D4D4D4\"> + <\/span><span style=\"color: #9CDCFE\">y<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\"> + <\/span><span style=\"color: #9CDCFE\">x<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">index<\/span><span style=\"color: #D4D4D4\"> = (<\/span><span style=\"color: #9CDCFE\">y<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\"> + <\/span><span style=\"color: #9CDCFE\">x<\/span><span style=\"color: #D4D4D4\">) * <\/span><span style=\"color: #9CDCFE\">channel<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C8C8C8\">Eigen<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #4EC9B0\">Array3f<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">Le<\/span><span style=\"color: #D4D4D4\">(images[<\/span><span style=\"color: #4EC9B0\">i<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #4EC9B0\">index<\/span><span style=\"color: #D4D4D4\"> + 0], images[<\/span><span style=\"color: #4EC9B0\">i<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #4EC9B0\">index<\/span><span style=\"color: #D4D4D4\"> + 1],<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                  images[<\/span><span style=\"color: #4EC9B0\">i<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #4EC9B0\">index<\/span><span style=\"color: #D4D4D4\"> + 2]);<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>\u9996\u5148\u4ece\u516d\u4e2a cubemap \uff08 images \u6570\u7ec4\uff09\u7684\u6bcf\u4e2a\u50cf\u7d20\u91c7\u6837\u65b9\u5411\uff08\u4e00\u4e2a\u4e09\u7ef4\u5411\u91cf\uff0c\u8868\u793a\u4ece\u4e2d\u5fc3\u5230\u50cf\u7d20\u7684\u65b9\u5411\uff09\uff0c\u5c06\u65b9\u5411\u8f6c\u5316\u4e3a\u7403\u9762\u5750\u6807\uff08 theta \u548c phi \uff09\u3002<\/p>\n\n\n\n<p>\u63a5\u7740\u5c06\u5404\u4e2a\u7403\u9762\u5750\u6807\u4f20\u5165 sh::EvalSH() \u5206\u522b\u8ba1\u7b97\u6bcf\u4e2a\u7403\u8c10\u51fd\u6570\uff08\u57fa\u51fd\u6570\uff09\u7684\u5b9e\u503c sh \u3002\u540c\u65f6\u8ba1\u7b97\u6bcf\u4e2a cubemap \u4e2d\u6bcf\u4e2a\u50cf\u7d20\u6240\u5360\u636e\u7403\u9762\u533a\u57df\u7684\u6bd4\u91cd delta \u3002<\/p>\n\n\n\n<p>\u6700\u540e\u7d2f\u52a0\u7403\u8c10\u7cfb\u6570\uff0c\u4ee3\u7801\u4e2d\u6211\u4eec\u53ef\u4ee5\u5bf9 cubemap \u4f24\u7684\u6240\u6709\u50cf\u7d20\u8fdb\u884c\u7d2f\u52a0\uff0c\u8fd1\u4f3c\u5728\u539f\u59cb\u8ba1\u7b97\u7403\u8c10\u51fd\u6570\u79ef\u5206\u7684\u64cd\u4f5c\u3002<\/p>\n\n\n\n<p>$$<br>Ylm=\u222b\u03d5=02\u03c0\u222b\u03b8=0\u03c0f(\u03b8,\u03d5)Ylm(\u03b8,\u03d5)sin\u2061(\u03b8)d\u03b8d\u03d5<br>$$<\/p>\n\n\n\n<p>\u5176\u4e2d\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u03b8 \u662f\u5929\u9876\u89d2\uff0c\u8303\u56f4\u4ece 0 \u5230 \u03c0\uff1b \u03d5 \u662f\u65b9\u4f4d\u89d2\uff0c\u8303\u56f4\u4ece 0 \u5230 2pi \u3002<\/li>\n\n\n\n<li>f(\u03b8,\u03d5) \u662f\u7403\u9762\u4e0a\u67d0\u70b9\u7684\u51fd\u6570\u503c\u3002<\/li>\n\n\n\n<li>Ylm \u662f\u7403\u8c10\u51fd\u6570\uff0c\u5b83\u7531\u76f8\u5e94\u7684\u52d2\u8ba9\u5fb7\u591a\u9879\u5f0f Plm \u548c\u4e00\u4e9b\u4e09\u89d2\u51fd\u6570\u7ec4\u6210\u3002<\/li>\n\n\n\n<li>l \u662f\u7403\u8c10\u51fd\u6570\u7684\u9636\u6570\uff1b m \u662f\u7403\u8c10\u51fd\u6570\u7684\u5e8f\u6570\uff0c\u8303\u56f4\u4ece \u2212l \u5230 l \u3002<\/li>\n<\/ul>\n\n\n\n<p>\u4e3a\u4e86\u66f4\u52a0\u5177\u4f53\u7684\u8ba9\u8bfb\u8005\u7406\u89e3\uff0c\u8fd9\u91cc\u5199\u51fa\u4ee3\u7801\u4e2d\u7403\u8c10\u51fd\u6570\u79bb\u6563\u5f62\u5f0f\u7684\u4f30\u8ba1\uff0c\u5373\u9ece\u66fc\u79ef\u5206\u7684\u65b9\u6cd5\u6765\u8ba1\u7b97\u3002<\/p>\n\n\n\n<p>$$<br>Ylm=\u2211i=1Nf(\u03b8i,\u03d5i)Ylm(\u03b8i,\u03d5i)\u0394\u03c9i<br>$$<\/p>\n\n\n\n<p>\u5176\u4e2d\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>f(\u03b8i,\u03d5i) \u662f\u7403\u9762\u4e0a\u67d0\u70b9\u7684\u51fd\u6570\u503c\u3002<\/li>\n\n\n\n<li>Ylm(\u03b8i,\u03d5i) \u662f\u7403\u8c10\u51fd\u6570\u5728\u8be5\u70b9\u7684\u503c\u3002<\/li>\n\n\n\n<li>\u0394\u03c9i \u662f\u8be5\u70b9\u5728\u7403\u9762\u4e0a\u7684\u5fae\u5c0f\u533a\u57df\u6216\u6743\u91cd\u3002<\/li>\n\n\n\n<li>N \u662f\u6240\u6709\u79bb\u6563\u70b9\u7684\u603b\u6570\u3002<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u4ee3\u7801\u7ec6\u8282<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u4ece cubemap \u83b7\u53d6RGB\u5149\u7167\u4fe1\u606f<\/strong><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"Eigen::Array3f Le(images[i][index + 0], images[i][index + 1],\n                  images[i][index + 2]);\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #C8C8C8\">Eigen<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #4EC9B0\">Array3f<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">Le<\/span><span style=\"color: #D4D4D4\">(images[<\/span><span style=\"color: #4EC9B0\">i<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #4EC9B0\">index<\/span><span style=\"color: #D4D4D4\"> + 0], images[<\/span><span style=\"color: #4EC9B0\">i<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #4EC9B0\">index<\/span><span style=\"color: #D4D4D4\"> + 1],<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                  images[<\/span><span style=\"color: #4EC9B0\">i<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #4EC9B0\">index<\/span><span style=\"color: #D4D4D4\"> + 2]);<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>channel \u7684\u503c\u662f3\uff0c\u5bf9\u5e94\u4e8eRGB\u4e09\u4e2a\u901a\u9053\u3002\u56e0\u6b64\uff0cindex \u5c31\u6307\u5411\u4e86\u67d0\u4e00\u50cf\u7d20\u7684\u7ea2\u8272\u901a\u9053\u7684\u4f4d\u7f6e\uff0cindex + 1 \u6307\u5411\u7eff\u8272\u901a\u9053\u7684\u4f4d\u7f6e\uff0cindex + 2 \u6307\u5411\u84dd\u8272\u901a\u9053\u7684\u4f4d\u7f6e\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u5c06\u65b9\u5411\u5411\u91cf\u8f6c\u6362\u4e3a\u7403\u9762\u5750\u6807<\/strong><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"double theta = acos(dir.z());\ndouble phi = atan2(dir.y(), dir.x());\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #569CD6\">double<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">theta<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">acos<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">dir<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">z<\/span><span style=\"color: #D4D4D4\">());<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">double<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">phi<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">atan2<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">dir<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">y<\/span><span style=\"color: #D4D4D4\">(), <\/span><span style=\"color: #9CDCFE\">dir<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">x<\/span><span style=\"color: #D4D4D4\">());<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>theta \u662f\u6b63z\u8f74\u5230 dir \u65b9\u5411\u7684\u5939\u89d2\uff0c\u800c phi \u8868\u793a\u4ece\u6b63x\u8f74\u5230 dir \u5728xz\u5e73\u9762\u4e0a\u7684\u6295\u5f71\u7684\u5939\u89d2\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u904d\u5386\u7403\u8c10\u51fd\u6570\u7684\u5404\u4e2a\u57fa\u51fd\u6570<\/strong><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"for (int l = 0; l <= SHOrder; l++){\n    for (int m = -l; m <= l; m++){\n        float sh = sh::EvalSH(l, m, phi, theta);\n        float delta = CalcArea((float)x, (float)y, width, height);\n        SHCoeffiecents[l*(l+1)+m] += Le * sh * delta;\n    }\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\"> &lt;= <\/span><span style=\"color: #9CDCFE\">SHOrder<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\">++){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">m<\/span><span style=\"color: #D4D4D4\"> = -<\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">m<\/span><span style=\"color: #D4D4D4\"> &lt;= <\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">m<\/span><span style=\"color: #D4D4D4\">++){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">float<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">sh<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #DCDCAA\">EvalSH<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">m<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">phi<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">theta<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">float<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">delta<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">CalcArea<\/span><span style=\"color: #D4D4D4\">((<\/span><span style=\"color: #569CD6\">float<\/span><span style=\"color: #D4D4D4\">)<\/span><span style=\"color: #9CDCFE\">x<\/span><span style=\"color: #D4D4D4\">, (<\/span><span style=\"color: #569CD6\">float<\/span><span style=\"color: #D4D4D4\">)<\/span><span style=\"color: #9CDCFE\">y<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">width<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">height<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">SHCoeffiecents<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\">*(<\/span><span style=\"color: #9CDCFE\">l<\/span><span style=\"color: #D4D4D4\">+<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">)+<\/span><span style=\"color: #9CDCFE\">m<\/span><span style=\"color: #D4D4D4\">] += <\/span><span style=\"color: #9CDCFE\">Le<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">sh<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">delta<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u65e0\u9634\u5f71\u7684\u6f2b\u53cd\u5c04\u9879<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>scene-&gt;getIntegrator()-&gt;preprocess(scene); \u8ba1\u7b97 <strong>Diffuse Unshadowed<\/strong> \u7684\u60c5\u51b5\u3002\u5316\u7b80\u6e32\u67d3\u65b9\u7a0b\uff0c\u5c06\u4e0a\u8282\u7684\u7403\u8c10\u51fd\u6570\u4ee3\u5165\u8fdb\u4e00\u6b65\u8ba1\u7b97\u4e3aBRDF\u7684\u7403\u8c10\u6295\u5f71\u7684\u7cfb\u6570\u3002\u5176\u4e2d\u5173\u952e\u7684\u51fd\u6570\u662fProjectFunction\u3002\u6211\u4eec\u8981\u4e3a\u8fd9\u4e2a\u51fd\u6570\u7f16\u5199\u4e00\u4e2alambda\u8868\u8fbe\u5f0f\uff0c\u7528\u4e8e\u8ba1\u7b97\u4f20\u8f93\u51fd\u6570\u9879 \u3002<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">\u5206\u6790<\/h3>\n\n\n\n<p>\u5bf9\u4e8e\u6f2b\u53cd\u5c04\u4f20\u8f93\u9879\uff0c\u53ef\u4ee5<strong>\u5206\u4e3a\u4e09\u79cd\u60c5\u51b5<\/strong>\u8003\u8651\uff1a<strong>\u6709\u9634\u5f71\u7684<\/strong>\u3001<strong>\u65e0\u9634\u5f71\u7684<\/strong>\u548c<strong>\u76f8\u4e92\u53cd\u5c04\u7684<\/strong>\u3002<\/p>\n\n\n\n<p>\u9996\u5148\u8003\u8651\u6700\u7b80\u5355\u7684\u6ca1\u6709\u9634\u5f71\u7684\u60c5\u51b5\u3002\u6211\u4eec\u6709\u6e32\u67d3\u65b9\u7a0b<\/p>\n\n\n\n<p>\u5176\u4e2d\uff0c<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u662f\u5165\u5c04\u8f90\u5c04\u5ea6\u3002<\/li>\n\n\n\n<li>\u662f\u51e0\u4f55\u51fd\u6570\uff0c\u8868\u9762\u7684\u5fae\u89c2\u7279\u6027\u548c\u5165\u5c04\u5149\u7684\u65b9\u5411\u6709\u5173\u3002<\/li>\n\n\n\n<li>\u662f\u5165\u5c04\u5149\u65b9\u5411\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u5bf9\u4e8e\u8868\u9762\u5904\u5904\u76f8\u7b49\u7684\u6f2b\u53cd\u5c04\u8868\u9762\uff0c\u6211\u4eec\u53ef\u4ee5\u7b80\u5316\u5f97\u5230 <strong>Unshadowed<\/strong> \u5149\u7167\u65b9\u7a0b<\/p>\n\n\n\n<p>\u5176\u4e2d\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u662f\u70b9 \u7684\u6f2b\u53cd\u5c04\u51fa\u5c04\u8f90\u5c04\u5ea6\u3002<\/li>\n\n\n\n<li>\u662f\u8868\u9762\u6cd5\u7ebf\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u5165\u5c04\u8f90\u5c04\u5ea6 \u548c\u4f20\u8f93\u51fd\u6570\u9879 \u76f8\u4e92\u72ec\u7acb\uff0c\u56e0\u4e3a\u524d\u8005\u4ee3\u8868\u573a\u666f\u4e2d\u5149\u6e90\u7684\u8d21\u732e\uff0c\u540e\u8005\u8868\u793a\u8868\u9762\u5982\u4f55\u54cd\u5e94\u5165\u5c04\u7684\u5149\u7ebf\u3002\u56e0\u6b64\u5c06\u8fd9\u4e24\u4e2a\u90e8\u5206\u72ec\u7acb\u5904\u7406\u3002<\/p>\n\n\n\n<p>\u5177\u4f53\u5230\u8fd0\u7528\u7403\u8c10\u51fd\u6570\u8fd1\u4f3c\u662f\uff0c\u6211\u4eec\u5206\u522b\u5bf9\u8fd9\u4e24\u9879\u5c55\u5f00\u3002\u524d\u8005\u7684\u8f93\u5165\u662f\u5149\u7684\u5165\u5c04\u65b9\u5411\uff0c\u540e\u8005\u8f93\u5165\u7684\u662f\u53cd\u5c04\uff08\u6216\u8005\u51fa\u5c04\u65b9\u5411\uff09\uff0c\u5e76\u4e14\u5c55\u5f00\u662f\u4e24\u4e2a\u7cfb\u5217\u7684\u6570\u7ec4\uff0c\u56e0\u6b64\u6211\u4eec\u4f7f\u7528\u540d\u4e3a\u67e5\u627e\u8868\uff08Look-Up Table\uff0c\u7b80\u79f0LUT\uff09\u7684\u6570\u636e\u7ed3\u6784\u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"auto shCoeff = sh::ProjectFunction(SHOrder, shFunc, m_SampleCount);\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #4EC9B0\">auto<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">shCoeff<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">sh<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #DCDCAA\">ProjectFunction<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">SHOrder<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">shFunc<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">m_SampleCount<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>\u5176\u4e2d\uff0c\u6700\u91cd\u8981\u7684\u662f\u4e0a\u9762\u8fd9\u4e2a\u51fd\u6570 ProjectFunction \u3002\u6211\u4eec\u8981\u4e3a\u8fd9\u4e2a\u51fd\u6570\u7f16\u5199\u4e00\u4e2aLambda\u8868\u8fbe\u5f0f\uff08shFunc\uff09\u4f5c\u4e3a\u4f20\u53c2\uff0c\u8868\u8fbe\u5f0f\u7528\u4e8e\u8ba1\u7b97\u4f20\u8f93\u51fd\u6570\u9879 \u3002<\/p>\n\n\n\n<p>ProjectFunction \u51fd\u6570\u4f20\u53c2\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u7403\u8c10\u9636\u6570<\/li>\n\n\n\n<li>\u9700\u8981\u6295\u5f71\u5728\u57fa\u51fd\u6570\u4e0a\u7684\u51fd\u6570\uff08\u6211\u4eec\u9700\u8981\u7f16\u5199\u7684\uff09<\/li>\n\n\n\n<li>\u91c7\u6837\u6570<\/li>\n<\/ul>\n\n\n\n<p>\u8be5\u51fd\u6570\u4f1a\u53d6Lambda\u51fd\u6570\u8fd4\u56de\u7684\u7ed3\u679c\u6295\u5f71\u5728\u57fa\u51fd\u6570\u4e0a\u5f97\u5230\u7cfb\u6570\uff0c\u6700\u540e\u628a\u5404\u4e2a\u6837\u672c\u7cfb\u6570\u7d2f\u52a0\u5e76\u4e58\u4ee5\u6743\u91cd\uff0c\u6700\u540e\u5f97\u51fa\u8be5\u9876\u70b9\u7684\u6700\u7ec8\u7cfb\u6570\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u5b8c\u6574\u4ee3\u7801<\/h3>\n\n\n\n<p>\u8ba1\u7b97\u51e0\u4f55\u9879\uff0c\u5373\u4f20\u8f93\u51fd\u6570\u9879 \u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ prt.cpp\n...\ndouble H = wi.normalized().dot(n.normalized()) \/ M_PI;\nif (m_Type == Type::Unshadowed){\n    \/\/ TODO: here you need to calculate unshadowed transport term of a given direction\n    \/\/ TODO: \u6b64\u5904\u4f60\u9700\u8981\u8ba1\u7b97\u7ed9\u5b9a\u65b9\u5411\u4e0b\u7684unshadowed\u4f20\u8f93\u9879\u7403\u8c10\u51fd\u6570\u503c\n    return (H &gt; 0.0) ? H : 0.0;\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ prt.cpp<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">double<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">H<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">wi<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">normalized<\/span><span style=\"color: #D4D4D4\">().<\/span><span style=\"color: #DCDCAA\">dot<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">normalized<\/span><span style=\"color: #D4D4D4\">()) \/ <\/span><span style=\"color: #9CDCFE\">M_PI<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">m_Type<\/span><span style=\"color: #D4D4D4\"> == <\/span><span style=\"color: #9CDCFE\">Type<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #9CDCFE\">Unshadowed<\/span><span style=\"color: #D4D4D4\">){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ TODO: here you need to calculate unshadowed transport term of a given direction<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ TODO: \u6b64\u5904\u4f60\u9700\u8981\u8ba1\u7b97\u7ed9\u5b9a\u65b9\u5411\u4e0b\u7684unshadowed\u4f20\u8f93\u9879\u7403\u8c10\u51fd\u6570\u503c<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">H<\/span><span style=\"color: #D4D4D4\"> &gt; <\/span><span style=\"color: #B5CEA8\">0.0<\/span><span style=\"color: #D4D4D4\">) ? <\/span><span style=\"color: #9CDCFE\">H<\/span><span style=\"color: #D4D4D4\"> : <\/span><span style=\"color: #B5CEA8\">0.0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u603b\u4e4b\u6700\u540e\u7684\u79ef\u5206\u7ed3\u679c\u8981\u8bb0\u5f97\u9664\u4ee5 \uff0c\u518d\u4f20\u7ed9 m_TransportSHCoeffs \u3002<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">\u6709\u9634\u5f71\u7684\u6f2b\u53cd\u5c04\u9879<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>scene-&gt;getIntegrator()-&gt;preprocess(scene); \u8ba1\u7b97 <strong>Diffuse Shadowed<\/strong> \u7684\u60c5\u51b5\u3002\u8fd9\u4e00\u9879\u591a\u4e86\u4e00\u4e2a\u53ef\u89c1\u9879 \u3002<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">\u5206\u6790<\/h3>\n\n\n\n<p>Visibility\u9879\uff08\uff09\u662f\u4e00\u4e2a\u975e1\u53730\u7684\u503c\uff0c\u5229\u7528 bool rayIntersect(const Ray3f &amp;ray) \u51fd\u6570\uff0c\u4ece\u9876\u70b9\u4f4d\u7f6e\u5230\u91c7\u6837\u65b9\u5411\u53cd\u5c04\u4e00\u6761\u5c04\u7ebf\uff0c\u82e5\u51fb\u4e2d\u7269\u4f53\uff0c\u5219\u8ba4\u4e3a\u88ab\u906e\u6321\uff0c\u6709\u9634\u5f71\uff0c\u8fd4\u56de0\uff1b\u82e5\u5c04\u7ebf\u672a\u51fb\u4e2d\u7269\u4f53\uff0c\u5219\u4ecd\u7136\u8fd4\u56de \u5373\u53ef\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u5b8c\u6574\u4ee3\u7801<\/h3>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ prt.cpp\n...\ndouble H = wi.normalized().dot(n.normalized()) \/ M_PI;\n...\nelse{\n    \/\/ TODO: here you need to calculate shadowed transport term of a given direction\n    \/\/ TODO: \u6b64\u5904\u4f60\u9700\u8981\u8ba1\u7b97\u7ed9\u5b9a\u65b9\u5411\u4e0b\u7684shadowed\u4f20\u8f93\u9879\u7403\u8c10\u51fd\u6570\u503c\n    if (H &gt; 0.0 &amp;&amp; !scene-&gt;rayIntersect(Ray3f(v, wi.normalized())))\n        return H;\n    return 0.0;\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ prt.cpp<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">double<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">H<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">wi<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">normalized<\/span><span style=\"color: #D4D4D4\">().<\/span><span style=\"color: #DCDCAA\">dot<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">normalized<\/span><span style=\"color: #D4D4D4\">()) \/ <\/span><span style=\"color: #9CDCFE\">M_PI<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">else<\/span><span style=\"color: #D4D4D4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ TODO: here you need to calculate shadowed transport term of a given direction<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ TODO: \u6b64\u5904\u4f60\u9700\u8981\u8ba1\u7b97\u7ed9\u5b9a\u65b9\u5411\u4e0b\u7684shadowed\u4f20\u8f93\u9879\u7403\u8c10\u51fd\u6570\u503c<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">H<\/span><span style=\"color: #D4D4D4\"> &gt; <\/span><span style=\"color: #B5CEA8\">0.0<\/span><span style=\"color: #D4D4D4\"> &amp;&amp; !<\/span><span style=\"color: #9CDCFE\">scene<\/span><span style=\"color: #D4D4D4\">-&gt;<\/span><span style=\"color: #DCDCAA\">rayIntersect<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #DCDCAA\">Ray3f<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">v<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">wi<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">normalized<\/span><span style=\"color: #D4D4D4\">())))<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">H<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #B5CEA8\">0.0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u603b\u4e4b\u6700\u540e\u7684\u79ef\u5206\u7ed3\u679c\u8981\u8bb0\u5f97\u9664\u4ee5 \uff0c\u518d\u4f20\u7ed9 m_TransportSHCoeffs \u3002<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">\u5bfc\u51fa\u8ba1\u7b97\u7ed3\u679c<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>nori\u6846\u67b6\u4f1a\u751f\u6210\u7684\u4e24\u4e2a\u9884\u8ba1\u7b97\u7ed3\u679c\u7684\u6587\u4ef6\u3002<\/p>\n<\/blockquote>\n\n\n\n<p>\u6dfb\u52a0\u8fd0\u884c\u53c2\u6570\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.\/scenes\/prt.xml<\/code><\/pre>\n\n\n\n<p>\u5728 prt.xml \u4e2d\uff0c\u9700\u8981\u505a\u4ee5\u4e0b<strong>\u4fee\u6539<\/strong>\uff0c\u5c31\u53ef\u4ee5\u9009\u62e9\u6e32\u67d3\u7684\u73af\u5883\u5149cubemap\u3002\u53e6\u5916\uff0c\u6a21\u578b\u3001\u76f8\u673a\u53c2\u6570\u7b49\u4e5f\u53ef\u81ea\u884c\u4fee\u6539\u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ prt.xml\n\n<!-- Render the visible surface normals --&gt;\n<integrator type=&quot;prt&quot;&gt;\n    <string name=&quot;type&quot; value=&quot;unshadowed&quot; \/&gt;\n    <integer name=&quot;bounce&quot; value=&quot;1&quot; \/&gt;\n    <integer name=&quot;PRTSampleCount&quot; value=&quot;100&quot; \/&gt;\n<!--        <string name=&quot;cubemap&quot; value=&quot;cubemap\/GraceCathedral&quot; \/&gt;--&gt;\n<!--        <string name=&quot;cubemap&quot; value=&quot;cubemap\/Indoor&quot; \/&gt;--&gt;\n<!--        <string name=&quot;cubemap&quot; value=&quot;cubemap\/Skybox&quot; \/&gt;--&gt;\n    <string name=&quot;cubemap&quot; value=&quot;cubemap\/CornellBox&quot; \/&gt;\n\n<\/integrator&gt;\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ prt.xml<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">&lt;!-- <\/span><span style=\"color: #9CDCFE\">Render<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">the<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">visible<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">surface<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">normals<\/span><span style=\"color: #D4D4D4\"> --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">integrator<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">type<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;prt&quot;<\/span><span style=\"color: #D4D4D4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    &lt;<\/span><span style=\"color: #569CD6\">string<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">name<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;type&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;unshadowed&quot;<\/span><span style=\"color: #D4D4D4\"> \/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    &lt;<\/span><span style=\"color: #9CDCFE\">integer<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">name<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;bounce&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;1&quot;<\/span><span style=\"color: #D4D4D4\"> \/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    &lt;<\/span><span style=\"color: #9CDCFE\">integer<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">name<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;PRTSampleCount&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;100&quot;<\/span><span style=\"color: #D4D4D4\"> \/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">&lt;!--        &lt;<\/span><span style=\"color: #569CD6\">string<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">name<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;cubemap&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;cubemap\/GraceCathedral&quot;<\/span><span style=\"color: #D4D4D4\"> \/&gt;--&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">&lt;!--        &lt;<\/span><span style=\"color: #569CD6\">string<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">name<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;cubemap&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;cubemap\/Indoor&quot;<\/span><span style=\"color: #D4D4D4\"> \/&gt;--&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">&lt;!--        &lt;<\/span><span style=\"color: #569CD6\">string<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">name<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;cubemap&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;cubemap\/Skybox&quot;<\/span><span style=\"color: #D4D4D4\"> \/&gt;--&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    &lt;<\/span><span style=\"color: #569CD6\">string<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">name<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;cubemap&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;cubemap\/CornellBox&quot;<\/span><span style=\"color: #D4D4D4\"> \/&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">&lt;\/<\/span><span style=\"color: #9CDCFE\">integrator<\/span><span style=\"color: #D4D4D4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>\u5176\u4e2d\uff0c\u6807\u7b7e\u53ef\u9009\u503c\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>type\uff1aunshadowed\u3001shadowed\u3001 interreflection<\/li>\n\n\n\n<li>bounce\uff1ainterreflection\u7c7b\u578b\u4e0b\u7684\u5149\u7ebf\u5f39\u5c04\u6b21\u6570\uff08\u76ee\u524d\u5c1a\u672a\u5b9e\u73b0\uff09<\/li>\n\n\n\n<li>PRTSampleCount\uff1a\u4f20\u8f93\u9879\u6bcf\u4e2a\u9876\u70b9\u7684\u91c7\u6837\u6570<\/li>\n\n\n\n<li>cubemap\uff1acubemap\/GraceCathedral\u3001cubemap\/Indoor\u3001cubemap\/Skybox\u3001cubemap\/CornellBox<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-222.png\" alt=\"img\" class=\"wp-image-1349 lazyload\"\/><noscript><img decoding=\"async\" width=\"1440\" height=\"496\" src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-222.png\" alt=\"img\" class=\"wp-image-1349 lazyload\" srcset=\"https:\/\/remoooo.com\/wp-content\/uploads\/image-222.png 1440w, https:\/\/remoooo.com\/wp-content\/uploads\/image-222-300x103.png 300w, https:\/\/remoooo.com\/wp-content\/uploads\/image-222-1024x353.png 1024w, https:\/\/remoooo.com\/wp-content\/uploads\/image-222-768x265.png 768w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/noscript><\/figure>\n\n\n\n<p>\u4e0a\u56fe\u5206\u522b\u662fGraceCathedral\u3001Indoor\u3001Skybox\u548cCornellBox\u7684 unshadowed \u6e32\u67d3\u7ed3\u679c\uff0c\u91c7\u6837\u6570\u662f1\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u4f7f\u7528\u7403\u8c10\u7cfb\u6570\u7740\u8272<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u5c06nori\u751f\u6210\u7684\u6587\u4ef6\u624b\u52a8\u62d6\u5230\u5b9e\u65f6\u6e32\u67d3\u6846\u67b6\u4e2d\uff0c\u5e76\u4e14\u5bf9\u5b9e\u65f6\u6846\u67b6\u505a\u4e00\u4e9b\u6539\u52a8\u3002<\/p>\n<\/blockquote>\n\n\n\n<p>\u4e0a\u4e00\u7ae0\u8ba1\u7b97\u5b8c\u6210\u540e\uff0c\u5c06\u5bf9\u5e94cubemap\u8def\u5f84\u4e2d\u7684 light.txt \u548c transport.txt \u62f7\u8d1d\u5230\u5b9e\u65f6\u6e32\u67d3\u6846\u67b6\u7684cubemap\u6587\u4ef6\u5939\u4e2d\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u9884\u8ba1\u7b97\u6570\u636e\u89e3\u6790<\/h2>\n\n\n\n<p><strong>\u53d6\u6d88<\/strong> engine.js \u4e2d88-114\u884c\u7684\u6ce8\u91ca\uff0c\u8fd9\u4e00\u6bb5\u4ee3\u7801\u7528\u4e8e\u89e3\u6790\u521a\u624d\u6dfb\u52a0\u8fdb\u6765\u7684txt\u6587\u4ef6\u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ engine.js\n\/\/ file parsing\n... \/\/ \u628a\u8fd9\u5757\u4ee3\u7801\u53d6\u6d88\u6ce8\u91ca\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ engine.js<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ file parsing<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">... <\/span><span style=\"color: #6A9955\">\/\/ \u628a\u8fd9\u5757\u4ee3\u7801\u53d6\u6d88\u6ce8\u91ca<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u5bfc\u5165\u6a21\u578b\/\u521b\u5efa\u5e76\u4f7f\u7528PRT\u6750\u8d28Shader<\/h3>\n\n\n\n<p>\u5728materials\u6587\u4ef6\u5939\u4e0b<strong>\u5efa\u7acb<\/strong>\u6587\u4ef6 PRTMaterial.js \u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/PRTMaterial.js\n\nclass PRTMaterial extends Material {\n    constructor(vertexShader, fragmentShader) {\n        super({\n            'uPrecomputeL[0]': { type: 'precomputeL', value: null},\n            'uPrecomputeL[1]': { type: 'precomputeL', value: null},\n            'uPrecomputeL[2]': { type: 'precomputeL', value: null},\n        }, \n        ['aPrecomputeLT'], \n        vertexShader, fragmentShader, null);\n    }\n}\n\nasync function buildPRTMaterial(vertexPath, fragmentPath) {\n    let vertexShader = await getShaderString(vertexPath);\n    let fragmentShader = await getShaderString(fragmentPath);\n\n    return new PRTMaterial(vertexShader, fragmentShader);\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/PRTMaterial.js<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">class<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">PRTMaterial<\/span><span style=\"color: #D4D4D4\"> extends Material {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #DCDCAA\">constructor<\/span><span style=\"color: #D4D4D4\">(vertexShader, fragmentShader) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #DCDCAA\">super<\/span><span style=\"color: #D4D4D4\">({<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #CE9178\">&#39;uPrecomputeL[0]&#39;<\/span><span style=\"color: #D4D4D4\">: { <\/span><span style=\"color: #9CDCFE\">type<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">&#39;precomputeL&#39;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #569CD6\">null<\/span><span style=\"color: #D4D4D4\">},<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #CE9178\">&#39;uPrecomputeL[1]&#39;<\/span><span style=\"color: #D4D4D4\">: { <\/span><span style=\"color: #9CDCFE\">type<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">&#39;precomputeL&#39;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #569CD6\">null<\/span><span style=\"color: #D4D4D4\">},<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #CE9178\">&#39;uPrecomputeL[2]&#39;<\/span><span style=\"color: #D4D4D4\">: { <\/span><span style=\"color: #9CDCFE\">type<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #CE9178\">&#39;precomputeL&#39;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #569CD6\">null<\/span><span style=\"color: #D4D4D4\">},<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        }, <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #CE9178\">&#39;aPrecomputeLT&#39;<\/span><span style=\"color: #D4D4D4\">], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">vertexShader<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">fragmentShader<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #569CD6\">null<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">async<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">function<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">buildPRTMaterial<\/span><span style=\"color: #D4D4D4\">(vertexPath, fragmentPath) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">vertexShader<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #569CD6\">await<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">getShaderString<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">vertexPath<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">fragmentShader<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #569CD6\">await<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">getShaderString<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">fragmentPath<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">new<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">PRTMaterial<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">vertexShader<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">fragmentShader<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>\u7136\u540e\u5728 index.html \u91cc\u5f15\u5165\u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ index.html\n<script src=&quot;src\/materials\/Material.js&quot; defer&gt;<\/script&gt;\n<script src=&quot;src\/materials\/ShadowMaterial.js&quot; defer&gt;<\/script&gt;\n<script src=&quot;src\/materials\/PhongMaterial.js&quot; defer&gt;<\/script&gt;\n<!-- Edit Start --&gt;<script src=&quot;src\/materials\/PRTMaterial.js&quot; defer&gt;<\/script&gt;<!-- Edit End --&gt;\n<script src=&quot;src\/materials\/SkyBoxMaterial.js&quot; defer&gt;<\/script&gt;\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ index.html<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #4EC9B0\">script<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">src<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;src\/materials\/Material.js&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">defer<\/span><span style=\"color: #D4D4D4\">&gt;&lt;\/<\/span><span style=\"color: #9CDCFE\">script<\/span><span style=\"color: #D4D4D4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #9CDCFE\">script<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">src<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;src\/materials\/ShadowMaterial.js&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">defer<\/span><span style=\"color: #D4D4D4\">&gt;&lt;\/<\/span><span style=\"color: #9CDCFE\">script<\/span><span style=\"color: #D4D4D4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #9CDCFE\">script<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">src<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;src\/materials\/PhongMaterial.js&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">defer<\/span><span style=\"color: #D4D4D4\">&gt;&lt;\/<\/span><span style=\"color: #9CDCFE\">script<\/span><span style=\"color: #D4D4D4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">&lt;!-- <\/span><span style=\"color: #9CDCFE\">Edit<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">Start<\/span><span style=\"color: #D4D4D4\"> --&gt;&lt;<\/span><span style=\"color: #9CDCFE\">script<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">src<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;src\/materials\/PRTMaterial.js&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">defer<\/span><span style=\"color: #D4D4D4\">&gt;&lt;\/<\/span><span style=\"color: #9CDCFE\">script<\/span><span style=\"color: #D4D4D4\">&gt;&lt;!-- <\/span><span style=\"color: #9CDCFE\">Edit<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">End<\/span><span style=\"color: #D4D4D4\"> --&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #9CDCFE\">script<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">src<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;src\/materials\/SkyBoxMaterial.js&quot;<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">defer<\/span><span style=\"color: #D4D4D4\">&gt;&lt;\/<\/span><span style=\"color: #9CDCFE\">script<\/span><span style=\"color: #D4D4D4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>\u5728 loadOBJ.js \u52a0\u8f7d\u65b0\u7684\u6750\u8d28\u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ loadOBJ.js\n\nswitch (objMaterial) {\n    case 'PhongMaterial':\n        material = buildPhongMaterial(colorMap, mat.specular.toArray(), light, Translation, Scale, &quot;.\/src\/shaders\/phongShader\/phongVertex.glsl&quot;, &quot;.\/src\/shaders\/phongShader\/phongFragment.glsl&quot;);\n        shadowMaterial = buildShadowMaterial(light, Translation, Scale, &quot;.\/src\/shaders\/shadowShader\/shadowVertex.glsl&quot;, &quot;.\/src\/shaders\/shadowShader\/shadowFragment.glsl&quot;);\n        break;\n    \/\/ TODO: Add your PRTmaterial here\n    \/\/Edit Start\n    case 'PRTMaterial':\n        material = buildPRTMaterial(&quot;.\/src\/shaders\/prtShader\/prtVertex.glsl&quot;, &quot;.\/src\/shaders\/prtShader\/prtFragment.glsl&quot;);\n        break;\n    \/\/Edit End\n    \/\/ ...\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ loadOBJ.js<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">switch<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">objMaterial<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">case<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">&#39;PhongMaterial&#39;<\/span><span style=\"color: #D4D4D4\">:<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">material<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">buildPhongMaterial<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">colorMap<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">mat<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">specular<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">toArray<\/span><span style=\"color: #D4D4D4\">(), <\/span><span style=\"color: #9CDCFE\">light<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">Translation<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">Scale<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&quot;.\/src\/shaders\/phongShader\/phongVertex.glsl&quot;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&quot;.\/src\/shaders\/phongShader\/phongFragment.glsl&quot;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">shadowMaterial<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">buildShadowMaterial<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">light<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">Translation<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">Scale<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&quot;.\/src\/shaders\/shadowShader\/shadowVertex.glsl&quot;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&quot;.\/src\/shaders\/shadowShader\/shadowFragment.glsl&quot;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">break<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ TODO: Add your PRTmaterial here<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/Edit Start<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">case<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">&#39;PRTMaterial&#39;<\/span><span style=\"color: #D4D4D4\">:<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">material<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">buildPRTMaterial<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">&quot;.\/src\/shaders\/prtShader\/prtVertex.glsl&quot;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&quot;.\/src\/shaders\/prtShader\/prtFragment.glsl&quot;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">break<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/Edit End<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ ...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>\u7ed9\u573a\u666f\u6dfb\u52a0mary\u6a21\u578b\uff0c\u8bbe\u7f6e\u4f4d\u7f6e\u4e0e\u5927\u5c0f\uff0c\u5e76\u4e14\u4f7f\u7528\u521a\u5efa\u7acb\u7684\u6750\u8d28\u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/engine.js\n\n\/\/ Add shapes\n...\n\/\/ Edit Start\nlet maryTransform = setTransform(0, -35, 0, 20, 20, 20);\n\/\/ Edit End\n...\n\/\/ TODO: load model - Add your Material here\n...\n\/\/ Edit Start\nloadOBJ(renderer, 'assets\/mary\/', 'mary', 'PRTMaterial', maryTransform);\n\/\/ Edit End\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/engine.js<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Add shapes<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Edit Start<\/span><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">maryTransform<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">setTransform<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, -<\/span><span style=\"color: #B5CEA8\">35<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">20<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">20<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">20<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Edit End<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ TODO: load model - Add your Material here<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Edit Start<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DCDCAA\">loadOBJ<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">renderer<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&#39;assets\/mary\/&#39;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&#39;mary&#39;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&#39;PRTMaterial&#39;<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">maryTransform<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Edit End<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u8ba1\u7b97\u7740\u8272<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u5c06\u9884\u8ba1\u7b97\u6570\u636e\u8f7d\u5165GPU\u4e2d\u3002<\/p>\n<\/blockquote>\n\n\n\n<p>\u5728\u6e32\u67d3\u5faa\u73af\u7684camera pass\u4e2d\u7ed9\u6750\u8d28\u8bbe\u7f6eprecomputeL\u5b9e\u65f6\u7684\u503c\uff0c\u4e5f\u5c31\u662f\u4f20\u9012\u9884\u5148\u8ba1\u7b97\u7684\u6570\u636e\u7ed9shader\u3002\u4e0b\u9762\u4ee3\u7801\u662f\u6bcf\u4e00\u5e27\u4e2d\u6bcf\u4e00\u8d9fcamera pass\u4e2d\u6bcf\u4e00\u4e2a\u7f51\u683cmesh\u7684\u6bcf\u4e00\u4e2auniforms\u7684\u904d\u5386\u3002\u5b9e\u65f6\u6e32\u67d3\u6846\u67b6\u5df2\u7ecf\u89e3\u6790\u4e86\u9884\u8ba1\u7b97\u7684\u6570\u636e\u5e76\u4e14\u5b58\u50a8\u5230\u4e86uniforms\u4e2d\u3002precomputeL\u662f\u4e00\u4e2a 9&#215;3 \u7684\u77e9\u9635\uff0c\u4ee3\u8868\u8fd9\u91cc\u5206\u522b\u6709RGB\u4e09\u4e2a\u901a\u9053\u7684\u524d\u4e09\u9636\uff089\u4e2a\uff09\u7403\u8c10\u51fd\u6570\uff08\u5b9e\u9645\u4e0a\u6211\u4eec\u4f1a\u8bf4\u8fd9\u662f\u4e00\u4e2a 3&#215;3 \u7684\u77e9\u9635\uff0c\u4f46\u662f\u6211\u4eec\u5199\u4ee3\u7801\u76f4\u63a5\u5199\u6210\u4e00\u4e2a\u957f\u5ea6\u4e3a9\u7684\u6570\u7ec4\uff09\u3002\u4e3a\u4e86\u65b9\u4fbf\u4f7f\u7528\uff0c\u901a\u8fc7 tool.js \u7684\u51fd\u6570\u5c06 precomputeL \u8f6c\u6362\u4e3a 3&#215;9 \u7684\u77e9\u9635\u3002<\/p>\n\n\n\n<p>\u901a\u8fc7 uniformMatrix3fv \u51fd\u6570\uff0c\u6211\u4eec\u53ef\u4ee5\u5c06\u6750\u8d28\u91cc\u5b58\u50a8\u7684\u4fe1\u606f\u4e0a\u4f20\u5230GPU\u4e0a\u3002\u8fd9\u4e2a\u51fd\u6570\u63a5\u53d7\u4e09\u4e2a\u53c2\u6570\uff0c\u5177\u4f53\u8bf7\u67e5\u9605 <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/WebGLRenderingContext\/uniformMatrix\">WebGL\u6587\u6863 &#8211; uniformMatrix<\/a> \u3002\u5176\u4e2d\u7b2c\u4e00\u4e2a\u53c2\u6570\u7684\u4f5c\u7528\u662f\u5728\u6211\u4eec\u81ea\u5df1\u521b\u5efa\u7684 PRTMaterial \u4e2d\uff0cuniforms \u5305\u542b\u4e86 uPrecomputeL[0] , uPrecomputeL[1] \u548c uPrecomputeL[2] \u3002\u5728GPU\u5185\u7684\u5de5\u4f5c\u4e0d\u9700\u8981\u6211\u4eec\u5173\u6ce8\uff0c\u6211\u4eec\u53ea\u9700\u8981\u6709\u5728CPU\u4e0a\u7684 uniform \uff0c\u5c31\u53ef\u4ee5\u901a\u8fc7API\u81ea\u52a8\u8bbf\u95ee\u5230GPU\u4e0a\u5bf9\u5e94\u7684\u5185\u5bb9\u3002\u6362\u53e5\u8bdd\u8bf4\uff0c\u5f53\u83b7\u53d6\u4e00\u4e2a uniform \u6216\u5c5e\u6027\u7684\u4f4d\u7f6e\uff0c\u5b9e\u9645\u4e0a\u5f97\u5230\u7684\u662f\u4e00\u4e2a\u5728CPU\u7aef\u7684\u5f15\u7528\uff0c\u4f46\u5728\u5e95\u5c42\uff0c\u8fd9\u4e2a\u5f15\u7528\u4f1a\u6620\u5c04\u5230GPU\u4e0a\u7684\u4e00\u4e2a\u5177\u4f53\u4f4d\u7f6e\u3002\u800c\u94fe\u63a5 uniform \u7684\u6b65\u9aa4\u5728 Shader.js \u7684 this.program = this.addShaderLocations\uff08\uff09 \u4e2d\u5b8c\u6210\uff08\u770b\u770b\u4ee3\u7801\u5c31\u80fd\u61c2\u4e86\uff0c\u53ea\u662f\u6bd4\u8f83\u7ed5\uff0c\u5728\u6211\u7684HW1\u6587\u7ae0\u4e2d\u4e5f\u6709\u5206\u6790\u8fc7\uff09\uff0c shader.program \u6709\u4e09\u4e2a\u5c5e\u6027\u5206\u522b\u662f\uff1aglShaderProgram, uniforms, \u548c attribs\u3002\u800c\u5177\u4f53\u58f0\u660e\u7684\u4f4d\u7f6e\u5219\u662f\u5728 XXXshader.glsl \u4e2d\uff0c\u5728\u4e0b\u4e00\u6b65\u4e2d\u6211\u4eec\u5c31\u4f1a\u5b8c\u6210\u5b83\u3002<\/p>\n\n\n\n<p>\u603b\u7ed3\u4e00\u4e0b\uff0c\u4e0b\u9762\u8fd9\u6bb5\u4ee3\u7801\u4e3b\u8981\u5de5\u4f5c\u5c31\u662f\u4e3a\u7247\u6bb5\u7740\u8272\u5668\u63d0\u4f9b\u9884\u5148\u5904\u7406\u8fc7\u7684\u6570\u636e\u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ WebGLRenderer.js\n\nif (k == 'uMoveWithCamera') { \/\/ The rotation of the skybox\n    gl.uniformMatrix4fv(\n        this.meshes[i].shader.program.uniforms[k],\n        false,\n        cameraModelMatrix);\n}\n\n\/\/ Bonus - Fast Spherical Harmonic Rotation\n\/\/let precomputeL_RGBMat3 = getRotationPrecomputeL(precomputeL[guiParams.envmapId], cameraModelMatrix);\n\n\/\/ Edit Start\nlet Mat3Value = getMat3ValueFromRGB(precomputeL[guiParams.envmapId]);\n\nif (\/^uPrecomputeL\\[\\d\\]$$\/.test(k)) {\n    let index = parseInt(k.split('[')[1].split(']')[0]);\n    if (index &gt;= 0 &amp;&amp; index < 3) {\n        gl.uniformMatrix3fv(\n            this.meshes[i].shader.program.uniforms[k],\n            false,\n            Mat3Value[index]\n        );\n    }\n}\n\/\/ Edit End\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ WebGLRenderer.js<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\"> == <\/span><span style=\"color: #CE9178\">&#39;uMoveWithCamera&#39;<\/span><span style=\"color: #D4D4D4\">) { <\/span><span style=\"color: #6A9955\">\/\/ The rotation of the skybox<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">gl<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">uniformMatrix4fv<\/span><span style=\"color: #D4D4D4\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">meshes<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">].<\/span><span style=\"color: #9CDCFE\">shader<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">program<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">uniforms<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\">],<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">false<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">cameraModelMatrix<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Bonus - Fast Spherical Harmonic Rotation<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/let precomputeL_RGBMat3 = getRotationPrecomputeL(precomputeL[guiParams.envmapId], cameraModelMatrix);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Edit Start<\/span><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">Mat3Value<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">getMat3ValueFromRGB<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">precomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">guiParams<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">envmapId<\/span><span style=\"color: #D4D4D4\">]);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (\/^<\/span><span style=\"color: #9CDCFE\">uPrecomputeL<\/span><span style=\"color: #D4D4D4\">\\[\\<\/span><span style=\"color: #9CDCFE\">d<\/span><span style=\"color: #D4D4D4\">\\]$$\/.<\/span><span style=\"color: #DCDCAA\">test<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\">)) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">index<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">parseInt<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">split<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">&#39;[&#39;<\/span><span style=\"color: #D4D4D4\">)[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">].<\/span><span style=\"color: #DCDCAA\">split<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">&#39;]&#39;<\/span><span style=\"color: #D4D4D4\">)[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">]);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">index<\/span><span style=\"color: #D4D4D4\"> &gt;= <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\"> &amp;&amp; <\/span><span style=\"color: #9CDCFE\">index<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">gl<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">uniformMatrix3fv<\/span><span style=\"color: #D4D4D4\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">meshes<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">].<\/span><span style=\"color: #9CDCFE\">shader<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">program<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">uniforms<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\">],<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #569CD6\">false<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #9CDCFE\">Mat3Value<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">index<\/span><span style=\"color: #D4D4D4\">]<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        );<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Edit End<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u4e5f\u53ef\u4ee5\u5c06 Mat3Value \u7684\u8ba1\u7b97\u653e\u5728i\u5faa\u73af\u7684\u5916\u9762\uff0c\u51cf\u5c11\u8ba1\u7b97\u6b21\u6570\u3002<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">\u7f16\u5199\u9876\u70b9\u7740\u8272\u5668<\/h3>\n\n\n\n<p>\u660e\u767d\u4e86\u4e0a\u9762\u4ee3\u7801\u7684\u4f5c\u7528\u4e4b\u540e\uff0c\u63a5\u4e0b\u6765\u7684\u4efb\u52a1\u5c31\u975e\u5e38\u660e\u4e86\u4e86\u3002\u4e0a\u4e00\u6b65\u6211\u4eec\u5c06\u6bcf\u4e00\u4e2a\u7403\u8c10\u7cfb\u6570\u90fd\u4f20\u5230\u4e86 GPU \u7684 uPrecomputeL[] \u4e2d\uff0c\u63a5\u4e0b\u6765\u5728GPU\u4e0a\u7f16\u7a0b\u8ba1\u7b97\u7403\u8c10\u7cfb\u6570\u548c\u4f20\u8f93\u77e9\u9635\u7684\u70b9\u4e58\uff0c\u4e5f\u5c31\u662f\u4e0b\u56fe light_coefficient * transport_matrix\u3002<\/p>\n\n\n\n<p>\u5b9e\u65f6\u6e32\u67d3\u6846\u67b6\u4e2d\u5df2\u7ecf\u5b8c\u6210\u4e86Light_Transport\u5230\u5bf9\u5e94\u65b9\u5411\u7684\u77e9\u9635\u7684\u5316\u7b80\uff0c\u6211\u4eec\u53ea\u9700\u8981\u5206\u522b\u5bf9\u4e09\u4e2a\u989c\u8272\u901a\u9053\u7684\u957f\u5ea6\u4e3a9\u7684\u5411\u91cf\u505a\u70b9\u4e58\u5c31\u884c\u4e86\u3002\u503c\u5f97\u4e00\u63d0\u7684\u662f\uff0cPrecomputeL \u548c PrecomputeLT \u65e2\u53ef\u4ee5\u4f20\u7ed9\u9876\u70b9\u7740\u8272\u5668\u4e5f\u53ef\u4ee5\u4f20\u7ed9\u7247\u6bb5\u7740\u8272\u5668\uff0c\u82e5\u4f20\u7ed9\u9876\u70b9\u7740\u8272\u5668\uff0c\u5c31\u53ea\u9700\u8981\u5728\u7247\u6bb5\u7740\u8272\u5668\u4e2d\u5dee\u503c\u5f97\u5230\u989c\u8272\uff0c\u901f\u5ea6\u66f4\u5feb\uff0c\u4f46\u662f\u771f\u5b9e\u6027\u5c31\u7a0d\u5dee\u4e00\u4e9b\u3002\u600e\u4e48\u8ba1\u7b97\u53d6\u51b3\u4e8e\u4e0d\u540c\u7684\u9700\u6c42\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-227.png\" alt=\"img\" class=\"wp-image-1355 lazyload\"\/><noscript><img decoding=\"async\" width=\"930\" height=\"762\" src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-227.png\" alt=\"img\" class=\"wp-image-1355 lazyload\" srcset=\"https:\/\/remoooo.com\/wp-content\/uploads\/image-227.png 930w, https:\/\/remoooo.com\/wp-content\/uploads\/image-227-300x246.png 300w, https:\/\/remoooo.com\/wp-content\/uploads\/image-227-768x629.png 768w\" sizes=\"(max-width: 930px) 100vw, 930px\" \/><\/noscript><\/figure>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/prtVertex.glsl\n\nattribute vec3 aVertexPosition;\nattribute vec3 aNormalPosition;\nattribute mat3 aPrecomputeLT;  \/\/ Precomputed Light Transfer matrix for the vertex\n\nuniform mat4 uModelMatrix;\nuniform mat4 uViewMatrix;\nuniform mat4 uProjectionMatrix;\nuniform mat3 uPrecomputeL[3];  \/\/ Precomputed Lighting matrices\nvarying highp vec3 vNormal;\n\nvarying highp vec3 vColor;     \/\/ Outgoing color after the dot product calculations\n\nfloat L_dot_LT(const mat3 PrecomputeL, const mat3 PrecomputeLT) {\n  return dot(PrecomputeL[0], PrecomputeLT[0]) \n        + dot(PrecomputeL[1], PrecomputeLT[1]) \n        + dot(PrecomputeL[2], PrecomputeLT[2]);\n}\n\nvoid main(void) {\n  \/\/ \u9632\u6b62\u56e0\u4e3a\u6d4f\u89c8\u5668\u4f18\u5316\u62a5\u9519\uff0c\u65e0\u5b9e\u9645\u4f5c\u7528\n  aNormalPosition;\n\n  for(int i = 0; i < 3; i++) {\n      vColor[i] = L_dot_LT(aPrecomputeLT, uPrecomputeL[i]);\n  }\n\n  gl_Position = uProjectionMatrix * uViewMatrix * uModelMatrix * vec4(aVertexPosition, 1.0);\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/prtVertex.glsl<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">attribute<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">aVertexPosition<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">attribute<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">aNormalPosition<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">attribute<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">mat3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">aPrecomputeLT<\/span><span style=\"color: #D4D4D4\">;  <\/span><span style=\"color: #6A9955\">\/\/ Precomputed Light Transfer matrix for the vertex<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">uniform<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">mat4<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">uModelMatrix<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">uniform<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">mat4<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">uViewMatrix<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">uniform<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">mat4<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">uProjectionMatrix<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">uniform<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">mat3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">uPrecomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">];  <\/span><span style=\"color: #6A9955\">\/\/ Precomputed Lighting matrices<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">varying<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">highp<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">vNormal<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">varying<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">highp<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">vColor<\/span><span style=\"color: #D4D4D4\">;     <\/span><span style=\"color: #6A9955\">\/\/ Outgoing color after the dot product calculations<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">float<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">L_dot_LT<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #4EC9B0\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">mat3<\/span><span style=\"color: #D4D4D4\"> PrecomputeL, <\/span><span style=\"color: #4EC9B0\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">mat3<\/span><span style=\"color: #D4D4D4\"> PrecomputeLT) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">dot<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">PrecomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">PrecomputeLT<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">]) <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        + <\/span><span style=\"color: #DCDCAA\">dot<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">PrecomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">PrecomputeLT<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">]) <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        + <\/span><span style=\"color: #DCDCAA\">dot<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">PrecomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">PrecomputeLT<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">]);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">void<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">main<\/span><span style=\"color: #D4D4D4\">(void) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">  \/\/ \u9632\u6b62\u56e0\u4e3a\u6d4f\u89c8\u5668\u4f18\u5316\u62a5\u9519\uff0c\u65e0\u5b9e\u9645\u4f5c\u7528<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">aNormalPosition<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">++) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">vColor<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = <\/span><span style=\"color: #DCDCAA\">L_dot_LT<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">aPrecomputeLT<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">uPrecomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">]);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">gl_Position<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">uProjectionMatrix<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">uViewMatrix<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">uModelMatrix<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #DCDCAA\">vec4<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">aVertexPosition<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">1.0<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>\u53e6\u5916\u503c\u5f97\u4e00\u8bf4\u7684\u662f\uff0c\u5728\u6e32\u67d3\u6846\u67b6\u4e2d\u4e3a\u4e00\u4e2a\u540d\u4e3a aNormalPosition \u7684attribute\u8bbe\u7f6e\u4e86\u6570\u503c\uff0c\u5982\u679c\u5728Shader\u4e2d\u6ca1\u6709\u4f7f\u7528\u7684\u8bdd\u5c31\u4f1a\u88abWebGL\u4f18\u5316\u6389\uff0c\u5bfc\u81f4\u6d4f\u89c8\u5668\u4e0d\u505c\u62a5\u9519\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u7f16\u5199\u7247\u5143\u7740\u8272\u5668<\/h3>\n\n\n\n<p>\u5728\u9876\u70b9\u7740\u8272\u5668\u4e2d\u5b8c\u6210\u5bf9\u5f53\u524d\u9876\u70b9\u7740\u8272\u7684\u8ba1\u7b97\u4e4b\u540e\uff0c\u5728\u7247\u5143\u7740\u8272\u5668\u4e2d\u63d2\u503c\u8ba1\u7b97\u989c\u8272\u3002\u7531\u4e8e\u5728\u9876\u70b9\u7740\u8272\u5668\u4e2d\u4e3a\u6bcf\u4e2a\u9876\u70b9\u8ba1\u7b97\u7684vColor\u503c\u4f1a\u5728\u7247\u5143\u7740\u8272\u5668\u4e2d\u88ab\u81ea\u52a8\u63d2\u503c\uff0c\u56e0\u6b64\u76f4\u63a5\u4f7f\u7528\u5c31\u53ef\u4ee5\u4e86\u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ prtFragment.glsl\n\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying highp vec3 vColor;\n\nvoid main(){\n  gl_FragColor = vec4(vColor, 1.0);\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ prtFragment.glsl<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">#ifdef GL_ES<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">precision<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">mediump<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">float<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">#endif<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">varying<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">highp<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">vColor<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">void<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">main<\/span><span style=\"color: #D4D4D4\">(){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">gl_FragColor<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">vec4<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">vColor<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">1.0<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u66dd\u5149\u4e0e\u989c\u8272\u77eb\u6b63<\/h2>\n\n\n\n<p>\u867d\u7136\u6846\u67b6\u4f5c\u8005\u63d0\u53caPRT\u9884\u8ba1\u7b97\u4fdd\u5b58\u7684\u7ed3\u679c\u662f\u5728\u7ebf\u6027\u7a7a\u95f4\u4e2d\u7684\uff0c\u4e0d\u9700\u8981\u518d\u8fdb\u884c gamma \u77eb\u6b63\u4e86\uff0c\u4f46\u662f\u663e\u7136\u6700\u7ec8\u7ed3\u679c\u662f\u6709\u95ee\u9898\u7684\u3002\u5982\u679c\u60a8\u6ca1\u6709\u4e8b\u5148\u5728\u8ba1\u7b97\u7cfb\u6570\u7684\u65f6\u5019\u9664 \uff0c\u90a3\u4e48\u4ee5Skybox\u573a\u666f\u4e3a\u4f8b\u5b50\uff0c\u5c31\u4f1a\u51fa\u73b0\u8fc7\u66dd\u7684\u95ee\u9898\u3002\u5982\u679c\u4e8b\u5148\u9664\u4e86 \uff0c\u4f46\u662f\u6ca1\u6709\u505a\u8272\u5f69\u77eb\u6b63\uff0c\u5c31\u4f1a\u5728\u5b9e\u65f6\u6e32\u67d3\u6846\u67b6\u4e2d\u51fa\u73b0\u8fc7\u6697\u7684\u95ee\u9898\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-221.png\" alt=\"img\" class=\"wp-image-1348 lazyload\"\/><noscript><img decoding=\"async\" width=\"1062\" height=\"706\" src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-221.png\" alt=\"img\" class=\"wp-image-1348 lazyload\" srcset=\"https:\/\/remoooo.com\/wp-content\/uploads\/image-221.png 1062w, https:\/\/remoooo.com\/wp-content\/uploads\/image-221-300x199.png 300w, https:\/\/remoooo.com\/wp-content\/uploads\/image-221-1024x681.png 1024w, https:\/\/remoooo.com\/wp-content\/uploads\/image-221-768x511.png 768w\" sizes=\"(max-width: 1062px) 100vw, 1062px\" \/><\/noscript><\/figure>\n\n\n\n<p>\u9996\u5148\u5728\u8ba1\u7b97\u7cfb\u6570\u7684\u65f6\u5019\u9664\u4ee5 \uff0c\u7136\u540e\u518d\u505a\u4e00\u4e2a\u8272\u5f69\u77eb\u6b63\u3002\u600e\u4e48\u505a\u5462\uff1f\u6211\u4eec\u53ef\u4ee5\u53c2\u7167nori\u6846\u67b6\u7684\u5bfc\u51fa\u56fe\u7247\u8fc7\u7a0b\u4e2d\u6709\u4e00\u4e2a toSRGB() \u7684\u51fd\u6570\uff1a<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ common.cpp\nColor3f Color3f::toSRGB() const {\n    Color3f result;\n\n    for (int i=0; i<3; ++i) {\n        float value = coeff(i);\n\n        if (value <= 0.0031308f)\n            result[i] = 12.92f * value;\n        else\n            result[i] = (1.0f + 0.055f)\n                * std::pow(value, 1.0f\/2.4f) -  0.055f;\n    }\n\n    return result;\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ common.cpp<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">Color3f<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #C8C8C8\">Color3f<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #DCDCAA\">toSRGB<\/span><span style=\"color: #D4D4D4\">() <\/span><span style=\"color: #569CD6\">const<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">Color3f<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">; ++<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">float<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">coeff<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\"> &lt;= <\/span><span style=\"color: #B5CEA8\">0.0031308f<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = <\/span><span style=\"color: #B5CEA8\">12.92f<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">else<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = (<\/span><span style=\"color: #B5CEA8\">1.0f<\/span><span style=\"color: #D4D4D4\"> + <\/span><span style=\"color: #B5CEA8\">0.055f<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                * <\/span><span style=\"color: #9CDCFE\">std<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #DCDCAA\">pow<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">1.0f<\/span><span style=\"color: #D4D4D4\">\/<\/span><span style=\"color: #B5CEA8\">2.4f<\/span><span style=\"color: #D4D4D4\">) -  <\/span><span style=\"color: #B5CEA8\">0.055f<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>\u6211\u4eec\u53ef\u4ee5\u4eff\u7167\u8fd9\u4e2a\u5728\u7247\u5143\u7740\u8272\u5176\u4e2d\u505a\u8272\u5f69\u77eb\u6b63\u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/prtFragment.glsl\n\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\nvarying highp vec3 vColor;\n\nvec3 toneMapping(vec3 color){\n    vec3 result;\n\n    for (int i=0; i<3; ++i) {\n        if (color[i] <= 0.0031308)\n            result[i] = 12.92 * color[i];\n        else\n            result[i] = (1.0 + 0.055) * pow(color[i], 1.0\/2.4) - 0.055;\n    }\n\n    return result;\n}\n\nvoid main(){\n  vec3 color = toneMapping(vColor); \n  gl_FragColor = vec4(color, 1.0);\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/prtFragment.glsl<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">#ifdef GL_ES<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">precision<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">mediump<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">float<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">#endif<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">varying<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">highp<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">vColor<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">toneMapping<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">; ++<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] &lt;= <\/span><span style=\"color: #B5CEA8\">0.0031308<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = <\/span><span style=\"color: #B5CEA8\">12.92<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">else<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = (<\/span><span style=\"color: #B5CEA8\">1.0<\/span><span style=\"color: #D4D4D4\"> + <\/span><span style=\"color: #B5CEA8\">0.055<\/span><span style=\"color: #D4D4D4\">) * <\/span><span style=\"color: #DCDCAA\">pow<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">1.0<\/span><span style=\"color: #D4D4D4\">\/<\/span><span style=\"color: #B5CEA8\">2.4<\/span><span style=\"color: #D4D4D4\">) - <\/span><span style=\"color: #B5CEA8\">0.055<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">void<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">main<\/span><span style=\"color: #D4D4D4\">(){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">toneMapping<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">vColor<\/span><span style=\"color: #D4D4D4\">); <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">gl_FragColor<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">vec4<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">1.0<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>\u8fd9\u6837\u5c31\u53ef\u4ee5\u4fdd\u8bc1\u5b9e\u65f6\u6e32\u67d3\u6846\u67b6\u6e32\u67d3\u7684\u7ed3\u679c\u4e0enori\u6846\u67b6\u7684\u622a\u56fe\u7ed3\u679c\u4e00\u81f4\u4e86\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-220.png\" alt=\"img\" class=\"wp-image-1347 lazyload\"\/><noscript><img decoding=\"async\" width=\"1062\" height=\"832\" src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-220.png\" alt=\"img\" class=\"wp-image-1347 lazyload\" srcset=\"https:\/\/remoooo.com\/wp-content\/uploads\/image-220.png 1062w, https:\/\/remoooo.com\/wp-content\/uploads\/image-220-300x235.png 300w, https:\/\/remoooo.com\/wp-content\/uploads\/image-220-1024x802.png 1024w, https:\/\/remoooo.com\/wp-content\/uploads\/image-220-768x602.png 768w\" sizes=\"(max-width: 1062px) 100vw, 1062px\" \/><\/noscript><\/figure>\n\n\n\n<p>\u6211\u4eec\u4e5f\u53ef\u4ee5\u505a\u5176\u4ed6\u7684\u989c\u8272\u77eb\u6b63\uff0c\u8fd9\u91cc\u63d0\u4f9b\u51e0\u79cd\u5e38\u89c1\u7684Tone Mapping\u65b9\u6cd5\uff0c\u7528\u4e8e\u5c06HDR\u8303\u56f4\u8f6c\u6362\u81f3LDR\u8303\u56f4\u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"vec3 linearToneMapping(vec3 color) {\n    return color \/ (color + vec3(1.0));\n}\nvec3 reinhardToneMapping(vec3 color) {\n    return color \/ (vec3(1.0) + color);\n}\nvec3 exposureToneMapping(vec3 color, float exposure) {\n    return vec3(1.0) - exp(-color * exposure);\n}\nvec3 filmicToneMapping(vec3 color) {\n    color = max(vec3(0.0), color - vec3(0.004));\n    color = (color * (6.2 * color + 0.5)) \/ (color * (6.2 * color + 1.7) + 0.06);\n    return color;\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">linearToneMapping<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\"> \/ (<\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\"> + <\/span><span style=\"color: #DCDCAA\">vec3<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">1.0<\/span><span style=\"color: #D4D4D4\">));<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">reinhardToneMapping<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\"> \/ (<\/span><span style=\"color: #DCDCAA\">vec3<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">1.0<\/span><span style=\"color: #D4D4D4\">) + <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">exposureToneMapping<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #569CD6\">float<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">exposure<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">vec3<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">1.0<\/span><span style=\"color: #D4D4D4\">) - <\/span><span style=\"color: #DCDCAA\">exp<\/span><span style=\"color: #D4D4D4\">(-<\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">exposure<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">filmicToneMapping<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #4EC9B0\">vec3<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">max<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #DCDCAA\">vec3<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">0.0<\/span><span style=\"color: #D4D4D4\">), <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\"> - <\/span><span style=\"color: #DCDCAA\">vec3<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">0.004<\/span><span style=\"color: #D4D4D4\">));<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\"> = (<\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\"> * (<\/span><span style=\"color: #B5CEA8\">6.2<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\"> + <\/span><span style=\"color: #B5CEA8\">0.5<\/span><span style=\"color: #D4D4D4\">)) \/ (<\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\"> * (<\/span><span style=\"color: #B5CEA8\">6.2<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\"> + <\/span><span style=\"color: #B5CEA8\">1.7<\/span><span style=\"color: #D4D4D4\">) + <\/span><span style=\"color: #B5CEA8\">0.06<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">color<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>\u5230\u8fd9\u91cc\u4e3a\u6b62\uff0c\u4f5c\u4e1a\u7684\u57fa\u7840\u90e8\u5206\u5c31\u5b8c\u6210\u4e86\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u6dfb\u52a0CornellBox\u573a\u666f<\/h2>\n\n\n\n<p>\u9ed8\u8ba4\u6846\u67b6\u4ee3\u7801\u4e2d\u6ca1\u6709CornellBox\uff0c\u4f46\u662f\u8d44\u6e90\u6587\u4ef6\u91cc\u9762\u6709\uff0c\u8fd9\u5c31\u9700\u8981\u6211\u4eec\u81ea\u884c\u6dfb\u52a0\uff1a<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ engine.js\n\nvar envmap = [\n    'assets\/cubemap\/GraceCathedral',\n    'assets\/cubemap\/Indoor',\n    'assets\/cubemap\/Skybox',\n    \/\/ Edit Start\n    'assets\/cubemap\/CornellBox',\n    \/\/ Edit End\n];\n\/\/ engine.js\n\nfunction createGUI() {\n    const gui = new dat.gui.GUI();\n    const panelModel = gui.addFolder('Switch Environemtn Map');\n    \/\/ Edit Start\n    panelModel.add(guiParams, 'envmapId', { 'GraceGathedral': 0, 'Indoor': 1, 'Skybox': 2, 'CornellBox': 3}).name('Envmap Name');\n    \/\/ Edit End\n    panelModel.open();\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ engine.js<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">var<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">envmap<\/span><span style=\"color: #D4D4D4\"> = [<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #CE9178\">&#39;assets\/cubemap\/GraceCathedral&#39;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #CE9178\">&#39;assets\/cubemap\/Indoor&#39;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #CE9178\">&#39;assets\/cubemap\/Skybox&#39;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ Edit Start<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #CE9178\">&#39;assets\/cubemap\/CornellBox&#39;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ Edit End<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ engine.js<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">function<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">createGUI<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">gui<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #569CD6\">new<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">dat<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #4EC9B0\">gui<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #4EC9B0\">GUI<\/span><span style=\"color: #D4D4D4\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">panelModel<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">gui<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">addFolder<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">&#39;Switch Environemtn Map&#39;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ Edit Start<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">panelModel<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">add<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">guiParams<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&#39;envmapId&#39;<\/span><span style=\"color: #D4D4D4\">, { <\/span><span style=\"color: #CE9178\">&#39;GraceGathedral&#39;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&#39;Indoor&#39;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&#39;Skybox&#39;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">&#39;CornellBox&#39;<\/span><span style=\"color: #D4D4D4\">: <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">}).<\/span><span style=\"color: #DCDCAA\">name<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">&#39;Envmap Name&#39;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ Edit End<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">panelModel<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">open<\/span><span style=\"color: #D4D4D4\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-226.png\" alt=\"img\" class=\"wp-image-1354 lazyload\"\/><noscript><img decoding=\"async\" width=\"970\" height=\"662\" src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-226.png\" alt=\"img\" class=\"wp-image-1354 lazyload\" srcset=\"https:\/\/remoooo.com\/wp-content\/uploads\/image-226.png 970w, https:\/\/remoooo.com\/wp-content\/uploads\/image-226-300x205.png 300w, https:\/\/remoooo.com\/wp-content\/uploads\/image-226-768x524.png 768w\" sizes=\"(max-width: 970px) 100vw, 970px\" \/><\/noscript><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u57fa\u7840\u90e8\u5206\u7ed3\u679c\u5c55\u793a<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u5206\u522b\u5c55\u793ashadowed\u548cunshadowed\u7684\u56db\u4e2a\u573a\u666f\u3002<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-224.png\" alt=\"img\" class=\"wp-image-1352 lazyload\"\/><noscript><img decoding=\"async\" width=\"1074\" height=\"718\" src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-224.png\" alt=\"img\" class=\"wp-image-1352 lazyload\" srcset=\"https:\/\/remoooo.com\/wp-content\/uploads\/image-224.png 1074w, https:\/\/remoooo.com\/wp-content\/uploads\/image-224-300x201.png 300w, https:\/\/remoooo.com\/wp-content\/uploads\/image-224-1024x685.png 1024w, https:\/\/remoooo.com\/wp-content\/uploads\/image-224-768x513.png 768w\" sizes=\"(max-width: 1074px) 100vw, 1074px\" \/><\/noscript><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u8003\u8651\u4f20\u8f93\u9879\u5149\u7ebf\u591a\u6b21\u5f39\u5c04\uff08bonus 1\uff09<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u8fd9\u662f\u63d0\u9ad8\u7684\u7b2c\u4e00\u90e8\u5206\u3002 \u8ba1\u7b97\u591a\u6b21\u5f39\u5c04\u7684\u5149\u7ebf\u4f20\u8f93\u4e0e\u5149\u7ebf\u8ffd\u8e2a\u6709\u76f8\u4f3c\u4e4b\u5904\uff0c\u5728\u4f7f\u7528\u7403\u8c10\u51fd\u6570\uff08Spherical Harmonics\uff0cSH\uff09\u8fdb\u884c\u5149\u7167\u8fd1\u4f3c\u65f6\uff0c\u60a8\u53ef\u4ee5\u7ed3\u5408\u5149\u7ebf\u8ffd\u8e2a\u6765\u8ba1\u7b97\u8fd9\u4e9b\u591a\u6b21\u53cd\u5c04\u7684\u6548\u679c\u3002<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">\u5b8c\u6574\u4ee3\u7801<\/h3>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ TODO: leave for bonus\nEigen::MatrixXf m_IndirectCoeffs = Eigen::MatrixXf::Zero(SHCoeffLength, mesh-&gt;getVertexCount());\nint sample_side = static_cast<int&gt;(floor(sqrt(m_SampleCount)));\n\nstd::random_device rd;\nstd::mt19937 gen(rd());\nstd::uniform_real_distribution<&gt; rng(0.0, 1.0);\n\nconst double twoPi = 2.0 * M_PI;\n\nfor(int bo = 0; bo < m_Bounce; bo++)\n{\n    for (int i = 0; i < mesh-&gt;getVertexCount(); i++)\n    {\n        const Point3f &amp;v = mesh-&gt;getVertexPositions().col(i);\n        const Normal3f &amp;n = mesh-&gt;getVertexNormals().col(i);\n\n        std::vector<float&gt; coeff(SHCoeffLength, 0.0f);\n        for (int t = 0; t < sample_side; t++) {\n            for (int p = 0; p < sample_side; p++) {\n                double alpha = (t + rng(gen)) \/ sample_side;\n                double beta = (p + rng(gen)) \/ sample_side;\n                double phi = twoPi * beta;\n                double theta = acos(2.0 * alpha - 1.0);\n\n                Eigen::Array3d d = sh::ToVector(phi, theta);\n                const Vector3f wi(d[0], d[1], d[2]);\n\n                double H = wi.dot(n);\n                if(H &gt; 0.0) {\n                    const auto ray = Ray3f(v, wi);\n                    Intersection intersect;\n                    bool is_inter = scene-&gt;rayIntersect(ray, intersect);\n                    if(is_inter) {\n                        for(int j = 0; j < SHCoeffLength; j++) {\n                            const Vector3f coef3(\n                                m_TransportSHCoeffs.col((int)intersect.tri_index[0]).coeffRef(j),\n                                m_TransportSHCoeffs.col((int)intersect.tri_index[1]).coeffRef(j),\n                                m_TransportSHCoeffs.col((int)intersect.tri_index[2]).coeffRef(j)\n                            );\n                            coeff[j] += intersect.bary.dot(coef3) \/ m_SampleCount;\n                        }\n                    }\n                }\n            }\n        }\n\n        for (int j = 0; j < SHCoeffLength; j++)\n        {\n            m_IndirectCoeffs.col(i).coeffRef(j) = coeff[j] - m_IndirectCoeffs.col(i).coeffRef(j);\n        }\n    }\n    m_TransportSHCoeffs += m_IndirectCoeffs;\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ TODO: leave for bonus<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C8C8C8\">Eigen<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #4EC9B0\">MatrixXf<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">m_IndirectCoeffs<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">Eigen<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #9CDCFE\">MatrixXf<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #DCDCAA\">Zero<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">SHCoeffLength<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">mesh<\/span><span style=\"color: #D4D4D4\">-&gt;<\/span><span style=\"color: #DCDCAA\">getVertexCount<\/span><span style=\"color: #D4D4D4\">());<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">sample_side<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">static_cast<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\">&gt;(<\/span><span style=\"color: #DCDCAA\">floor<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #DCDCAA\">sqrt<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">m_SampleCount<\/span><span style=\"color: #D4D4D4\">)));<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #C8C8C8\">std<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #4EC9B0\">random_device<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">rd<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C8C8C8\">std<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #4EC9B0\">mt19937<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">gen<\/span><span style=\"color: #D4D4D4\">(rd());<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C8C8C8\">std<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #9CDCFE\">uniform_real_distribution<\/span><span style=\"color: #D4D4D4\">&lt;&gt; <\/span><span style=\"color: #DCDCAA\">rng<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">0.0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">1.0<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">double<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">twoPi<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">2.0<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">M_PI<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">bo<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">bo<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #9CDCFE\">m_Bounce<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">bo<\/span><span style=\"color: #D4D4D4\">++)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #9CDCFE\">mesh<\/span><span style=\"color: #D4D4D4\">-&gt;<\/span><span style=\"color: #DCDCAA\">getVertexCount<\/span><span style=\"color: #D4D4D4\">(); <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">++)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">Point3f<\/span><span style=\"color: #D4D4D4\"> &amp;<\/span><span style=\"color: #9CDCFE\">v<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">mesh<\/span><span style=\"color: #D4D4D4\">-&gt;<\/span><span style=\"color: #DCDCAA\">getVertexPositions<\/span><span style=\"color: #D4D4D4\">().<\/span><span style=\"color: #DCDCAA\">col<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">Normal3f<\/span><span style=\"color: #D4D4D4\"> &amp;<\/span><span style=\"color: #9CDCFE\">n<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">mesh<\/span><span style=\"color: #D4D4D4\">-&gt;<\/span><span style=\"color: #DCDCAA\">getVertexNormals<\/span><span style=\"color: #D4D4D4\">().<\/span><span style=\"color: #DCDCAA\">col<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C8C8C8\">std<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #4EC9B0\">vector<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #569CD6\">float<\/span><span style=\"color: #D4D4D4\">&gt; <\/span><span style=\"color: #DCDCAA\">coeff<\/span><span style=\"color: #D4D4D4\">(SHCoeffLength, 0.0f);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">t<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">t<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #9CDCFE\">sample_side<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">t<\/span><span style=\"color: #D4D4D4\">++) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">p<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">p<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #9CDCFE\">sample_side<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">p<\/span><span style=\"color: #D4D4D4\">++) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                <\/span><span style=\"color: #569CD6\">double<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">alpha<\/span><span style=\"color: #D4D4D4\"> = (<\/span><span style=\"color: #9CDCFE\">t<\/span><span style=\"color: #D4D4D4\"> + <\/span><span style=\"color: #DCDCAA\">rng<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">gen<\/span><span style=\"color: #D4D4D4\">)) \/ <\/span><span style=\"color: #9CDCFE\">sample_side<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                <\/span><span style=\"color: #569CD6\">double<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">beta<\/span><span style=\"color: #D4D4D4\"> = (<\/span><span style=\"color: #9CDCFE\">p<\/span><span style=\"color: #D4D4D4\"> + <\/span><span style=\"color: #DCDCAA\">rng<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">gen<\/span><span style=\"color: #D4D4D4\">)) \/ <\/span><span style=\"color: #9CDCFE\">sample_side<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                <\/span><span style=\"color: #569CD6\">double<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">phi<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">twoPi<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">beta<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                <\/span><span style=\"color: #569CD6\">double<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">theta<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">acos<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">2.0<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #9CDCFE\">alpha<\/span><span style=\"color: #D4D4D4\"> - <\/span><span style=\"color: #B5CEA8\">1.0<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                <\/span><span style=\"color: #C8C8C8\">Eigen<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #4EC9B0\">Array3d<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">d<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">sh<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #DCDCAA\">ToVector<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">phi<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">theta<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                <\/span><span style=\"color: #9CDCFE\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">Vector3f<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">wi<\/span><span style=\"color: #D4D4D4\">(d[0], d[1], d[2]);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                <\/span><span style=\"color: #569CD6\">double<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">H<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">wi<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">dot<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">H<\/span><span style=\"color: #D4D4D4\"> &gt; <\/span><span style=\"color: #B5CEA8\">0.0<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                    <\/span><span style=\"color: #569CD6\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">auto<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">ray<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">Ray3f<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">v<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">wi<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                    <\/span><span style=\"color: #4EC9B0\">Intersection<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">intersect<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                    <\/span><span style=\"color: #569CD6\">bool<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">is_inter<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">scene<\/span><span style=\"color: #D4D4D4\">-&gt;<\/span><span style=\"color: #DCDCAA\">rayIntersect<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">ray<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">intersect<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                    <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">is_inter<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                        <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #9CDCFE\">SHCoeffLength<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">++) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                            <\/span><span style=\"color: #9CDCFE\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">Vector3f<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">coef3<\/span><span style=\"color: #D4D4D4\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                                m_TransportSHCoeffs.col((int)intersect.tri_index[0]).coeffRef(j),<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                                m_TransportSHCoeffs.col((int)intersect.tri_index[1]).coeffRef(j),<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                                m_TransportSHCoeffs.col((int)intersect.tri_index[2]).coeffRef(j)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                            );<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                            <\/span><span style=\"color: #9CDCFE\">coeff<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">] += <\/span><span style=\"color: #9CDCFE\">intersect<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">bary<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">dot<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">coef3<\/span><span style=\"color: #D4D4D4\">) \/ <\/span><span style=\"color: #9CDCFE\">m_SampleCount<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #9CDCFE\">SHCoeffLength<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">++)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #9CDCFE\">m_IndirectCoeffs<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">col<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">).<\/span><span style=\"color: #DCDCAA\">coeffRef<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">) = <\/span><span style=\"color: #9CDCFE\">coeff<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">] - <\/span><span style=\"color: #9CDCFE\">m_IndirectCoeffs<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">col<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">).<\/span><span style=\"color: #DCDCAA\">coeffRef<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">m_TransportSHCoeffs<\/span><span style=\"color: #D4D4D4\"> += <\/span><span style=\"color: #9CDCFE\">m_IndirectCoeffs<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u5206\u6790<\/h3>\n\n\n\n<p>\u5728\u8ba1\u7b97\u6709\u906e\u6321\u7684\u9634\u5f71\u7684\u57fa\u7840\u4e0a\uff08<strong>\u76f4\u63a5\u5149\u7167<\/strong>\uff09\uff0c\u52a0\u4e0a\u4e8c\u6b21\u53cd\u5c04\u5149\uff08<strong>\u95f4\u63a5\u7167\u660e<\/strong>\uff09\u7684\u8d21\u732e\u3002\u800c\u4e8c\u6b21\u53cd\u5c04\u7684\u5149\u7ebf\u4e5f\u53ef\u4ee5\u518d\u8fdb\u884c\u76f8\u540c\u7684\u6b65\u9aa4\u3002\u5bf9\u4e8e\u95f4\u63a5\u5149\u7167\u7684\u8ba1\u7b97\uff0c\u4f7f\u7528\u7403\u8c10\u51fd\u6570\u5bf9\u8fd9\u4e9b\u53cd\u5c04\u5149\u7ebf\u7684\u7167\u660e\u8fdb\u884c\u8fd1\u4f3c\u3002\u5982\u679c\u8003\u8651\u591a\u6b21\u5f39\u5c04\uff0c\u5219\u4f7f\u7528 \u8fdb\u884c\u9012\u5f52\u8ba1\u7b97\uff0c\u7ec8\u6b62\u6761\u4ef6\u53ef\u4ee5\u662f\u9012\u5f52\u6df1\u5ea6\u6216\u5149\u7ebf\u5f3a\u5ea6\u4f4e\u4e8e\u67d0\u4e2a\u9608\u503c\u3002\u4e0b\u9762\u5c31\u662f\u6587\u5b57\u7684\u516c\u5f0f\u63cf\u8ff0\u3002<\/p>\n\n\n\n<p>\u7b80\u7565\u4ee3\u7801\u4e0e\u6ce8\u91ca\u5982\u4e0b\uff1a<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ TODO: leave for bonus\n\/\/ \u9996\u5148\u521d\u59cb\u5316\u7403\u8c10\u7cfb\u6570\nEigen::MatrixXf m_IndirectCoeffs = Eigen::MatrixXf::Zero(SHCoeffLength, mesh-&gt;getVertexCount());\n\/\/ \u91c7\u6837\u4fa7\u8fb9\u7684\u5927\u5c0f = \u6837\u672c\u6570\u91cf\u7684\u5e73\u65b9\u6839 \/\/ \u8fd9\u6837\u6211\u4eec\u5728\u540e\u9762\u53ef\u4ee5\u8fdb\u884c\u4e8c\u7ef4\u7684\u91c7\u6837\nint sample_side = static_cast<int&gt;(floor(sqrt(m_SampleCount)));\n\n\/\/ \u751f\u6210\u968f\u673a\u6570\uff0c\u8303\u56f4\u662f [0,1]\n...\nstd::uniform_real_distribution<&gt; rng(0.0, 1.0);\n\n\/\/ \u5b9a\u4e49\u5e38\u91cf 2 \\pi\n...\n\n\/\/ \u5faa\u73af\u8ba1\u7b97\u591a\u6b21\u53cd\u5c04 \uff08m_Bounce \u6b21\uff09\nfor (int bo = 0; bo < m_Bounce; bo++) {\n  \/\/ \u5bf9\u6bcf\u4e2a\u9876\u70b9\u505a\u5904\u7406\n  \/\/ \u5bf9\u4e8e\u6bcf\u4e2a\u9876\u70b9\uff0c\u4f1a\u505a\u5982\u4e0b\u64cd\u4f5c\n  \/\/ - \u83b7\u53d6\u8be5\u9876\u70b9\u7684\u4f4d\u7f6e\u548c\u6cd5\u7ebf v n\n  \/\/ - rng()\u83b7\u5f97\u968f\u673a\u7684\u4e8c\u7ef4\u65b9\u5411 alpha beta\n  \/\/ - \u5982\u679cwi\u5728\u9876\u70b9\u6cd5\u7ebf\u7684\u540c\u4e00\u4fa7\uff0c\u5219\u7ee7\u7eed\u8fdb\u884c\uff1a\n  \/\/ - \u751f\u6210\u4e00\u6761\u4ece\u9876\u70b9\u51fa\u53d1\u7684\u5c04\u7ebf\uff0c\u5e76\u68c0\u67e5\u8fd9\u6761\u5c04\u7ebf\u662f\u5426\u4e0e\u573a\u666f\u4e2d\u7684\u5176\u4ed6\u7269\u4f53\u76f8\u4ea4\n  \/\/ - \u5982\u679c\u6709\u76f8\u4ea4\u7684\u7269\u4f53\uff0c\u4ee3\u7801\u4f1a\u4f7f\u7528\u76f8\u4ea4\u5904\u7684\u4fe1\u606f\u548c\u73b0\u6709\u7684\u7403\u8c10\u7cfb\u6570\u6765\u66f4\u65b0\u8be5\u9876\u70b9\u7684\u5149\u7ebf\u95f4\u63a5\u53cd\u5c04\u4fe1\u606f\u3002\n  for (int i = 0; i < mesh-&gt;getVertexCount(); i++) {\n    const Point3f &amp;v = mesh-&gt;getVertexPositions().col(i);\n    const Normal3f &amp;n = mesh-&gt;getVertexNormals().col(i);\n    ...\n    for (int t = 0; t < sample_side; t++) {\n      for (int p = 0; p < sample_side; p++) {\n        ...\n        double H = wi.dot(n);\n        if (H &gt; 0.0) {\n          \/\/ \u8fd9\u91cc\u5c31\u662f\u516c\u5f0f\u4e2d\u7684 $$(1-V(w_i))$$ \u5982\u679c\u4e0d\u6ee1\u8db3\uff0c\u8fd9\u4e00\u8f6e\u5faa\u73af\u5c31\u4e0d\u7d2f\u52a0\n          bool is_inter = scene-&gt;rayIntersect(ray, intersect);\n          if (is_inter) {\n            for (int j = 0; j < SHCoeffLength; j++) {\n              ...\n              coeff[j] += intersect.bary.dot(coef3) \/ m_SampleCount;\n            }\n          }\n        }\n      }\n    }\n    \/\/ \u5bf9\u4e8e\u6bcf\u4e2a\u9876\u70b9\uff0c\u4f1a\u6839\u636e\u8ba1\u7b97\u7684\u53cd\u5c04\u4fe1\u606f\u66f4\u65b0\u5176\u7403\u8c10\u7cfb\u6570\u3002\n    for (int j = 0; j < SHCoeffLength; j++) {\n      m_IndirectCoeffs.col(i).coeffRef(j) = coeff[j] - m_IndirectCoeffs.col(i).coeffRef(j);\n    }\n  }\n  m_TransportSHCoeffs += m_IndirectCoeffs;\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ TODO: leave for bonus<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ \u9996\u5148\u521d\u59cb\u5316\u7403\u8c10\u7cfb\u6570<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C8C8C8\">Eigen<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #4EC9B0\">MatrixXf<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">m_IndirectCoeffs<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">Eigen<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #9CDCFE\">MatrixXf<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #DCDCAA\">Zero<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">SHCoeffLength<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">mesh<\/span><span style=\"color: #D4D4D4\">-&gt;<\/span><span style=\"color: #DCDCAA\">getVertexCount<\/span><span style=\"color: #D4D4D4\">());<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ \u91c7\u6837\u4fa7\u8fb9\u7684\u5927\u5c0f = \u6837\u672c\u6570\u91cf\u7684\u5e73\u65b9\u6839 \/\/ \u8fd9\u6837\u6211\u4eec\u5728\u540e\u9762\u53ef\u4ee5\u8fdb\u884c\u4e8c\u7ef4\u7684\u91c7\u6837<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">sample_side<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">static_cast<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\">&gt;(<\/span><span style=\"color: #DCDCAA\">floor<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #DCDCAA\">sqrt<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">m_SampleCount<\/span><span style=\"color: #D4D4D4\">)));<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ \u751f\u6210\u968f\u673a\u6570\uff0c\u8303\u56f4\u662f [0,1]<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C8C8C8\">std<\/span><span style=\"color: #D4D4D4\">::<\/span><span style=\"color: #9CDCFE\">uniform_real_distribution<\/span><span style=\"color: #D4D4D4\">&lt;&gt; <\/span><span style=\"color: #DCDCAA\">rng<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">0.0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">1.0<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ \u5b9a\u4e49\u5e38\u91cf 2 \\pi<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">...<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ \u5faa\u73af\u8ba1\u7b97\u591a\u6b21\u53cd\u5c04 \uff08m_Bounce \u6b21\uff09<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">bo<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">bo<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #9CDCFE\">m_Bounce<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">bo<\/span><span style=\"color: #D4D4D4\">++) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">  \/\/ \u5bf9\u6bcf\u4e2a\u9876\u70b9\u505a\u5904\u7406<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">  \/\/ \u5bf9\u4e8e\u6bcf\u4e2a\u9876\u70b9\uff0c\u4f1a\u505a\u5982\u4e0b\u64cd\u4f5c<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">  \/\/ - \u83b7\u53d6\u8be5\u9876\u70b9\u7684\u4f4d\u7f6e\u548c\u6cd5\u7ebf v n<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">  \/\/ - rng()\u83b7\u5f97\u968f\u673a\u7684\u4e8c\u7ef4\u65b9\u5411 alpha beta<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">  \/\/ - \u5982\u679cwi\u5728\u9876\u70b9\u6cd5\u7ebf\u7684\u540c\u4e00\u4fa7\uff0c\u5219\u7ee7\u7eed\u8fdb\u884c\uff1a<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">  \/\/ - \u751f\u6210\u4e00\u6761\u4ece\u9876\u70b9\u51fa\u53d1\u7684\u5c04\u7ebf\uff0c\u5e76\u68c0\u67e5\u8fd9\u6761\u5c04\u7ebf\u662f\u5426\u4e0e\u573a\u666f\u4e2d\u7684\u5176\u4ed6\u7269\u4f53\u76f8\u4ea4<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">  \/\/ - \u5982\u679c\u6709\u76f8\u4ea4\u7684\u7269\u4f53\uff0c\u4ee3\u7801\u4f1a\u4f7f\u7528\u76f8\u4ea4\u5904\u7684\u4fe1\u606f\u548c\u73b0\u6709\u7684\u7403\u8c10\u7cfb\u6570\u6765\u66f4\u65b0\u8be5\u9876\u70b9\u7684\u5149\u7ebf\u95f4\u63a5\u53cd\u5c04\u4fe1\u606f\u3002<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #9CDCFE\">mesh<\/span><span style=\"color: #D4D4D4\">-&gt;<\/span><span style=\"color: #DCDCAA\">getVertexCount<\/span><span style=\"color: #D4D4D4\">(); <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">++) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">Point3f<\/span><span style=\"color: #D4D4D4\"> &amp;<\/span><span style=\"color: #9CDCFE\">v<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">mesh<\/span><span style=\"color: #D4D4D4\">-&gt;<\/span><span style=\"color: #DCDCAA\">getVertexPositions<\/span><span style=\"color: #D4D4D4\">().<\/span><span style=\"color: #DCDCAA\">col<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">Normal3f<\/span><span style=\"color: #D4D4D4\"> &amp;<\/span><span style=\"color: #9CDCFE\">n<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">mesh<\/span><span style=\"color: #D4D4D4\">-&gt;<\/span><span style=\"color: #DCDCAA\">getVertexNormals<\/span><span style=\"color: #D4D4D4\">().<\/span><span style=\"color: #DCDCAA\">col<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    ...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">t<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">t<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #9CDCFE\">sample_side<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">t<\/span><span style=\"color: #D4D4D4\">++) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">p<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">p<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #9CDCFE\">sample_side<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">p<\/span><span style=\"color: #D4D4D4\">++) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        ...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">double<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">H<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">wi<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">dot<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">H<\/span><span style=\"color: #D4D4D4\"> &gt; <\/span><span style=\"color: #B5CEA8\">0.0<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">          \/\/ \u8fd9\u91cc\u5c31\u662f\u516c\u5f0f\u4e2d\u7684 $$(1-V(w_i))$$ \u5982\u679c\u4e0d\u6ee1\u8db3\uff0c\u8fd9\u4e00\u8f6e\u5faa\u73af\u5c31\u4e0d\u7d2f\u52a0<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">          <\/span><span style=\"color: #569CD6\">bool<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">is_inter<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">scene<\/span><span style=\"color: #D4D4D4\">-&gt;<\/span><span style=\"color: #DCDCAA\">rayIntersect<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">ray<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">intersect<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">          <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">is_inter<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #9CDCFE\">SHCoeffLength<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">++) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">              ...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">              <\/span><span style=\"color: #9CDCFE\">coeff<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">] += <\/span><span style=\"color: #9CDCFE\">intersect<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">bary<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">dot<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">coef3<\/span><span style=\"color: #D4D4D4\">) \/ <\/span><span style=\"color: #9CDCFE\">m_SampleCount<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">          }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ \u5bf9\u4e8e\u6bcf\u4e2a\u9876\u70b9\uff0c\u4f1a\u6839\u636e\u8ba1\u7b97\u7684\u53cd\u5c04\u4fe1\u606f\u66f4\u65b0\u5176\u7403\u8c10\u7cfb\u6570\u3002<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">int<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #9CDCFE\">SHCoeffLength<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">++) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">m_IndirectCoeffs<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">col<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">).<\/span><span style=\"color: #DCDCAA\">coeffRef<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">) = <\/span><span style=\"color: #9CDCFE\">coeff<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">] - <\/span><span style=\"color: #9CDCFE\">m_IndirectCoeffs<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">col<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">).<\/span><span style=\"color: #DCDCAA\">coeffRef<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #9CDCFE\">m_TransportSHCoeffs<\/span><span style=\"color: #D4D4D4\"> += <\/span><span style=\"color: #9CDCFE\">m_IndirectCoeffs<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>\u5728\u4e4b\u524d\u7684\u6b65\u9aa4\u4e2d\uff0c\u6211\u4eec\u53ea\u662f\u8ba1\u7b97\u4e86\u6bcf\u4e00\u4e2a\u9876\u70b9\u7684\u7403\u8c10\u51fd\u6570\uff0c\u5e76\u4e0d\u6d89\u53ca\u5230\u4e09\u89d2\u5f62\u4e2d\u5fc3\u7684\u63d2\u503c\u8ba1\u7b97\u3002\u4f46\u662f\u5728\u5149\u7ebf\u591a\u6b21\u5f39\u5c04\u7684\u5b9e\u73b0\u4e2d\uff0c\u4ece\u9876\u70b9\u5411\u6b63\u534a\u7403\u53d1\u5c04\u7684\u5149\u7ebf\u4f1a\u4e0e\u9876\u70b9\u4e4b\u5916\u7684\u4f4d\u7f6e\u76f8\u4ea4\uff0c\u56e0\u6b64\u6211\u4eec\u9700\u8981\u901a\u8fc7\u91cd\u5fc3\u5750\u6807\u63d2\u503c\u8ba1\u7b97\u83b7\u53d6\u53d1\u5c04\u5149\u7ebf\u4e0e\u4e09\u89d2\u5f62\u5185\u90e8\u7684\u4ea4\u70b9\u7684\u4fe1\u606f\uff0c\u8fd9\u5c31\u662f intersect.bary \u7684\u4f5c\u7528\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u7ed3\u679c<\/h3>\n\n\n\n<p>\u89c2\u5bdf\u4e00\u4e0b\uff0c\u6574\u4f53\u4e0a\u6ca1\u6709\u592a\u5927\u5dee\u5f02\uff0c\u53ea\u662f\u9634\u5f71\u7684\u5730\u65b9\u66f4\u52a0\u4eae\u4e86\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-223.png\" alt=\"img\" class=\"wp-image-1350 lazyload\"\/><noscript><img decoding=\"async\" width=\"874\" height=\"600\" src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-223.png\" alt=\"img\" class=\"wp-image-1350 lazyload\" srcset=\"https:\/\/remoooo.com\/wp-content\/uploads\/image-223.png 874w, https:\/\/remoooo.com\/wp-content\/uploads\/image-223-300x206.png 300w, https:\/\/remoooo.com\/wp-content\/uploads\/image-223-768x527.png 768w\" sizes=\"(max-width: 874px) 100vw, 874px\" \/><\/noscript><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u73af\u5883\u5149\u7167\u7403\u8c10\u51fd\u6570\u65cb\u8f6c\uff08bonus 2\uff09<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u63d0\u9ad82\u3002 \u4f4e\u9636\u7684\u7403\u978b\u5149\u7167\u7684\u65cb\u8f6c\u53ef\u4ee5\u4f7f\u7528\u300c\u4f4e\u9636SH\u5feb\u901f\u65cb\u8f6c\u65b9\u6cd5\u300d\u3002<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">\u4ee3\u7801<\/h3>\n\n\n\n<p>\u9996\u5148\u8ba9Skybox\u8f6c\u8d77\u6765\u3002 [0, 1, 0] \u610f\u5473\u7740\u7ed5y\u8f74\u65cb\u8f6c\u3002\u7136\u540e\u901a\u8fc7 getRotationPrecomputeL \u51fd\u6570\u8ba1\u7b97\u65cb\u8f6c\u540e\u7684\u7403\u8c10\u51fd\u6570\u3002\u6700\u540e\u5e94\u7528\u5230 Mat3Value \u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ WebGLRenderer.js\nlet cameraModelMatrix = mat4.create();\n\/\/ Edit Start\nmat4.fromRotation(cameraModelMatrix, timer, [0, 1, 0]);\n\/\/ Edit End\nif (k == 'uMoveWithCamera') { \/\/ The rotation of the skybox\n    gl.uniformMatrix4fv(\n        this.meshes[i].shader.program.uniforms[k],\n        false,\n        cameraModelMatrix);\n}\n\n\/\/ Bonus - Fast Spherical Harmonic Rotation\n\/\/ Edit Start\nlet precomputeL_RGBMat3 = getRotationPrecomputeL(precomputeL[guiParams.envmapId], cameraModelMatrix);\nMat3Value = getMat3ValueFromRGB(precomputeL_RGBMat3);\n\/\/ Edit End\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ WebGLRenderer.js<\/span><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">cameraModelMatrix<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">mat4<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">create<\/span><span style=\"color: #D4D4D4\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Edit Start<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">mat4<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">fromRotation<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">cameraModelMatrix<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">timer<\/span><span style=\"color: #D4D4D4\">, [<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">]);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Edit End<\/span><\/span>\n<span class=\"line\"><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\"> == <\/span><span style=\"color: #CE9178\">&#39;uMoveWithCamera&#39;<\/span><span style=\"color: #D4D4D4\">) { <\/span><span style=\"color: #6A9955\">\/\/ The rotation of the skybox<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">gl<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">uniformMatrix4fv<\/span><span style=\"color: #D4D4D4\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">meshes<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">].<\/span><span style=\"color: #9CDCFE\">shader<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">program<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">uniforms<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\">],<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">false<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">cameraModelMatrix<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Bonus - Fast Spherical Harmonic Rotation<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Edit Start<\/span><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">precomputeL_RGBMat3<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">getRotationPrecomputeL<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">precomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">guiParams<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">envmapId<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">cameraModelMatrix<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">Mat3Value<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">getMat3ValueFromRGB<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">precomputeL_RGBMat3<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Edit End<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<p>\u63a5\u4e0b\u6765\u8df3\u8f6c\u5230 tool.js \uff0c\u7f16\u5199 getRotationPrecomputeL \u51fd\u6570\u3002<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(3 * 0.6 * 1rem);line-height:1.5rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ tools.js\nfunction getRotationPrecomputeL(precompute_L, rotationMatrix){\n    let rotationMatrix_inverse = mat4.create()\n    mat4.invert(rotationMatrix_inverse, rotationMatrix)\n    let r = mat4Matrix2mathMatrix(rotationMatrix_inverse)\n\n    let shRotateMatrix3x3 = computeSquareMatrix_3by3(r);\n    let shRotateMatrix5x5 = computeSquareMatrix_5by5(r);\n\n    let result = [];\n    for(let i = 0; i < 9; i++){\n        result[i] = [];\n    }\n    for(let i = 0; i < 3; i++){\n        let L_SH_R_3 = math.multiply([precompute_L[1][i], precompute_L[2][i], precompute_L[3][i]], shRotateMatrix3x3);\n        let L_SH_R_5 = math.multiply([precompute_L[4][i], precompute_L[5][i], precompute_L[6][i], precompute_L[7][i], precompute_L[8][i]], shRotateMatrix5x5);\n\n        result[0][i] = precompute_L[0][i];\n        result[1][i] = L_SH_R_3._data[0];\n        result[2][i] = L_SH_R_3._data[1];\n        result[3][i] = L_SH_R_3._data[2];\n        result[4][i] = L_SH_R_5._data[0];\n        result[5][i] = L_SH_R_5._data[1];\n        result[6][i] = L_SH_R_5._data[2];\n        result[7][i] = L_SH_R_5._data[3];\n        result[8][i] = L_SH_R_5._data[4];\n    }\n\n    return result;\n}\n\nfunction computeSquareMatrix_3by3(rotationMatrix){ \/\/ \u8ba1\u7b97\u65b9\u9635SA(-1) 3*3 \n\n    \/\/ 1\u3001pick ni - {ni}\n    let n1 = [1, 0, 0, 0]; let n2 = [0, 0, 1, 0]; let n3 = [0, 1, 0, 0];\n\n    \/\/ 2\u3001{P(ni)} - A  A_inverse\n    let n1_sh = SHEval(n1[0], n1[1], n1[2], 3)\n    let n2_sh = SHEval(n2[0], n2[1], n2[2], 3)\n    let n3_sh = SHEval(n3[0], n3[1], n3[2], 3)\n\n    let A = math.matrix(\n    [\n        [n1_sh[1], n2_sh[1], n3_sh[1]], \n        [n1_sh[2], n2_sh[2], n3_sh[2]], \n        [n1_sh[3], n2_sh[3], n3_sh[3]], \n    ]);\n\n    let A_inverse = math.inv(A);\n\n    \/\/ 3\u3001\u7528 R \u65cb\u8f6c ni - {R(ni)}\n    let n1_r = math.multiply(rotationMatrix, n1);\n    let n2_r = math.multiply(rotationMatrix, n2);\n    let n3_r = math.multiply(rotationMatrix, n3);\n\n    \/\/ 4\u3001R(ni) SH\u6295\u5f71 - S\n    let n1_r_sh = SHEval(n1_r[0], n1_r[1], n1_r[2], 3)\n    let n2_r_sh = SHEval(n2_r[0], n2_r[1], n2_r[2], 3)\n    let n3_r_sh = SHEval(n3_r[0], n3_r[1], n3_r[2], 3)\n\n    let S = math.matrix(\n    [\n        [n1_r_sh[1], n2_r_sh[1], n3_r_sh[1]], \n        [n1_r_sh[2], n2_r_sh[2], n3_r_sh[2]], \n        [n1_r_sh[3], n2_r_sh[3], n3_r_sh[3]], \n\n    ]);\n\n    \/\/ 5\u3001S*A_inverse\n    return math.multiply(S, A_inverse)   \n\n}\n\nfunction computeSquareMatrix_5by5(rotationMatrix){ \/\/ \u8ba1\u7b97\u65b9\u9635SA(-1) 5*5\n\n    \/\/ 1\u3001pick ni - {ni}\n    let k = 1 \/ math.sqrt(2);\n    let n1 = [1, 0, 0, 0]; let n2 = [0, 0, 1, 0]; let n3 = [k, k, 0, 0]; \n    let n4 = [k, 0, k, 0]; let n5 = [0, k, k, 0];\n\n    \/\/ 2\u3001{P(ni)} - A  A_inverse\n    let n1_sh = SHEval(n1[0], n1[1], n1[2], 3)\n    let n2_sh = SHEval(n2[0], n2[1], n2[2], 3)\n    let n3_sh = SHEval(n3[0], n3[1], n3[2], 3)\n    let n4_sh = SHEval(n4[0], n4[1], n4[2], 3)\n    let n5_sh = SHEval(n5[0], n5[1], n5[2], 3)\n\n    let A = math.matrix(\n    [\n        [n1_sh[4], n2_sh[4], n3_sh[4], n4_sh[4], n5_sh[4]], \n        [n1_sh[5], n2_sh[5], n3_sh[5], n4_sh[5], n5_sh[5]], \n        [n1_sh[6], n2_sh[6], n3_sh[6], n4_sh[6], n5_sh[6]], \n        [n1_sh[7], n2_sh[7], n3_sh[7], n4_sh[7], n5_sh[7]], \n        [n1_sh[8], n2_sh[8], n3_sh[8], n4_sh[8], n5_sh[8]], \n    ]);\n\n    let A_inverse = math.inv(A);\n\n    \/\/ 3\u3001\u7528 R \u65cb\u8f6c ni - {R(ni)}\n    let n1_r = math.multiply(rotationMatrix, n1);\n    let n2_r = math.multiply(rotationMatrix, n2);\n    let n3_r = math.multiply(rotationMatrix, n3);\n    let n4_r = math.multiply(rotationMatrix, n4);\n    let n5_r = math.multiply(rotationMatrix, n5);\n\n    \/\/ 4\u3001R(ni) SH\u6295\u5f71 - S\n    let n1_r_sh = SHEval(n1_r[0], n1_r[1], n1_r[2], 3)\n    let n2_r_sh = SHEval(n2_r[0], n2_r[1], n2_r[2], 3)\n    let n3_r_sh = SHEval(n3_r[0], n3_r[1], n3_r[2], 3)\n    let n4_r_sh = SHEval(n4_r[0], n4_r[1], n4_r[2], 3)\n    let n5_r_sh = SHEval(n5_r[0], n5_r[1], n5_r[2], 3)\n\n    let S = math.matrix(\n    [    \n        [n1_r_sh[4], n2_r_sh[4], n3_r_sh[4], n4_r_sh[4], n5_r_sh[4]], \n        [n1_r_sh[5], n2_r_sh[5], n3_r_sh[5], n4_r_sh[5], n5_r_sh[5]], \n        [n1_r_sh[6], n2_r_sh[6], n3_r_sh[6], n4_r_sh[6], n5_r_sh[6]], \n        [n1_r_sh[7], n2_r_sh[7], n3_r_sh[7], n4_r_sh[7], n5_r_sh[7]], \n        [n1_r_sh[8], n2_r_sh[8], n3_r_sh[8], n4_r_sh[8], n5_r_sh[8]], \n    ]);\n\n    \/\/ 5\u3001S*A_inverse\n    return math.multiply(S, A_inverse)  \n}\n\nfunction mat4Matrix2mathMatrix(rotationMatrix){\n\n    let mathMatrix = [];\n    for(let i = 0; i < 4; i++){\n        let r = [];\n        for(let j = 0; j < 4; j++){\n            r.push(rotationMatrix[i*4+j]);\n        }\n        mathMatrix.push(r);\n    }\n    \/\/ Edit Start\n    \/\/return math.matrix(mathMatrix)\n    return math.transpose(mathMatrix)\n    \/\/ Edit End\n}\nfunction getMat3ValueFromRGB(precomputeL){\n\n    let colorMat3 = [];\n    for(var i = 0; i<3; i++){\n        colorMat3[i] = mat3.fromValues( precomputeL[0][i], precomputeL[1][i], precomputeL[2][i],\n                                        precomputeL[3][i], precomputeL[4][i], precomputeL[5][i],\n                                        precomputeL[6][i], precomputeL[7][i], precomputeL[8][i] ); \n    }\n    return colorMat3;\n}\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #6A9955\">\/\/ tools.js<\/span><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">function<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">getRotationPrecomputeL<\/span><span style=\"color: #D4D4D4\">(precompute_L, rotationMatrix){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">rotationMatrix_inverse<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">mat4<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">create<\/span><span style=\"color: #D4D4D4\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">mat4<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">invert<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">rotationMatrix_inverse<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">rotationMatrix<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">r<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">mat4Matrix2mathMatrix<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">rotationMatrix_inverse<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">shRotateMatrix3x3<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">computeSquareMatrix_3by3<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">r<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">shRotateMatrix5x5<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">computeSquareMatrix_5by5<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">r<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\"> = [];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #B5CEA8\">9<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">++){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = [];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">++){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">L_SH_R_3<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">multiply<\/span><span style=\"color: #D4D4D4\">([<\/span><span style=\"color: #9CDCFE\">precompute_L<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">precompute_L<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">precompute_L<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">]], <\/span><span style=\"color: #9CDCFE\">shRotateMatrix3x3<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">L_SH_R_5<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">multiply<\/span><span style=\"color: #D4D4D4\">([<\/span><span style=\"color: #9CDCFE\">precompute_L<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">precompute_L<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">precompute_L<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">precompute_L<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">precompute_L<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">8<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">]], <\/span><span style=\"color: #9CDCFE\">shRotateMatrix5x5<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = <\/span><span style=\"color: #9CDCFE\">precompute_L<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = <\/span><span style=\"color: #9CDCFE\">L_SH_R_3<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">_data<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = <\/span><span style=\"color: #9CDCFE\">L_SH_R_3<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">_data<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = <\/span><span style=\"color: #9CDCFE\">L_SH_R_3<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">_data<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = <\/span><span style=\"color: #9CDCFE\">L_SH_R_5<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">_data<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = <\/span><span style=\"color: #9CDCFE\">L_SH_R_5<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">_data<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = <\/span><span style=\"color: #9CDCFE\">L_SH_R_5<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">_data<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = <\/span><span style=\"color: #9CDCFE\">L_SH_R_5<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">_data<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">8<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = <\/span><span style=\"color: #9CDCFE\">L_SH_R_5<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">_data<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">function<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">computeSquareMatrix_3by3<\/span><span style=\"color: #D4D4D4\">(rotationMatrix){ <\/span><span style=\"color: #6A9955\">\/\/ \u8ba1\u7b97\u65b9\u9635SA(-1) 3*3 <\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ 1\u3001pick ni - {ni}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n1<\/span><span style=\"color: #D4D4D4\"> = [<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">]; <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n2<\/span><span style=\"color: #D4D4D4\"> = [<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">]; <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n3<\/span><span style=\"color: #D4D4D4\"> = [<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ 2\u3001{P(ni)} - A  A_inverse<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n1_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n1<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n1<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n1<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n2_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n2<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n3_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n3<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">A<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">matrix<\/span><span style=\"color: #D4D4D4\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    [<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    ]);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">A_inverse<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">inv<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">A<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ 3\u3001\u7528 R \u65cb\u8f6c ni - {R(ni)}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n1_r<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">multiply<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">rotationMatrix<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">n1<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n2_r<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">multiply<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">rotationMatrix<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">n2<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n3_r<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">multiply<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">rotationMatrix<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">n3<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ 4\u3001R(ni) SH\u6295\u5f71 - S<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n1_r_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n1_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n1_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n1_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n2_r_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n2_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n3_r_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n3_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">S<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">matrix<\/span><span style=\"color: #D4D4D4\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    [<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    ]);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ 5\u3001S*A_inverse<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">multiply<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">S<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">A_inverse<\/span><span style=\"color: #D4D4D4\">)   <\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">function<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">computeSquareMatrix_5by5<\/span><span style=\"color: #D4D4D4\">(rotationMatrix){ <\/span><span style=\"color: #6A9955\">\/\/ \u8ba1\u7b97\u65b9\u9635SA(-1) 5*5<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ 1\u3001pick ni - {ni}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\"> \/ <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">sqrt<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n1<\/span><span style=\"color: #D4D4D4\"> = [<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">]; <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n2<\/span><span style=\"color: #D4D4D4\"> = [<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">]; <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n3<\/span><span style=\"color: #D4D4D4\"> = [<\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">]; <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n4<\/span><span style=\"color: #D4D4D4\"> = [<\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">]; <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n5<\/span><span style=\"color: #D4D4D4\"> = [<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">k<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">];<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ 2\u3001{P(ni)} - A  A_inverse<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n1_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n1<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n1<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n1<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n2_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n2<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n3_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n3<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n4_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n4<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n5_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n5<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">A<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">matrix<\/span><span style=\"color: #D4D4D4\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    [<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">8<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">8<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">8<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">8<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">8<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    ]);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">A_inverse<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">inv<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">A<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ 3\u3001\u7528 R \u65cb\u8f6c ni - {R(ni)}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n1_r<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">multiply<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">rotationMatrix<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">n1<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n2_r<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">multiply<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">rotationMatrix<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">n2<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n3_r<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">multiply<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">rotationMatrix<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">n3<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n4_r<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">multiply<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">rotationMatrix<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">n4<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n5_r<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">multiply<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">rotationMatrix<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">n5<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ 4\u3001R(ni) SH\u6295\u5f71 - S<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n1_r_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n1_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n1_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n1_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n2_r_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n2_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n3_r_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n3_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n4_r_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n4_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">n5_r_sh<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">SHEval<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">n5_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5_r<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">S<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">matrix<\/span><span style=\"color: #D4D4D4\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    [    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        [<\/span><span style=\"color: #9CDCFE\">n1_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">8<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n2_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">8<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n3_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">8<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n4_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">8<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">n5_r_sh<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">8<\/span><span style=\"color: #D4D4D4\">]], <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    ]);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ 5\u3001S*A_inverse<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">multiply<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">S<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">A_inverse<\/span><span style=\"color: #D4D4D4\">)  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">function<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">mat4Matrix2mathMatrix<\/span><span style=\"color: #D4D4D4\">(rotationMatrix){<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">mathMatrix<\/span><span style=\"color: #D4D4D4\"> = [];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">++){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">r<\/span><span style=\"color: #D4D4D4\"> = [];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\"> &lt; <\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">++){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #9CDCFE\">r<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">push<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">rotationMatrix<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">*<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">+<\/span><span style=\"color: #9CDCFE\">j<\/span><span style=\"color: #D4D4D4\">]);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">mathMatrix<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">push<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">r<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ Edit Start<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/return math.matrix(mathMatrix)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">transpose<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">mathMatrix<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">    \/\/ Edit End<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #4EC9B0\">function<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">getMat3ValueFromRGB<\/span><span style=\"color: #D4D4D4\">(precomputeL){<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #4EC9B0\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">colorMat3<\/span><span style=\"color: #D4D4D4\"> = [];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #569CD6\">var<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">&lt;<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">++){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">colorMat3<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] = <\/span><span style=\"color: #9CDCFE\">mat3<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">fromValues<\/span><span style=\"color: #D4D4D4\">( <\/span><span style=\"color: #9CDCFE\">precomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">precomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">precomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">],<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                                        <\/span><span style=\"color: #9CDCFE\">precomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">precomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">precomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">],<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">                                        <\/span><span style=\"color: #9CDCFE\">precomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">precomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">], <\/span><span style=\"color: #9CDCFE\">precomputeL<\/span><span style=\"color: #D4D4D4\">[<\/span><span style=\"color: #B5CEA8\">8<\/span><span style=\"color: #D4D4D4\">][<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">] ); <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">colorMat3<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative\">C#<\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u7ed3\u679c<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-4.gif\" alt=\"img\" class=\"wp-image-1351 lazyload\"\/><noscript><img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-4.gif\" alt=\"img\" class=\"wp-image-1351 lazyload\"\/><\/noscript><\/figure>\n\n\n\n<p>\u52a8\u753bGIF\u53ef\u4ee5\u5728<a href=\"https:\/\/regz-1258735137.cos.ap-guangzhou.myqcloud.com\/PicGo_dir\/converted_to_gif-2.gif\">\u6b64\u5904 <\/a>\u83b7\u53d6\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u539f\u7406<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e24\u9879\u5173\u952e\u6027\u8d28<\/h3>\n\n\n\n<p>\u9996\u5148\u7b80\u5355\u8bf4\u8bf4\u539f\u7406\uff0c\u8fd9\u91cc\u5229\u7528\u4e86\u7403\u8c10\u51fd\u6570\u7684\u4e24\u4e2a\u6027\u8d28\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u65cb\u8f6c\u4e0d\u53d8\u6027<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u5728\u4e09\u7ef4\u7a7a\u95f4\u4e2d\u65cb\u8f6c\u4e00\u4e2a\u51fd\u6570\u7684\u5750\u6807\uff0c\u5e76\u5c06\u8fd9\u4e2a\u65cb\u8f6c\u540e\u7684\u5750\u6807\u4ee3\u5165\u7403\u8c10\u51fd\u6570\uff0c\u90a3\u4e48\u4f60\u4f1a\u5f97\u5230\u4e0e\u539f\u59cb\u51fd\u6570\u76f8\u540c\u7684\u7ed3\u679c\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u65cb\u8f6c\u7684\u7ebf\u6027\u6027<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u5bf9\u4e8e\u7403\u8c10\u51fd\u6570\u7684\u6bcf\u4e00\u201c\u5c42\u201d\u6216\u201c\u5e26\u201d\uff08band\uff09\uff08\u4e5f\u5c31\u662f\u7ed9\u5b9a\u7684\u9636\u6570 l \u7684\u6240\u6709\u7403\u8c10\u51fd\u6570\uff09\uff0c\u5176SH\u7cfb\u6570\u53ef\u4ee5\u88ab\u65cb\u8f6c\uff0c\u5e76\u4e14\u8fd9\u4e2a\u65cb\u8f6c\u662f\u7ebf\u6027\u7684\u3002\u4e5f\u5c31\u662f\u8bf4\uff0c\u53ef\u4ee5\u901a\u8fc7\u4e00\u4e2a\u77e9\u9635\u4e58\u6cd5\u6765\u65cb\u8f6c\u4e00\u4e2a\u7403\u8c10\u51fd\u6570\u5c55\u5f00\u7684\u7cfb\u6570\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wigner D\u77e9\u9635\u65cb\u8f6c\u65b9\u6cd5\u6982\u8ff0<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u7403\u8c10\u51fd\u6570\u7684\u65cb\u8f6c\u662f\u4e00\u4e2a\u6df1\u5165\u7684\u8bdd\u9898\uff0c\u8fd9\u91cc\u76f4\u63a5\u6982\u8ff0\uff0c\u4e0d\u6d89\u53ca\u590d\u6742\u7684\u6570\u5b66\u8bc1\u660e\u3002 \u4f5c\u4e1a\u6846\u67b6\u4e2d\u7ed9\u7684\u662f\u57fa\u4e8e\u6295\u5f71\u7684\u65b9\u6cd5\uff0c\u672c\u6587\u5148\u4ecb\u7ecd\u4e00\u4e2a\u66f4\u7cbe\u786e\u7684\u65b9\u6cd5\uff0cWigner D\u77e9\u9635\u3002 \u66f4\u52a0\u8be6\u7ec6\u7684\u5185\u5bb9\u8bf7\u53bb\u770b\uff1a<a href=\"https:\/\/zhuanlan.zhihu.com\/p\/140421707\">\u7403\u8c10\u5149\u7167\u7b14\u8bb0\uff08\u65cb\u8f6c\u7bc7\uff09 &#8211; \u7f51\u6613\u6e38\u620f\u96f7\u706b\u4e8b\u4e1a\u7fa4\u7684\u6587\u7ae0 &#8211; \u77e5\u4e4e<\/a> \uff0c\u53cd\u6b63\u6211\u662f\u6ca1\u770b\u61c2QAQ\u3002<\/p>\n<\/blockquote>\n\n\n\n<p>\u7531\u4e8e\u5f53\u524d\u4f7f\u7528\u7684\u662f\u524d\u4e09\u9636\u7684\u7403\u8c10\u51fd\u6570\uff0c\u5e76\u4e14 band0 \u53ea\u6709\u4e00\u4e2a\u6295\u5f71\u7cfb\u6570\uff0c\u6240\u4ee5\u6211\u4eec\u53ea\u9700\u8981\u5904\u7406band1, band2 \u4e24\u5c42\u4e0a\u5404\u81ea , \u7684\u65cb\u8f6c\u77e9\u9635 \u3002<\/p>\n\n\n\n<p>\u7403\u8c10\u51fd\u6570 \u7684\u65cb\u8f6c\u53ef\u4ee5\u8868\u793a\u4e3a\uff1a<\/p>\n\n\n\n<p>\u5176\u4e2d\uff0c \u662f\u65cb\u8f6c\u77e9\u9635\u5143\u7d20\uff0c\u5b83\u7ed9\u51fa\u4e86\u5982\u4f55\u5c06\u7403\u8c10\u7cfb\u6570\u4ece\u539f\u59cb\u65b9\u5411\u65cb\u8f6c\u5230\u65b0\u65b9\u5411\u3002<\/p>\n\n\n\n<p>\u5047\u8bbe\u6709\u4e00\u4e2a\u51fd\u6570 \uff0c\u5b83\u53ef\u4ee5<strong>\u5c55\u5f00\u4e3a\u7403\u8c10\u51fd\u6570\u7684\u7ebf\u6027\u7ec4\u5408<\/strong> :<\/p>\n\n\n\n<p>\u5982\u679c\u60f3\u8981\u65cb\u8f6c\u8fd9\u4e2a\u51fd\u6570\uff0c\u6211\u4eec\u4e0d\u76f4\u63a5\u65cb\u8f6c\u6bcf\u4e00\u4e2a\u7403\u8c10\u51fd\u6570\uff0c\u800c\u662f<strong>\u65cb\u8f6c\u5b83\u4eec\u7684\u7cfb\u6570<\/strong>\u3002\u65b0\u7684\u5c55\u5f00\u7cfb\u6570 \u53ef\u4ee5\u7531\u539f\u59cb\u7cfb\u6570 \u901a\u8fc7\u65cb\u8f6c\u77e9\u9635\u5f97\u5230 :<\/p>\n\n\n\n<p>\u63a5\u4e0b\u6765\u5c31\u5230\u5173\u952e\u7684\u4e00\u6b65\u4e86\uff0c\u5982\u4f55<strong>\u8ba1\u7b97\u65cb\u8f6c\u77e9\u9635<\/strong>\uff1f<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-225.png\" alt=\"img\" class=\"wp-image-1353 lazyload\"\/><noscript><img decoding=\"async\" width=\"1108\" height=\"492\" src=\"https:\/\/\u80a5\u80a5.com\/wp-content\/uploads\/image-225.png\" alt=\"img\" class=\"wp-image-1353 lazyload\" srcset=\"https:\/\/remoooo.com\/wp-content\/uploads\/image-225.png 1108w, https:\/\/remoooo.com\/wp-content\/uploads\/image-225-300x133.png 300w, https:\/\/remoooo.com\/wp-content\/uploads\/image-225-1024x455.png 1024w, https:\/\/remoooo.com\/wp-content\/uploads\/image-225-768x341.png 768w\" sizes=\"(max-width: 1108px) 100vw, 1108px\" \/><\/noscript><\/figure>\n\n\n\n<p>\u5728\u4f5c\u4e1a\u6846\u67b6\u4e2d\uff0c\u6211\u4eec\u4e86\u89e3\u5230\uff0cband 1\u9700\u8981\u6784\u5efa\u4e00\u4e2a \u7684\u77e9\u9635\uff0cband 2\u9700\u8981\u6784\u5efa \u7684\u77e9\u9635\u3002\u4e5f\u5c31\u662f\u8bf4\uff0c\u5bf9\u4e8e\u6bcf\u4e2a\u9636\u6570\u4e3a \u7684 band\uff0c\u5b83\u90fd\u6709 \u4e2a\u5408\u6cd5\u7684\u89e3\uff0c\u6bcf\u4e2a\u89e3\u5bf9\u5e94\u5f53\u524d band \u4e0a\u7684\u4e00\u4e2a\u57fa\u51fd\u6570\uff0c\u8fd9\u662f\u52d2\u8ba9\u5fb7\u65b9\u7a0b\u7684\u4e00\u4e2a\u7279\u6027\u3002<\/p>\n\n\n\n<p>\u73b0\u5728\uff0c\u6211\u4eec\u6765\u8003\u8651\u65cb\u8f6c\u7684\u5f71\u54cd\u3002<\/p>\n\n\n\n<p>\u5f53\u6211\u4eec\u65cb\u8f6c\u4e00\u4e2a\u73af\u5883\u5149\u7167 \uff0c\u6211\u4eec\u4e0d\u4f1a\u53bb\u65cb\u8f6c\u57fa\u51fd\u6570\uff0c\u800c\u662f\u201c\u65cb\u8f6c\u201d\u6240\u6709\u7684\u7cfb\u6570\u3002\u65cb\u8f6c\u4e00\u4e2a\u7279\u5b9a\u7684\u7cfb\u6570\u7684\u8fc7\u7a0b\u6d89\u53ca\u5230\u4f7f\u7528Wigner D\u77e9\u9635 \u3002\u9996\u5148\uff0c\u5f53\u6211\u4eec\u8c08\u8bba\u65cb\u8f6c\uff0c\u6211\u4eec\u901a\u5e38\u6307\u7684\u662f\u56f4\u7ed5\u67d0\u4e2a\u8f74\u7684\u65cb\u8f6c\uff0c\u5b9a\u4e49\u7531\u6b27\u62c9\u89d2\u6765\u6307\u5b9a\u3002\u6211\u4eec\u5c31\u4e3a\u6bcf\u4e00\u9636\u90fd\u8ba1\u7b97\u4e00\u4e2a\u8fb9\u957f\u662f \u7684\u65b9\u9635 \u3002<\/p>\n\n\n\n<p>\u4e00\u65e6\u5f97\u5230\u4e86\u6bcf\u4e00\u9636\u5bf9\u5e94\u7684\u65cb\u8f6c\u77e9\u9635\uff0c\u6211\u4eec\u5c31\u53ef\u4ee5\u8f7b\u677e\u8ba1\u7b97\u51fa\u201c\u65cb\u8f6c\u201d\u540e\u7684\u65b0\u7cfb\u6570\uff1a<\/p>\n\n\n\n<p>\u7136\u800c\uff0c\u8ba1\u7b97Wigner D\u77e9\u9635\u7684\u5143\u7d20\u53ef\u80fd\u4f1a\u6709\u4e9b\u590d\u6742\uff0c\u7279\u522b\u662f\u5bf9\u4e8e\u8f83\u9ad8\u7684\u9636\u6570\u3002\u56e0\u6b64\uff0c\u4f5c\u4e1a\u63d0\u793a\u4e2d\u7ed9\u51fa\u7684\u662f\u4e00\u79cd\u57fa\u4e8e\u6295\u5f71\u7684\u65b9\u6cd5\u3002\u63a5\u4e0b\u6765\u6211\u4eec\u770b\u770b\u4e0a\u9762\u4e24\u6bb5\u4ee3\u7801\u662f\u600e\u4e48\u5b9e\u73b0\u7684\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u6295\u5f71\u7684\u8fd1\u4f3c\u65b9\u6cd5<\/h3>\n\n\n\n<p>\u9996\u5148\uff0c\u9009\u62e9 \u4e2a normal vector \uff0c\u8fd9\u4e2a\u91cf\u7684\u9009\u53d6\u9700\u8981\u786e\u4fdd\u7ebf\u6027\u72ec\u7acb\u6027\uff0c\u4e5f\u5c31\u662f\u5c3d\u53ef\u80fd\u5747\u5300\u7684\u8986\u76d6\u7403\u9762\uff08Fibonacci\u7403\u9762\u91c7\u6837\u4e5f\u8bb8\u662f\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff09\uff0c\u5426\u5219\u5728\u540e\u9762\u4f1a\u51fa\u73b0\u8ba1\u7b97\u5947\u5f02\u7684\u77e9\u9635\u7684\u9519\u8bef\uff0c<strong>\u786e\u4fdd\u751f\u6210\u7684\u77e9\u9635\u662f\u6ee1\u79e9\u7684<\/strong>\u3002<\/p>\n\n\n\n<p>\u5bf9\u4e8e\u6bcf\u4e00\u4e2anormal vector \uff0c\u5728\u7403\u8c10\u51fd\u6570\u4e0a\u6295\u5f71\uff08SHEval\u51fd\u6570\uff09\uff0c\u8fd9\u5b9e\u9645\u4e0a\u662f\u5728\u8ba1\u7b97\u7403\u8c10\u51fd\u6570\u4e0e\u8be5\u65b9\u5411\u4e0a\u7684\u70b9\u4e58\u3002\u4ece\u8fd9\u4e2a\u6295\u5f71\u4e2d\uff0c\u53ef\u4ee5\u5f97\u5230\u4e00\u4e2a \u7ef4\u5411\u91cf \uff0c\u5b83\u7684\u6bcf\u4e00\u4e2a\u5206\u91cf\u90fd\u662f\u7403\u8c10\u51fd\u6570\u7684\u4e00\u4e2a\u7cfb\u6570\u3002<\/p>\n\n\n\n<p>\u4f7f\u7528\u4e0a\u9762\u5f97\u5230\u7684 \u5411\u91cf\uff0c\u6211\u4eec\u53ef\u4ee5\u6784\u5efa\u77e9\u9635 \u548c\u9006\u77e9\u9635 \u3002\u5982\u679c\u6211\u4eec\u8bb0 \u4e3a normal vector \u5728\u7403\u8c10\u51fd\u6570\u4e0a\u7684\u7b2c \u4e2a\u7cfb\u6570, \u90a3\u4e48\u77e9\u9635 \u53ef\u4ee5\u5199\u4e3a\uff1a<\/p>\n\n\n\n<p>\u5bf9\u4e8e\u6bcf\u4e00\u4e2anormal vector , \u5e94\u7528\u65cb\u8f6c , \u5f97\u5230 \uff0c\u5373\uff08\u524d\u4e58\uff09\uff1a<\/p>\n\n\n\n<p>\u7136\u540e\uff0c\u5bf9\u4e8e\u8fd9\u4e9b\u65cb\u8f6c\u540e\u7684normal vectors, \u518d\u6b21\u8fdb\u884c\u7403\u8c10\u51fd\u6570\u6295\u5f71, \u5f97\u5230 \u3002<\/p>\n\n\n\n<p>\u4f7f\u7528\u4ece\u65cb\u8f6c\u540e\u7684normal vectors\u5f97\u5230\u7684 \u5411\u91cf, \u6211\u4eec\u53ef\u4ee5\u6784\u5efa\u77e9\u9635S\u3002\u8ba1\u7b97\u65cb\u8f6c\u77e9\u9635 : \u65cb\u8f6c\u77e9\u9635 \u53ef\u4ee5\u544a\u8bc9\u6211\u4eec\u5982\u4f55\u901a\u8fc7\u7b80\u5355\u7684\u77e9\u9635\u4e58\u6cd5\u6765\u65cb\u8f6c\u7403\u8c10\u7cfb\u6570\u3002<\/p>\n\n\n\n<p>\u4f7f\u7528\u77e9\u9635 \u4e58\u4ee5\u539f\u59cb\u7684\u7403\u8c10\u7cfb\u6570\u5411\u91cf\uff0c\u6211\u4eec\u53ef\u4ee5\u5f97\u5230\u65cb\u8f6c\u540e\u7684\u7403\u8c10\u7cfb\u6570\u3002\u5bf9\u6bcf\u4e2a \u5c42\u91cd\u590d: \u4e3a\u4e86\u5f97\u5230\u5b8c\u6574\u7684\u65cb\u8f6c\u540e\u7684\u7403\u8c10\u7cfb\u6570\uff0c\u6211\u4eec\u9700\u8981\u5bf9\u6bcf\u4e2a \u5c42\u91cd\u590d\u4e0a\u8ff0\u8fc7\u7a0b\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Reference<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Games 202<\/li>\n\n\n\n<li>https:\/\/github.com\/DrFlower\/GAMES_101_202_Homework\/tree\/main\/Homework_202\/Assignment2<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>\u56e0\u4e3a\u6211\u4e5f\u662f\u83dc\u9e21\uff0c\u6240\u4ee5\u4e0d\u80fd\u786e\u4fdd\u6240\u6709\u90fd\u662f\u6b63\u786e\u7684\uff0c\u5e0c\u671b\u5927\u4f6c\u6307\u6b63\u3002 \u77e5\u4e4e\u7684\u516c\u5f0f\u6709\u70b9\u4e11\u964b\uff0c\u53ef\u4ee5\u53bb\uff1aGitHub \u9879\u76ee\u6e90\u4ee3 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1351,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[53],"tags":[56,72],"class_list":["post-1343","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech","tag-cg","tag-prt"],"_links":{"self":[{"href":"https:\/\/remoooo.com\/en\/wp-json\/wp\/v2\/posts\/1343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/remoooo.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/remoooo.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/remoooo.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/remoooo.com\/en\/wp-json\/wp\/v2\/comments?post=1343"}],"version-history":[{"count":3,"href":"https:\/\/remoooo.com\/en\/wp-json\/wp\/v2\/posts\/1343\/revisions"}],"predecessor-version":[{"id":1913,"href":"https:\/\/remoooo.com\/en\/wp-json\/wp\/v2\/posts\/1343\/revisions\/1913"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/remoooo.com\/en\/wp-json\/wp\/v2\/media\/1351"}],"wp:attachment":[{"href":"https:\/\/remoooo.com\/en\/wp-json\/wp\/v2\/media?parent=1343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/remoooo.com\/en\/wp-json\/wp\/v2\/categories?post=1343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/remoooo.com\/en\/wp-json\/wp\/v2\/tags?post=1343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}