3D鍒濅綋楠屾湰鏂囨暣鐞嗚嚜鑰佸啹鍦∣2o-Convex2022鐨勬妧鏈垎浜紝浠庢渚嬨€佸簲鐢ㄣ€佹妧鏈敓鎬佸甫棰嗗ぇ瀹讹紝璁╁ぇ瀹朵簡瑙?D鐜扮姸鍦ㄧ綉涓娿€傚棬3D鎬庝箞浜嗭紝鏈€杩慦eb鍦堝瓙鏄€庝箞鍥炰簨锛熷湪鈥滃厓鐣屸€濇蹇佃秺鏉ヨ秺鐏殑鑳屾櫙涓嬶紝鎴戜滑鍑嗗浜嗕竴绯诲垪3D鍏冪晫鍏紑璇惧拰鏁欏鏂囩珷锛屾暀浣犲浣曚粠0鍒?蹇€熸惌寤轰竴涓?D椤圭洰锛屼粠涓涔燱ebGL鐨勫簳灞傚師鐞嗐€佸浘褰€佸浣曚娇鐢ㄦ祦琛岀殑寮曟搸绛夈€傚湪寮€濮嬩箣鍓嶏紝鎴戜滑鍏堜粠妗堜緥銆佸簲鐢ㄣ€佹妧鏈敓鎬佸叆鎵嬶紝璁╁ぇ瀹朵簡瑙?D鍦╓eb涓婄殑鐜扮姸銆?.妗堜緥灞曠ず1.1缁勪欢浠庝竴涓熀鏈殑DEMO寮€濮嬨€備竴涓熀鏈殑3D涓€鑸敱浠ヤ笅鍑犱釜妯″潡缁勬垚锛氾紙1锛夋覆鏌撴墦寮€涓€涓?D椤甸潰锛岄鍏堜笅杞芥ā鍨嬫枃浠讹紝鐒跺悗娓叉煋鍒伴〉闈笂锛?锛夊姩鐢婚€愬抚娓叉煋鍔ㄧ敾锛?锛変簨浠剁粦瀹氳Е鍙戠浉搴旂殑娓叉煋閫氳繃js鐨勪簨浠剁粦瀹氥€傛瘮濡傜偣鍑诲湴闈㈢Щ鍔ㄨ鑹?4)鍦烘櫙鍒囨崲浼楁墍鍛ㄧ煡锛屾父鎴忎腑鏈夊緢澶氬満鏅紝姣斿娓告垙鍔犺浇銆佹父鎴忓紑濮嬨€佹父鎴忕粨鏉燂紝杩欐槸涓変釜涓嶅悓鐨勫満鏅€傚浘涓轰粠涓昏鐜╂硶鍒扮紪杈戝満鏅殑瀹屾暣妗堜緥1.2(1)PC绔鎴戜滑鏉ョ湅涓€浜涙湁瓒ｇ殑渚嬪瓙锛屼粠PC绔紑濮嬨€傝繖鏄竴涓紑鍙戣€呯殑鍗氬銆備粬浠庡紑濮嬪満鏅垏鎹㈠埌涓诲満鏅紝鐒跺悗娓叉煋浜嗕竴浜涙爲鍜岃溅鐨?D妯″瀷锛岀敤閿洏鎺у埗妯″瀷鐨勬柟鍚戯紝纰版挒鍚庢棆杞ā鍨嬶紝鍚屾椂鎾斁鐩稿簲鐨勯煶棰戙€傜偣鍑讳綋楠岎煈塰ttps://bruno-simon.com/杩欐槸playcanvas瀹樼綉鐨凚MWdemo锛屾覆鏌撳姩鐢汇€傚崟鍑讳笅鍥炬洿鏀规妯″瀷鐨勭汗鐞嗐€傜偣鍑讳綋楠岎煈塰ttps://playcanv.as/p/RqJJ9oU9(2)H5绔啀鐪嬬湅鎵嬫満绔満绠变笂闈㈢殑璧涜溅娓告垙銆備篃鏄粠寮€濮嬪満鏅垏鍒颁富瑕佺帺娉曪紝鐒跺悗浣跨敤涓嬫柟鐨勮Е鎺ф潯鏌ョ湅姹借溅/鍦板浘浣嶇Щ绛夌墿浣撶鎾炲悗锛屾娴嬭Е鍙戝姞閫熺瓑浜嬩欢銆傛壂鎻忎簩缁寸爜鎴栫偣鍑讳綋楠岎煈夋璧涘痉鏂?EQ鐢靛姩鏂圭▼寮忚溅闃?椋炴澘娓告垙鍐嶅氨鏄ぇ瀹剁啛鐭ョ殑渚嬪瓙绁炲簷閫冧骸锛屼篃鑳界湅鍒版槑鏄剧殑鍦烘櫙鍒囨崲銆佺鎾炴娴嬬瓑锛屾壂鎻忎簩缁寸爜鎴栫偣鍑讳綋楠岎煈夊湪Poki2涓婄帺绁炲簷閫冧骸2搴旂敤鍦烘櫙涓嬮潰鎴戜滑鏉ョ湅鐪?D鍦ㄤ腑鍥界殑涓€浜涙寮忓簲鐢ㄥ満鏅€?.1APP绔紝姣斿VR鐪嬫埧锛孷R绾夸笂鐪嬫埧鍙互閬垮厤瀵艰喘鐨勫共鎵帮紝鑺傜渷鐪嬫埧鎴愭湰锛岀敤鎴锋搷浣滀篃涓烘ゼ鐩樼暀涓嬪ぇ閲忔暟鎹紱濡傛灉浣犲湪涓€浜涜喘鐗╁簲鐢ㄤ笂鐪嬮瀷锛屽畠浼氶瑙堥瀷瀛愮殑3D妯″瀷锛岃繕鏈堿R璇曠┛锛屼綘鍙互鍦ㄥ叾涓湅鍒伴瀷瀛愮殑缁嗚妭浠ュ強浜茶韩璇曠┛鍚庣殑鏍峰瓙-鍦ㄣ€?.2鍦℉5绔殑涓€浜涗簰鍔ㄦ父鎴忎腑锛屼篃鏈変竴浜?D鐨勫井淇″皬娓告垙锛屼篃鏈?D鐨勫皬娓告垙銆傞偅涔堢┒绔熶粈涔堟槸娓告垙寮曟搸鍛紵(1)宸茬紪鍐欑殑鍙紪杈戣绠楁満娓告垙绯荤粺(2)浜や簰寮忓疄鏃跺浘鍍忓簲鐢ㄧ▼搴忕殑鏍稿績缁勪欢(3)鍙互鏂逛究蹇嵎鍦板垱寤烘父鎴忕▼搴?.2娓告垙寮曟搸鐨勭粍鎴愬ぇ澶氭暟娓告垙寮曟搸鍖呮嫭浠ヤ笅绯荤粺锛?1)娓叉煋寮曟搸灏辨槸鈥滄覆鏌撳櫒鈥濓紝缁樺埗鍥惧儚骞跺澶栬〃杈剧殑绯荤粺锛屽寘鎷簩缁村浘鍍忓紩鎿庡拰涓夌淮鍥惧儚寮曟搸(2)鐗╃悊寮曟搸閫氳繃璧嬩簣鍒氭€х墿浣撶湡瀹炵殑鐗╃悊灞炴€ф潵璁＄畻杩愬姩,鏃嬭浆鍜岀鎾炲弽灏?3)鑴氭湰寮曟搸鎻愪緵鑴氭湰鎺ュ彛,鍏佽寮€鍙戣€呴€氳繃鑴氭湰璁捐娓告垙,浣挎父鎴忓紑鍙戞洿鍔犵伒娲?4)缃戠粶寮曟搸鐨勬暟鎹氦鎹㈡ā鍧楃敤浜庡浜哄湪绾挎父鎴忕殑寮€鍙?5锛変汉宸ユ櫤鑳戒唬鏇跨敓鎴愪竴浜涙父鎴忓紑鍙戜腑鐨勫姵鍔ㄥ瘑闆嗗瀷鍐呭锛屾瘮濡傞亾璺娴?.3濡備綍閫夋嫨鍚堥€傜殑娓告垙寮曟搸濡備綍閫夋嫨涓€涓悎閫傜殑娓告垙寮曟搸锛屾垜浠竴鑸細鑰冭檻浠ヤ笅涓変釜鏂归潰锛?1)鍏ラ棬寮€鍙戣瑷€鐨勫涔犺祫婧愬拰鎶€鏈敮鎸佽兘鍔涘鏋滄槸鍒氬叆闂紝棣栧厛搴旇鑰冭檻鏄笉鏄嚜宸辩啛鎮夌殑寮€鍙戣瑷€銆傛煡鐪嬪紩鎿庣殑瀹樻柟璧勬簮鏂囨。锛屽洟闃熺殑闂淇鑳藉姏锛岀ぞ鍖烘椿鍔紝寮曟搸鐨勫伐浣滄祦鏀寔锛屾瘮濡傛湁娌℃湁playground銆傜瓑寰呫€傦紙2锛夊弬鑰冩垚鐔熷晢涓氭渚嬬殑搴旂敤骞垮害銆備粠鍙傝€冧緥瀛愪腑鑰冭檻锛岃寮曟搸鏄惁琚幇瀹炵殑銆佽憲鍚嶇殑椤圭洰鎵€浣跨敤锛屼互鍙婁娇鐢ㄧ殑骞垮害锛?3)璁捐鐞嗗康琛ㄧ幇浠庤璁′笂鑰冭檻锛屽紩鎿庣殑璁捐鐞嗗康鏄惁鏄撲簬鐞嗚В锛屾柟渚跨涓夋柟鑾峰彇銆傚苟涓旈渶瑕佺粨鍚堥」鐩殑瑙勬ā鍜屽姛鑳介渶姹傦紝閫夋嫨婊¤冻鎬ц兘浼樺寲銆佸唴瀛樼鐞嗐€佽祫婧愮鐞嗙瓑闇€姹傜殑寮曟搸銆?.4鎶€鏈爤閫夊彇Github涓妔tar鏈€澶氱殑娓告垙寮曟搸锛屾寫鍑哄嚑涓潵鍒嗘瀽鍏朵紭缂虹偣锛?1)Three.jsThree.js鏄渶娴佽鐨凧avaScript搴撲箣涓€锛岀敤浜庡湪Web涓娇鐢╓ebGL娴忚鍣ㄥ湪.A.浼樼偣锛氭槗瀛︼細闈炲父瀹规槗涓婃墜锛屼篃閫傚悎鏂版墜澶у瀷绀惧尯锛氬ぇ閲忕ず渚嬶紝澶ч噺鐢ㄦ埛锛屼赴瀵岀殑绀惧尯鑹ソ鐨勬枃妗ｏ細寮哄ぇ鐨勬枃妗ｉ€氬父鏄己澶у簱鐨勮壇濂芥寚鏍囷紝鑰孴hree.js鏂囨。鎬ц兘浼樼浼樼偣锛氭€ц兘浼樼锛屽彲浠ュ緢濂界殑瀹屾垚澶嶆潅鐨勬覆鏌撳姛鑳絇BR娓叉煋锛氬唴缃甈BR娓叉煋锛屼娇娓叉煋鍥惧舰鏇村噯纭瓵PI闈㈠悜鏂版墜锛岄殣钘忎簡璁稿楂樼骇鍔熻兘(2)Babylon.jsBabylon.js鏄竴涓己澶с€佺畝鍗曘€佸紑鏀剧殑娓告垙鍜屾覆鏌撳紩鎿庛€侫.浼樼偣锛氬緢妫掔殑娴嬭瘯宸ュ叿锛歅layground鏄竴涓緢濂界殑宸ュ叿锛屽彲浠ュ湪杩涘叆鍏ㄩ潰寮€鍙戜箣鍓嶈繘琛屾祴璇曪紝骞朵笖鏈夊緢濂界殑鍚姩鏂囨。寮哄ぇ鐨勭ぞ鍖烘敮鎸侊細娲昏穬鐨勭ぞ鍖哄拰涓板瘜鐨勬洿鏂拌凯浠ｏ細妗嗘灦缁忓父鏇存柊浠ｇ爜搴撳拰绗笁鏂瑰伐鍏锋鍦ㄧН鏋佸紑鍙戜腑PBR娓叉煋锛氬PBR娓叉煋鐨勬敮鎸侀潪甯稿ソ澶х墝鏀寔锛欱abylon琚獳dobe銆丮icrosoft绛夊悇澶у搧鐗屼娇鐢ㄥ拰鏀寔Bug淇锛欱UG淇閫熷害蹇紝鏈夐棶棰樺彲浠ュ揩閫熻В鍐充箼銆備笉瓒筹細鎴愮啛搴︼細2013骞寸涓€鐗堬紝涓庝紬澶氱珵鍝佺浉姣旓紝杩樺勾杞伙紱鏂囨。锛欰PI鏂囨。涓儴鍒嗗弬鏁板瓧娈垫弿杩颁笉澶熸竻鏅帮紱Scale:涓嶉€傚悎杈冨皬鐨勯」鐩?3)Aframe浣跨敤Simple,declarativeHTML:A-Framejustplugin
