{"id":457,"date":"2018-06-21T21:52:44","date_gmt":"2018-06-21T13:52:44","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=457"},"modified":"2018-08-02T14:19:29","modified_gmt":"2018-08-02T06:19:29","slug":"webgl%e7%bb%98%e5%88%b6%e4%bd%8d%e5%9b%be%e6%97%b6%e5%87%ba%e7%8e%b0%e9%bb%91%e7%99%bd%e8%be%b9%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=457","title":{"rendered":"WebGL\u7ed8\u5236\u4f4d\u56fe\u65f6\u51fa\u73b0\u9ed1\u767d\u8fb9\u89e3\u51b3\u65b9\u6848"},"content":{"rendered":"<p class=\"p1\">\u6700\u8fd1\u53d1\u73b0\u8bbe\u8ba1\u7ed9\u7684\u56fe\u7247\u653e\u5230<span class=\"s1\">cocos<\/span>\u5de5\u7a0b\u6587\u4ef6\u5939\u4e0b\u9762\u51fa\u73b0\u4e86\u9ed1\u8fb9\uff0c\u540e\u6765\u8e29\u4e86\u4e00\u4e9b\u5751\u603b\u7b97\u662f\u627e\u5230\u4e86\u4e00\u4e9b\u9760\u8c31\u7684\u89e3\u51b3\u529e\u6cd5\u3002<\/p>\n<h3 class=\"p1\">\u63d0\u524d\u9884\u4e60<\/h3>\n<p class=\"p1\">\u5728\u89e3\u51b3\u95ee\u9898\u524d \u8981\u5148\u8865\u4e00\u4e0b\u76f8\u5173\u77e5\u8bc6\u70b9\uff0c\u201cwebgl\u7ed8\u5236\u539f\u7406\u201d\uff0c\u201c\u56fe\u7247\u9884\u4e58\u201d\uff0c\u201c\u56fe\u50cf\u6df7\u5408\u6a21\u5f0f\u201d\u3002<\/p>\n<p class=\"p1\">webgl\u7ed8\u5236\u539f\u7406 \uff1ahttps:\/\/www.cnblogs.com\/wanbo\/p\/6754066.html<\/p>\n<p class=\"p1\">\u56fe\u7247\u9884\u4e58\u662f\u4ec0\u4e48\u610f\u601d\u00a0 https:\/\/zhidao.baidu.com\/question\/2075235815519489868.html<\/p>\n<h3 class=\"p1\">WebGL\u4e0eOpenGL es\u3001<\/h3>\n<p class=\"p1\">\u53d1\u73b0\u95ee\u9898\uff1a\u7b2c\u4e00\u53cd\u5e94\u662f\u5bfb\u627e\u95ee\u9898\u7684\u539f\u56e0\uff0c\u53d1\u73b0\u5f53\u6211\u628a\u6e32\u67d3\u6a21\u5f0f\u5207\u6362\u4e3a<span style=\"color: #ff0000;\">canvas\u65f6\u5019 \u4f4d\u56fe\u662f\u6ca1\u6709\u9ed1\u8fb9\u7684 \u3002\u4e00\u65e6\u5f00\u542fwebgl\u6e32\u67d3\u6a21\u5f0f \u5c31\u51fa\u73b0\u4e86\u9ed1\u8fb9<\/span>\uff0c\u521d\u6b65\u6000\u7591\u662f\u5f53webgl\u6e32\u67d3\u56fe\u7247\u65f6\u5019\uff0cpng\u56fe\u7247\u5b9e\u8272\u4e0e\u900f\u660e\u8272\u4ea4\u63a5\u7684\u5730\u65b9\u6709\u534a\u900f\u660e(\u5c0f\u6570\u7ea7\u522b\u7684)\uff0cgpu\u6e32\u67d3\u65f6\u5019\u4e3a\u4e86\u8282\u7ea6\u5f00\u9500\uff0c\u628a\u8fd9\u90e8\u5206\u534a\u900f\u660e\u8272\u6e32\u67d3\u6210\u4e86\u9ed1\u8272\u7684\u8fb9\u7f18\u7ebf\uff0cwebgl\u7740\u8272\u5668\u8bed\u8a00\u8d70\u7684\u662fOpenGL\uff0c\u6070\u6070OpenGL es\u6709\u8fd9\u4e2a\u95ee\u9898 \uff0c\u4e8e\u662f\u4e4e\u8ba9\u8bbe\u8ba1\u628a\u56fe\u7247\u7684\u8fb9\u7f18\u5c0f\u6570\u503c\u8c03\u6574\u4e3a\u6574\u6570\uff0c\u907f\u514d\u5c0f\u6570\uff0c\u4f46\u662f\u8fd8\u662f\u6709\u95ee\u9898 \u3002<\/p>\n<p class=\"p1\">\u518d\u4e00\u6b21\u8fdb\u5165\u6df1\u601d\uff0c\u7a76\u7adf\u8fd8\u5dee\u4ec0\u4e48\u6ca1\u6709\u60f3\u5230\uff0c\u4e4b\u540e\u6211\u67e5\u9605\u4e00\u4e9b\u8d44\u6599\u53d1\u73b0 \u540c\u6837\u4e00\u5f20\u56fe\u7247 \u653e\u5230\u4e86\u00a0 u3d \u4e0e creator\u4e0b\u7684\u5bf9\u6bd4\uff0c\u653e\u5230u3d\u4e2d \u56fe\u7247\u662f\u6ca1\u6709\u9ed1\u8fb9\u7684\uff0c\u5728creator\u91cc\u9762\u518d\u6b21\u6d6e\u73b0\uff0c\u770b\u5230\u4e0b\u9762\u6709\u4eba\u8c08\u8bba\u5230\u4e86\u201c\u56fe\u50cf\u6df7\u5408\u6a21\u5f0f\u201d\u4e0e\u201c\u56fe\u7247\u9884\u4e58\u201d\u8fd9\u4e2a\u6982\u5ff5\u3002<\/p>\n<h3 class=\"p1\">cocos2d-x<\/h3>\n<p class=\"p1\">\u968f\u540e\u7ffb\u4e86\u4e00\u4e0b cocos2d\u7684\u6e90\u4ee3\u7801\uff0c\u53d1\u73b02dx\u4f1a\u5bf9\u6ca1\u6709\u9884\u4e58\u7684\u56fe\u7247\u52a0\u8f7d\u7684\u65f6\u5019\u4f1a\u505a\u4e00\u6b21\u9884\u4e58\uff0c\u7136\u540e\u6df7\u5408\u65f6\u7528one\uff0ccreator\u8ddf2dx\u4e0d\u540c\uff0ccreator\u9ed8\u8ba4\u662falpha\u6df7\u5408\uff0c\u6240\u4ee5\u5bfc\u81f4\u5f88\u591a\u5730\u65b9\u4f1a\u51fa\u73b0\u7070\u8272\u7684\u8f6e\u5ed3\uff0c\u5fc5\u9700\u624b\u52a8\u8bbe\u7f6e\u7528one\u624d\u4e0d\u4f1a\u6709\u9ed1\u8fb9(<span style=\"color: #ff0000;\">\u5982\u679c\u4f60\u7684\u56fe\u7247\u6ca1\u6709\u7ecf\u8fc7\u9884\u4e58\u5904\u7406\uff0c\u90a3\u4e48\u8c03\u6574one\u540e\u4f1a\u51fa\u73b0\u767d\u8fb9\uff0c\u65b9\u6848\u884c\u4e0d\u901a<\/span>)\u3002<\/p>\n<p class=\"p1\">\u6362\u53e5\u8bdd\u8bf42dx\u66f4\u52a0\u667a\u80fd\uff0c\u5728\u56fe\u50cf\u6df7\u5408\u6a21\u5f0f\u4e2d\u9ed8\u8ba4\u5bf9\u56fe\u7247\u8fdb\u884c WebGL \u9884\u4e58\uff0c\u5982\u679c\u53d1\u73b0\u8d34\u56fe\u662f\u5df2\u7ecf\u9884\u4e58\u8fc7\u7684\uff0c\u90a3\u4e48 Sprite \u5c31\u4f7f\u7528 ONE \u4f5c\u4e3a blend src\uff0c\u5426\u5219\u4f7f\u7528 SRC_ALPHA\u3002<\/p>\n<p class=\"p1\"><span style=\"color: #ff0000;\">\u4f46\u662f\u8fd9\u91cc\u9762\u8fd8\u662f\u6f5c\u5728\u4e00\u4e2a\u95ee\u9898\u7684<\/span>\uff0c\u5f53\u7528\u6237\u628a\u8fd9\u4e2a\u56fe\u7247\u8fdb\u884c\u66ff\u6362\u7eb9\u7406\u65f6\u5019\uff0c\u8c03\u6574\u9884\u4e58\u5c5e\u6027\uff0c\u8fd9\u4e2a\u667a\u80fd\u5c31\u51fa\u73b0\u4e86&#8221;bug&#8221;, \u8fd9\u65f6\u5019\u4f60\u624b\u52a8\u4fee\u6539\u4ed6\u7684\u8d34\u56fe\u6e32\u67d3\u6a21\u5f0f\u540e\uff0c\u5b83\u4f1a\u518d\u6b21\u81ea\u52a8\u6839\u636e\u8d34\u56fe\u7684\u9884\u4e58\u5c5e\u6027\u91cd\u65b0\u8bbe\u7f6e Blend function\uff0c\u800c\u4e0d\u7ba1\u4f60\u662f\u5426\u624b\u52a8\u4fee\u6539\u8fc7\uff0c\u6f5c\u5728\u6709\u4e0d\u53ef\u63a7\u7684\u95ee\u9898\u3002<\/p>\n<h3 class=\"p1\">Creotor<\/h3>\n<p class=\"p2\">\u663e\u7136\u5728creator\u91cc\u00a0 \u5bf9\u8d34\u56fe\u8fdb\u884c webGL \u9884\u4e58\uff0c\u53d1\u73b0<\/p>\n<p class=\"p2\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-458\" src=\"http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2018\/06\/15_35_21__06_22_2018-300x173.jpg\" alt=\"\" width=\"300\" height=\"173\" srcset=\"http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2018\/06\/15_35_21__06_22_2018-300x173.jpg 300w, http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2018\/06\/15_35_21__06_22_2018.jpg 302w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p class=\"p2\">\u989d \u8fd9\u91cc\u9ed8\u8ba4\u662fsrc_ALPHA\u6e32\u67d3\u65b9\u5f0f\uff0c\u6211\u4eec\u628a\u7b2c\u4e00\u884c\u4fee\u6539\u4e3aone\uff0c<\/p>\n<p class=\"p2\">\u624b\u52a8\u8bbe\u7f6eone\u7684\u540e\u679c\u5c31\u662f\u534a\u900f\u660e\u4ee5\u53ca\u900f\u660e\u50cf\u7d20\u663e\u793a\u9519\u8bef\uff0c\u9664\u975e\u624b\u52a8\u5c06\u56fe\u7247\u8d44\u6e90\u5904\u7406\u6210\u9884\u4e58\u6a21\u5f0f\uff0c\u518d\u4f7f\u7528one\u6df7\u5408\uff0c\u8fd9\u4e2a\u95ee\u9898\u6bd4\u8f83\u5c11\u89c1&#8230;&#8230;\uff0c\u5728ps cc2017\u5728\u7ed8\u5236\u534a\u900f\u660e\u533a\u57df\u597d\u50cf\u662f\u591a\u7ed8\u5236\u4e86\u4e00\u4e2a\u50cf\u7d20\uff0c\u6240\u4ee5\uff0c\u663e\u793a\u65e0\u8bef(<span style=\"color: #ff0000;\">\u7ecf\u6d4b\u8bd5\u5728\u5b89\u5353\u8ddfpc\u662f\u6ca1\u95ee\u9898\uff0c\u4f46\u662f\u5728\u82f9\u679c\u4e0a\u8fd8\u662f\u4e0d\u884c<\/span>)\uff0c\u540c\u6837\u653e\u5230flashcc \u4e0e scach\u8fd9\u79cd\u8f6f\u4ef6\u91cc\u9762\u5bfc\u51fa\u7684\u56fe\u5bfc\u51fa\u8fd8\u662f\u6709\u9ed1\u8fb9\u3002<\/p>\n<p class=\"p2\">\u601d\u8003\u540e\u53ea\u80fd\u628a\u95ee\u9898\u89e3\u51b3\u529e\u6cd5\u653e\u5230\u5982\u4f55\u7ed9\u56fe\u7247\u52a0\u9884\u4e58\u8fd9\u4e2a\u4e0a\u9762<\/p>\n<p class=\"p2\">\u56fe\u7247\u9884\u4e58\u539f\u7406\uff1a<img loading=\"lazy\" class=\"alignnone size-medium wp-image-459\" src=\"http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2018\/06\/15_44_55__06_22_2018-218x300.jpg\" alt=\"\" width=\"218\" height=\"300\" srcset=\"http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2018\/06\/15_44_55__06_22_2018-218x300.jpg 218w, http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2018\/06\/15_44_55__06_22_2018.jpg 459w\" sizes=\"(max-width: 218px) 100vw, 218px\" \/><\/p>\n<p class=\"p2\">\u5728\u7f8e\u5de5\u5bfc\u51fa\u56fe\u7247\u65f6\u5019 \u56fe\u7247\u7ecf\u8fc7\u9884\u4e58\u5904\u7406 \uff0c\u5728\u5230creator\u91cc\u9762\u5427\u6df7\u5408\u6a21\u5f0f \u8c03\u6574\u4e3aone \uff0c one_MINUS_SRC_ALPHA \u5c31ok\u4e86\uff0c\u867d\u7136\u95ee\u9898\u5f97\u4ee5\u89e3\u51b3\uff0c\u4f46\u662f\u8fd9\u6837\u6bcf\u5f20\u56fe\u7247\u90fd\u8981\u8fdb\u884c\u8bbe\u7f6e\uff0c\u8fd9\u5c31\u5f88\u5c34\u5c2c\u4e86\uff0c<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6700\u8fd1\u53d1\u73b0\u8bbe\u8ba1\u7ed9\u7684\u56fe\u7247\u653e\u5230cocos\u5de5\u7a0b\u6587\u4ef6\u5939\u4e0b\u9762\u51fa\u73b0\u4e86\u9ed1\u8fb9\uff0c\u540e\u6765\u8e29\u4e86\u4e00\u4e9b\u5751\u603b\u7b97\u662f\u627e\u5230\u4e86\u4e00\u4e9b\u9760\u8c31\u7684\u89e3\u51b3\u529e\u6cd5\u3002 \u63d0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":307,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[30,33],"tags":[32],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/457"}],"collection":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=457"}],"version-history":[{"count":3,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/457\/revisions"}],"predecessor-version":[{"id":462,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/457\/revisions\/462"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/media\/307"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=457"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=457"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}