{"id":6468,"date":"2025-08-01T14:32:20","date_gmt":"2025-08-01T06:32:20","guid":{"rendered":"https:\/\/www.hightopo.com\/blog\/?p=6468"},"modified":"2025-08-01T14:57:32","modified_gmt":"2025-08-01T06:57:32","slug":"3d-%e7%ae%a1%e9%81%93%e6%98%af%e5%a6%82%e4%bd%95%e6%b5%81%e5%8a%a8%e7%9a%84%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/www.hightopo.com\/blog\/6468.html","title":{"rendered":"3D\u00a0\u7ba1\u9053\u662f\u5982\u4f55\u6d41\u52a8\u7684\uff1f"},"content":{"rendered":"\n

\u5728 3D \u573a\u666f\u4e2d\uff0c\u7ba1\u9053\u662f\u4e00\u79cd\u6781\u4e3a\u5e38\u89c1\u4e14\u91cd\u8981\u7684\u5143\u7d20\u3002\u5b83\u4e0d\u4ec5\u80fd\u7528\u4e8e\u5448\u73b0\u5de5\u5382\u3001\u53d1\u7535\u7ad9\u3001\u5730\u4e0b\u8bbe\u65bd\u7b49\u5de5\u4e1a\u73af\u5883\u4e2d\u7684\u8f93\u9001\u7cfb\u7edf\uff0c\u8fd8\u53ef\u7528\u6765\u6a21\u62df\u6570\u636e\u7684\u6d41\u52a8\u6216\u5904\u7406\u8fc7\u7a0b\uff0c\u4ece\u800c\u5411\u7528\u6237\u76f4\u89c2\u5c55\u793a\u6570\u636e\u7684\u6d41\u5411\u3002<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u5728 HT \u4e2d\uff0cht.Polyline \u662f\u4e00\u4e2a\u5f3a\u5927\u7684\u5de5\u5177\uff0c\u53ef\u4ee5\u7528\u6765\u5728 3D \u573a\u666f\u4e2d\u8868\u793a\u7ba1\u9053\u3002\u5b83\u4e0d\u4ec5\u652f\u6301\u8d34\u56fe\uff0c\u8fd8\u80fd\u901a\u8fc7\u8c03\u6574\u8d34\u56fe\u7684 UV \u504f\u79fb\u7b49\u5c5e\u6027\uff0c\u751f\u52a8\u5730\u5c55\u793a\u6570\u636e\u6d41\u7684\u65b9\u5411\u3002ht.Polyline \u4e0d\u4ec5\u9650\u4e8e\u7b80\u5355\u7684\u7ba1\u9053\u8868\u73b0\uff0c\u8fd8\u53ef\u4ee5\u4f7f\u7528\u5b83\u5b9e\u73b0\u5982\u6d41\u52a8\u3001\u6f2b\u6e38\u7b49\u7684\u529f\u80fd\u3002<\/p>\n\n\n\n

\u5b9e\u73b0\u6b65\u9aa4<\/h1>\n\n\n\n

\u7ba1\u9053\u6d41\u52a8<\/h2>\n\n\n\n

\u52a8\u753b\u7684\u6838\u5fc3\u5728\u4e8e\u63a7\u5236\u8282\u70b9\u5c5e\u6027\u7684\u53d8\u5316\uff0c\u800c\u7ba1\u9053\u6d41\u52a8\u52a8\u753b\u5219\u662f\u901a\u8fc7\u5728\u52a8\u753b\u8fc7\u7a0b\u4e2d\u8c03\u8282\u8d34\u56fe\u7684 UV \u504f\u79fb\u5c5e\u6027\u6765\u5b9e\u73b0\u7684\u3002\u56e0\u6b64\uff0c\u8fd9\u79cd\u52a8\u753b\u5f62\u5f0f\u4e5f\u88ab\u79f0\u4e4b\u4e3a UV \u504f\u79fb\u52a8\u753b\u3002\u901a\u8fc7\u4e0d\u65ad\u66f4\u65b0 UV \u504f\u79fb\u5c5e\u6027\uff0c\u4f7f\u5f97\u8d34\u56fe\u5728\u8282\u70b9\u8868\u9762\u4ea7\u751f\u6d41\u52a8\u7684\u6548\u679c\u3002<\/p>\n\n\n\n

\u7ba1\u9053\u4e2d\u63a7\u5236\u8d34\u56fe\u504f\u79fb\u7684\u5c5e\u6027\u662f shape3d.uv.offset\uff0c\u5728\u4ee3\u7801\u4e2d\u4e0d\u65ad\u9012\u589e\/\u9012\u51cf\u8fd9\u4e2a\u5c5e\u6027\u503c\u5c31\u53ef\u5b9e\u73b0\u6d41\u52a8\u6548\u679c\u3002<\/p>\n\n\n\n

\u5177\u4f53\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n\n\n\n

var config = {\n    duration: 1000,\n    easing: t => t,\n    action: (v, t) => {\n        polyline.s('shape3d.uv.offset', [v, 0]);\n    },\n    finishFunc: () => {\n        ht.Default.startAnim(config);\n    }\n}\nht.Default.startAnim(config);<\/code><\/pre>\n\n\n\n
\u7ba1\u9053\u6d41\u52a8\u52a8\u753b\u6700\u7ec8\u5448\u73b0\u7684\u6548\u679c\u5982\u4e0b\uff1a<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\u7ba1\u9053\u7684 UV \u504f\u79fb\u52a8\u753b\u662f\u4e00\u79cd\u5e38\u7528\u4e8e\u8868\u73b0\u7269\u8d28\u6d41\u52a8\u65b9\u5411\u7684\u6280\u672f\uff0c\u56fe\u793a\u6848\u4f8b\u4fbf\u662f\u5178\u578b\u793a\u4f8b\uff0c\u5b83\u6781\u5177\u8868\u73b0\u529b\u5730\u5448\u73b0\u51fa\u4e86\u6d41\u52a8\u6548\u679c\u3002<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\u9c7c\u9053\u6548\u679c<\/strong><\/p>\n\n\n\n
\u5f00\u53d1\u8005\u53ef\u4ee5\u501f\u6b64\u53d1\u6325\u521b\u9020\u529b\uff0c\u5229\u7528\u7ba1\u9053\u6d41\u52a8\u52a8\u753b\u5b9e\u73b0\u66f4\u591a\u521b\u65b0\u7684\u89c6\u89c9\u6548\u679c\u3002<\/p>\n\n\n\n
\u4f8b\u5982\uff0c\u4f7f\u7528\u7ba1\u9053\u6d41\u52a8\u6765\u6a21\u62df\u9c7c\u9053\u6548\u679c\u3002\u901a\u8fc7\u7ed8\u5236\u591a\u6761\u9c7c\u7684\u6e38\u52a8\u8def\u5f84\uff0c\u5e76\u5728\u7ba1\u9053\u4e0a\u5e94\u7528\u9c7c\u7684\u8d34\u56fe\uff0c\u7136\u540e\u901a\u8fc7\u52a8\u753b\u5c55\u73b0\u51fa\u9c7c\u513f\u5728\u6c34\u4e2d\u6e38\u52a8\u7684\u903c\u771f\u573a\u666f\u3002\u8fd9\u4e2a\u65b9\u6cd5\u4e0d\u4ec5\u751f\u52a8\u5f62\u8c61\uff0c\u8fd8\u4e3a\u89c6\u89c9\u5448\u73b0\u589e\u6dfb\u4e86\u52a8\u6001\u8da3\u5473\u3002<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
UV \u88c1\u5207<\/strong><\/p>\n\n\n\n
\u7ba1\u9053\u4e0d\u4ec5\u53ef\u4ee5\u901a\u8fc7\u8d34\u56fe\u5b9e\u73b0\u6d41\u52a8\u52a8\u753b\u6548\u679c\uff0c\u8fd8\u80fd\u7ed3\u5408\u88c1\u5207\u5c5e\u6027\u6253\u9020\u66f4\u591a\u4e30\u5bcc\u591a\u6837\u7684\u89c6\u89c9\u6548\u679c\u3002\u4f8b\u5982\u7ba1\u9053\u7684\u751f\u957f\u52a8\u753b\u3001\u7ba1\u9053\u663e\u793a\u8fc7\u6e21\u7684\u6548\u679c\u3002<\/p>\n\n\n\n
\u7ba1\u9053\u88c1\u5207\u4e3b\u8981\u5305\u62ec\u4e24\u4e2a\u5c5e\u6027\uff1a<\/p>\n\n\n\n