docs__myblog__other__webgl.md.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[82],{F8jL:function(e,l,n){"use strict";n.r(l);var t=n("q1tI"),a=n.n(t),r=n("dEAq"),c=a.a.memo((e=>{e.demos;return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"markdown"},a.a.createElement("h2",{id:"3d-\u56fe\u5f62\u5b66\u5165\u95e8"},a.a.createElement(r["AnchorLink"],{to:"#3d-\u56fe\u5f62\u5b66\u5165\u95e8","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"3D \u56fe\u5f62\u5b66\u5165\u95e8"),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("p",null,"3D \u5750\u6807\u7cfb"),a.a.createElement("p",null,"\u65b0\u589e\u4e86\u4e00\u4e2a\u5750\u6807\u8f74 z \u8f74\u8868\u793a\u6df1\u5ea6")),a.a.createElement("li",null,a.a.createElement("p",null,"\u7f51\u683c\u3001\u591a\u8fb9\u5f62\u548c\u9876\u70b9"),a.a.createElement("p",null,"\u7f51\u683c\u662f\u6709\u4e00\u4e2a\u6216\u8005\u591a\u4e2a\u591a\u8fb9\u5f62\u7ec4\u6210\u7684\u7269\u4f53\uff0c\u5404\u4e2a\u9876\u70b9\u7684\u5750\u6807(x,y,z)\u5b9a\u4e49\u4e86\u591a\u8fb9\u5f62\u5728 3D \u7a7a\u95f4\u4e2d\u7684\u4f4d\u7f6e")),a.a.createElement("li",null,a.a.createElement("p",null,"\u6750\u8d28\u3001\u7eb9\u7406\u548c\u5149\u6e90"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u7f51\u683c\u8868\u9762\u53ef\u4ee5\u7531\u4e00\u4e2a\u6216\u8005\u591a\u4e2a\u4f4d\u56fe\u6765\u51b3\u5b9a\uff0c\u8fd9\u5c31\u662f\u901a\u5e38\u6240\u8bf4\u7684\u7eb9\u7406\u6620\u5c04\u7b80\u79f0",a.a.createElement("strong",null,"\u7eb9\u7406")),a.a.createElement("li",null,"\u5927\u591a\u6570\u7684\u56fe\u5f62\u7cfb\u7edf\u4e2d\uff0c\u7f51\u683c\u8868\u9762\u7684\u7279\u6027\u88ab\u7edf\u79f0\u4e3a",a.a.createElement("strong",null,"\u6750\u8d28"),"\uff0c\u6750\u8d28\u901a\u5e38\u4f9d\u8d56\u4e00\u4e2a\u6216\u8005\u591a\u4e2a",a.a.createElement("strong",null,"\u5149\u6e90"),"\u6765\u5448\u73b0\u5916\u89c2\u6548\u679c"))),a.a.createElement("li",null,a.a.createElement("p",null,"\u53d8\u6362\u4e0e\u77e9\u9635"),a.a.createElement("ul",null,a.a.createElement("li",null,"3D \u7f51\u683c\u7684\u5f62\u72b6\u662f\u7531\u9876\u70b9\u4f4d\u7f6e\u786e\u5b9a"),a.a.createElement("li",null,"\u53d8\u6362\u5305\u542b\u5bf9\u6e32\u67d3\u6a21\u578b\u7684",a.a.createElement("strong",null,"\u7f29\u653e\u3001\u65cb\u8f6c\u3001\u4f4d\u79fb"),"\u7b49\u64cd\u4f5c"),a.a.createElement("li",null,"\u53d8\u6362\u901a\u5e38\u662f\u7531\u77e9\u9635\u6765\u64cd\u4f5c\u7684"))),a.a.createElement("li",null,a.a.createElement("p",null,"\u76f8\u673a\u3001\u900f\u89c6\u3001\u89c6\u53e3\u548c\u6295\u5f71"),a.a.createElement("ul",null,a.a.createElement("li",null,a.a.createElement("strong",null,"\u76f8\u673a"),"\u6765\u5b9a\u4e49\u7528\u6237\u548c\u573a\u666f\u7684\u76f8\u5bf9\u671d\u5411"),a.a.createElement("li",null,"\u89c6\u91ce\u5c3a\u5bf8\u51b3\u5b9a\u4e86",a.a.createElement("strong",null,"\u900f\u89c6"),"\u5173\u7cfb"),a.a.createElement("li",null,a.a.createElement("strong",null,"\u89c6\u53e3"),"\u662f\u7531\u6d4f\u89c8\u5668\u6216 canvas \u5143\u7d20\u51b3\u5b9a\u7684"),a.a.createElement("li",null,a.a.createElement("strong",null,"\u6295\u5f71"),"\u77e9\u9635\u662f\u5c06\u76f8\u673a\u7a7a\u95f4\u7684 3D \u5750\u6807\u8f6c\u6362\u4e3a\u89c6\u53e3\u4e2d\u7684 2D \u7ed8\u5236\u7a7a\u95f4\u7684\u5750\u6807"))),a.a.createElement("li",null,a.a.createElement("p",null,"\u7740\u8272\u5668"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u4e3a\u4e86\u5728\u6700\u7ec8\u7684\u56fe\u50cf\u4e2d\u6e32\u67d3\u6a21\u578b\uff0c\u7cbe\u786e\u5b9a\u4e49\u9876\u70b9\u3001\u53d8\u6362\u3001\u6750\u8d28\u3001\u5149\u6e90\u548c\u76f8\u673a\u4e4b\u95f4\u7684\u5173\u7cfb\u548c\u4ea4\u4e92\uff0c\u8fd9\u5c31\u7528\u5230\u4e86\u7740\u8272\u5668"),a.a.createElement("li",null,"\u7740\u8272\u5668\u901a\u5e38\u7531\u9ad8\u7b49\u7ea7\u7684\u7c7b c \u8bed\u8a00\u7f16\u5199\uff0c\u7f16\u8bd1\u5e76\u8fd0\u884c\u5728\u56fe\u5f62\u5904\u7406\u5355\u5143(GPU)\u4e2d\uff0c\u5f53\u6211\u4eec\u7f16\u5199 webGL \u7a0b\u5e8f\u7684\u65f6\u5019\uff0c\u5fc5\u987b\u5b9a\u4e49\u7740\u8272\u5668\uff0c\u5426\u5219\u56fe\u5f62\u4e0d\u4f1a\u663e\u793a\u5728\u5c4f\u5e55\u4e0a")))),a.a.createElement("h2",{id:"webgl-\u662f\u4ec0\u4e48"},a.a.createElement(r["AnchorLink"],{to:"#webgl-\u662f\u4ec0\u4e48","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"webGl \u662f\u4ec0\u4e48\uff1f"),a.a.createElement("ul",null,a.a.createElement("li",null,"\u7f51\u9875\u4e0a\u7ed8\u5236\u548c\u6e32\u67d3 3D \u56fe\u5f62\u7684\u6280\u672f"),a.a.createElement("li",null,"\u5185\u5d4c\u5728\u6d4f\u89c8\u5668"),a.a.createElement("li",null,"\u591a\u5e73\u53f0\u8fd0\u884c"),a.a.createElement("li",null,'"web \u7248\u7684 openGl"')),a.a.createElement("h2",{id:"\u7b2c\u4e00\u4e2a-webgl-\u7a0b\u5e8f"},a.a.createElement(r["AnchorLink"],{to:"#\u7b2c\u4e00\u4e2a-webgl-\u7a0b\u5e8f","aria-hidden":"true",tabIndex:-1},a.a.createElement("span",{className:"icon icon-link"})),"\u7b2c\u4e00\u4e2a webGL \u7a0b\u5e8f"),a.a.createElement("ol",null,a.a.createElement("li",null,"\u4f7f\u7528",a.a.createElement("code",null,"attribute"),"\u3001",a.a.createElement("code",null,"unifrom"),"\u53d8\u91cf")),a.a.createElement("ul",null,a.a.createElement("li",null,"\u4f7f\u7528",a.a.createElement("code",null,"attribute"),"\u7ed8\u5236\u4e00\u4e2a\u70b9"),a.a.createElement("li",null,a.a.createElement("code",null,"attribute"),"\u53d8\u91cf\u4f20\u8f93\u7684\u662f\u4e0e\u9876\u70b9\u76f8\u5173\u7684\u6570\u636e"))))}));l["default"]=e=>{var l=a.a.useContext(r["context"]),n=l.demos;return a.a.useEffect((()=>{var l;null!==e&&void 0!==e&&null!==(l=e.location)&&void 0!==l&&l.hash&&r["AnchorLink"].scrollToAnchor(decodeURIComponent(e.location.hash.slice(1)))}),[]),a.a.createElement(c,{demos:n})}}}]);