WebGL 鎴戞槸璋侊紵
Posted Refactor
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了WebGL 鎴戞槸璋侊紵相关的知识，希望对你有一定的参考价值。
-
瀵逛笉璧? -
Sorry -
欤勳啞頃╇媹雼? -
D茅sol茅 -
Es tut uns leid -
...
鈼€锔忓洖椤?020
2020 骞?/em> 鏄搷馃鐨勪竴骞达紝鐤儏鑲嗚檺銆佺編鑲＄啍鏂€佸法鏄熼櫒钀?.. 浣?**鐨?2020 缁堜簬婊氿煡氫簡锛屾姏寮€涓嶅揩锛屽紶寮€鎬€鎶辫繋鎺ュ喘鏂扮殑 2021馃帄
浠?4鏈?/em> 鍒?11鏈?/em> 闄嗙画鍙戜簡 WebGL/鍥惧舰瀛?/em> 鐩稿叧鐨勬枃绔?19绡?/strong>锛?em>鎶€鏈棽璋?/em> 3绡?/strong>锛?em>鏃犱富棰樺槡鍚у槡 2绡?/strong>锛?em>鏁板绫?/em> 1绡?/strong>锛屽叡璁?25绡?/strong> 鍘熷垱鏂囩珷锛屽钩鎽婁笅鏉ヤ篃绠楀崐涓湀鏇翠竴娆′簡鍚э紙鐙楀ご淇濆懡锛夈€傚悓鏃朵篃寮€濮嬩簡鑷繁鐨勪竴浜涘垵浣撻獙锛屾瘮濡?3鏈?/em> 缁勭粐缈昏瘧寮€婧愪功绫嶏紝7鏈?/em> 杈炬垚浜嗚嚜宸卞湪 bilibili freeCodeCamp 鐩存挱闂寸殑绗竴娆＄洿鎾紙琛ㄦ紨鐜板満缈昏溅锛夛紝杩樺湪 10鏈?/em> 缁勭粐浜嗙嚎涓婃ā寮忕殑寮€婧愬ぇ浼氭垚閮藉垎浼氬満绛夈€?/p>
鏈€杩戝洖椤句箣鍓嶇殑鏂囩珷鏃跺彂鐜帮紝杩囧幓鎵€鍒嗕韩鐨勬墍鏈?WebGL 鐩稿叧鏂囩珷濂藉儚閮芥槸鍏充簬鍏跺伐浣滃師鐞嗗拰鍥惧舰瀛︾浉鍏崇殑鐭ヨ瘑锛屼絾鍗村拷鐣ヤ簡 WebGL 鏈韩銆傚湪 2021骞?/em> 鐨勫紑濮嬶紝璁╂垜浠洖鍒版渶鍒濈殑璧风偣璁よ瘑涓€涓?WebGL銆?/p>
寰堝浜洪棶鎴戯細鈥?em>WebGL 姣忓綋鐪嬪埌褰㈠ WebXXX 鐨勫悕瀛楁椂锛屽悇浣嶅氨鑳藉緢瀹规槗鐨勭寽鍒版鐗╁簲涓庢祻瑙堝櫒鏈夊叧锛屾瘮濡傦細WebAssembly銆乄ebKit 绛夛紝WebGL 浜﹀姝ゃ€?em>WebGL !! WebGL is a cross-platform, royalty-free web standard for a low-level 3D graphics API based on OpenGL ES, exposed to ECMAScript via the html5 Canvas element. 璇戯細WebGL 鏄竴涓熀浜?OpenGL ES 鐨?3D 鍥惧舰 API 锛屽畠鏄法骞冲彴鐨勫苟涓斿厤璐圭殑锛岄€氳繃 HTML5 鐨?Canvas 鍏冪礌鎻愪緵缁?ECMAScript 浣跨敤銆?/p>
涓婇潰鐨勫唴瀹逛腑鍙堟彁鍒颁簡 OpenGL ES 杩欎釜涓滆タ锛屽畠鍙堟槸璋侊紵瀹冨張鍜屾垜浠啛鐭ョ殑 OpenGL 浠€涔堝叧绯伙紵璁╂垜缁欎綘鎻紑杩欏嚑涓浘褰㈠崗璁殑韬笘涔嬭皽锝?/p>
鐩镐紶濂冲ú浠ユ偿鍦熶豢鐓ц嚜宸辨姛鍦熼€犱汉锛屽垱閫犲苟鏋勫缓浜虹被绀句細銆傝€?OpenGL銆丱penGL ES銆乄ebGL 杩欎簺鏍囧噯鍙堟槸鐢辫皝鎻愬嚭鍜屽埗瀹氱殑鍛紵杩欐垜浠氨闇€瑕佸紩鍑轰竴涓€濈绉樼粍缁団€?鈥斺€?Khronos Group銆?/p>
涔嬫墍浠ョО鍏朵负鈥滃コ濞叉皬鈥濇槸鍥犱负 Khronos 鍒涚珛浜嗗緢澶氭爣鍑嗭紝闄や簡涓婅堪鐨勫嚑涓负浜虹啛鐭ョ殑鍥惧舰瀛﹀崗璁锛岃繕鍖呮嫭 OpenCL/OpenVX/NNEF 绛夊苟琛岃绠楀拰鏈哄櫒瀛︿範绛夋爣鍑嗐€傚悓鏃讹紝Khronos 骞朵笉鏄敱鏌愪竴浜烘垨鏌愪竴鍏徃鍒涘缓鐨勶紝鑰屾槸鐢卞悇涓鍔炴垚鍛樼粍鎴愮殑锛氬崕涓恒€丄MD銆丄pple銆丟oogle銆丼ony绛夈€傜湅鐪嬭繖浜涚鎶€琛屼笟鐨勫法 楗?/span> 槌勫氨鑳界湅鍑烘潵 Khronos 鏈夊 Dior 浜嗗惂锛?/p>
瑷€褰掓浼狅紝涓婇潰鎵€璇寸殑骞撮緞鏈€闀跨殑灏辨槸 OpenGL 浜嗭紝瀹冨湪 1992骞?鏈?0鏃?/em> 琚垱绔嬶紝鑷充粖宸叉湁28涓勾澶淬€傜洿鍒扮幇鍦紝OpenGL 浠嶆槸搴旂敤鏈€骞挎硾鐨勫浘褰?API锛屽畠涓庣綉缁溿€佺郴缁熼兘鏃犲叧锛岃兘澶熻寮€鍙戜汉鍛樺湪PC銆佸伐浣滅珯浠ュ強纭欢涓婄紪鍐欏浘褰㈠簲鐢ㄨ蒋浠躲€備粬搴旇绠楁槸鍥惧舰瀛﹀崗璁殑濮嬬锛佸浘褰㈠鍗忚骞朵笉鏄竴缁忓埗瀹氬氨涓嶅啀鏀瑰彉鐨勶紝鍙戝睍鑷充粖 OpenGL 涔熷凡缁忓埌浜?4.6 鐗堟湰銆?/p>
鐪嬪埌 ES锛屽悇浣嶅簲璇ュ緢瀹规槗鎯冲埌 宓屽叆寮忕郴缁?/em>锛?em>OpenGL ES 姝ｆ槸鐢ㄥ湪鎴戜滑鐨勬墜鏈哄強娓告垙鏈虹瓑璁惧涓婄殑鍥惧舰 API銆傞櫎浜嗙郴缁熶笉涓€鏍蜂箣澶栵紝瀹冨拰 OpenGL 杩樻湁鍏朵粬鍖哄埆鍚楋紵 绛旀鏄?鍟冭厷 鑲畾鐨剘 濡傛灉鎴戜滑鎶?OpenGL 缁欐墜鏈虹敤锛岃繖鍖呰⒈鏈厤涔熷お閲嶄簡锛佹墍浠?OpenGL ES 鐨勫唴瀹瑰彲浠ョ悊瑙ｄ负鏄?OpenGL 鐨勯槈鍓茬増锛堣繖鏈厤涔熷お鎯ㄤ簡锛屽垰鍑虹敓灏辩粰缁濊偛浜嗭級锛屾瘮濡傜Щ闄や簡澶氫綑鐨勫杈瑰舰锛屽湪涔嬪墠鐨?WebGL 鐨勬枃绔犱腑鎴戜滑鏈夎鍒帮紝鎵€鏈夌殑澶嶆潅澶氳竟褰㈤兘鏄敱鍩虹鐨勪笁瑙掑舰缁勬垚锛岃繖涓€鐐?OpenGL ES 涔熶竴鏍凤紝OpenGL ES 涓Щ闄や簡濡傜煩褰箣绫荤殑绛夊鏉傚杈瑰舰锛屽彧淇濈暀浜嗙偣銆佺嚎鍜屼笁瑙掑舰杩欎簺鍩虹鍥惧舰銆備粠 2003骞?鏈?8鏃?/em> 鍙戝睍鑷充粖锛?em>OpenGL ES 涔熷凡缁忓彂灞曞埌浜?3.2 鐗堟湰銆?/p>
鏈€鍚庢潵璇磋 WebGL锛岀洰鍓?WebGL 鍏辨湁 1.X/2.X 涓や釜澶х増鏈紝鑰屽ぇ瀹舵墍鐔熺煡鐨?ThreeJS 鍒欐槸榛樿浣跨敤浜?WebGL 2.0銆傚鏋滆 OpenGL ES 鏄€濈粷鑲测€滃悗鐨?OpenGL锛岄偅涔?WebGL 灏卞簲璇ユ槸 OpenGL ES 鐨勪翰鐢熼鑲夈€傚涓婇潰鎵€璇达紝OpenGL ES 鍏辨湁 1.X/2.X/3.X 涓変釜澶х増鏈紝鎴戝皢鍏跺垎涓轰袱澶ч樀钀ワ細1.X 鍜?2.X/3.X銆傝嚦浜庡師鍥狅紝鍚垜缁欎綘閬撴潵~ 娓叉煋绠＄嚎 鐨勫疄鐜板垎涓轰袱绉嶏細鍥哄畾绠＄嚎 鍜?鍙紪绋嬬绾?/em>銆備负浜嗘柟渚垮ぇ瀹剁悊瑙ｏ紝鎴戝氨浠ュ钩鏃朵拱杞︿负渚嬶紝鍥哄畾绠＄嚎鎻愪緵浜嗕竴浜涚壒瀹氱殑寮€鍏宠鎴戜滑鏉ラ€氳繃缁勫悎閰嶇疆寮€鍏虫潵婊¤冻鏌愪簺鍦烘櫙鐨勪篃鏃犻渶姹傦紝灏辩被浼间簬鎴戜滑鍘?S搴椾拱杞︼紝鎴戜滑鍙兘浠庣湡鐨骇妞呫€佽疆姣傜瓑閫夐」涓€夋嫨锛涜€屽彲缂栫▼绠＄嚎灏辩被浼间笓涓氳禌杞︽墜鑷繁缁勮璧涜溅锛屽彲鑷畾涔夋€ц醇楂樸€傝€?OpenGL ES 1.0 灏辨槸鍥哄畾绠＄嚎锛?em>2.0/3.0 鍒欐槸鍙紪绋嬬绾裤€?/p>
WebGL 1.0/2.0 鍒嗗埆鏄熀浜?OpenGL ES 2.0/3.0 鐨勶紝涔熷氨鏄 WebGL 鐨勬覆鏌撶绾挎槸鍙紪绋嬬绾裤€傚彲缂栫▼绠＄嚎鐨勫彲缂栫▼涔嬪灏辨槸鎴戜滑 Shader銆傝€?1.0 鍜?2.0 鍦ㄤ娇鐢ㄤ笂骞舵棤澶ぇ鍖哄埆锛?em>2.0 鍏跺疄鏈枃鏄墦绠楀湪 2020骞?2鏈?1鏃?/em> 浣滀负涓€骞寸殑鎬荤粨鍙戝嚭鐨勶紝浣嗚骞村亣鍘昏タ宀洩灞辩帺浜嗕袱澶╁氨婊炲悗鍦ㄦ柊骞寸殑涓€涓伐浣滄棩鏉ュ彂浜嗭紙hhhhhhhhhh锛夛紝涓€鎯冲湪鏂扮殑涓€骞撮噸鏂拌璇嗕竴涓?WebGL 涔熸尯濂?;p 瑗垮箔闆北鐓х墖濂変笂锛?/p>
鏂扮殑涓€骞寸鍚勪綅 韬綋鍋ュ悍锛屽彂闄呯嚎閫嗙敓闀?/em> 锛?/p>
馃鎴戞槸璋侊紵
馃悕濂冲ú姘?/span>
馃懚绻佽鐢熸伅
OpenGL
OpenGL ES
WebGL
馃幀鍚庤
以上是关于WebGL 鎴戞槸璋侊紵的主要内容，如果未能解决你的问题，请参考以下文章
鎴戞槸濡備綍鎶?GitHub 寮€婧愰」鐩仛鍒?5300+ star 鐨勶紵
绗旇瘯-4399銆?020鏍℃嫑銆慦eb鍚庣寮€鍙戝伐绋嬪笀绗旇瘯棰橈紙鎴戝張琛屼簡锛熺劧鍚庝竴浠介潰璇曢€氱煡閮芥病鏈夛紝鎴戞槸鐪熺殑鑿滃晩銆傘€傘€傘€傦級