涓€涓ソ鐨勫墠绔晫闈腑寰堥噸瑕佺殑涓€涓唴瀹瑰氨鏄姩鐢汇€備娇鐢ㄨ创鍚堝満鏅殑鍔ㄧ敾锛屼笉浠呭彲浠ヤ紭鍖栫綉绔欓〉闈腑鐨勪氦浜掔粏鑺傦紝杩樺彲浠ユ彁鍗囩敤鎴蜂綋楠屻€傚畠杩樺彲浠ヤ娇椤甸潰鏇村叿鍚稿紩鍔涳紝骞朵负缃戠珯甯︽潵鏇村娴侀噺銆傚鏋滀綘娌℃湁鎵嬪啓鍚勭show鍔ㄧ敾鐨勮兘鍔涳紝閭ｄ箞涓嬮潰浠嬬粛鐨勫姩鐢诲簱鍙互鏀堕泦璧锋潵~Three.jsThree鏄竴涓獊鐮?6KStar鐨勭儹闂ㄥ簱銆傚畠鏄竴涓槗浜庝娇鐢ㄣ€佽交閲忕骇鐨?D搴撶殑榛樿WebGL娓叉煋鍣ㄣ€傚湪绀轰緥涓紝璇ュ簱杩樻彁渚涗簡鐢诲竷2D銆丼VG鍜孋SS3D娓叉煋鍣ㄣ€倀hreejs鍙互鐞嗚В涓轰笁涓?js锛宼hree鏄?D鐨勬剰鎬濓紝js鏄痡avascript鐨勬剰鎬濄€傛墍浠ヨ繛鍦ㄤ竴璧凤紝three.js鐨勬剰鎬濇槸鐢╦avascript鍐?D绋嬪簭銆俆hree.js鏄竴涓緢妫掔殑寮€婧怶ebGL搴撱€俉ebGL鍏佽JavaScript鎿嶄綔GPU锛屽湪娴忚鍣ㄧ瀹炵幇鐪熸鐨?D銆傚鏋滄垜浠渶瑕佷娇鐢═hreejs杩涜缁樺浘锛屽彧闇€瑕佸垱寤轰竴涓瀬绠€缁樺浘鐜鍗冲彲銆俆hreejs鍏跺疄鏄皟鐢╤tml5涓殑canvasapi瀹炵幇搴曞眰缁樺浘鐨勩€備絾涓庢垜浠竴鑸粯鍒?D鍥惧儚涓嶅悓锛岃繖涓簱鎻愪緵浜哻anvas銆乻vg銆丆SS3D鍜學ebGL娓叉煋鍣紝浣挎垜浠兘澶熷湪璁惧鍜屾祻瑙堝櫒涔嬮棿鍒涘缓涓板瘜鐨勪氦浜掍綋楠屻€俆hreejs灏佽浜?D缁樺浘鎵€闇€鐨勫悇绉嶅厓绱狅紙濡傚満鏅€佺浉鏈恒€佺伅鍏夈€佸嚑浣曞浘鍍忋€佹潗璐ㄧ瓑锛堿nime.jsAnime搴撶洰鍓嶆嫢鏈?3KStars锛孉nime鏄竴涓娇鐢–SS灞炴€х殑JavaScript鍔ㄧ敾搴擄紝鍗曚釜CSS鍙樻崲锛孲VG鎴栦换浣旸OM灞炴€э紝浠ュ強JavaScript瀵硅薄銆傝搴撳厑璁告偍閾炬帴澶氫釜鍔ㄧ敾灞炴€с€佸皢澶氫釜瀹炰緥鍚屾鍦ㄤ竴璧枫€佸垱寤烘椂闂寸嚎绛夈€傚湪杩欓噷锛屾垜浠篃鏉ョ湅鐪嬬垎鐐告€х矑瀛愮唤鏀剧壒鏁堢殑鍑犱釜寰堥叿鐨勪緥瀛愩€傛垜浠殑鐩爣涓嶄粎鏄拷姹傞叿锛屾洿瑕佽创鍚堜笟鍔″満鏅€備吉铔囧舰鎻愪氦鐗规晥鍑犵櫨琛屼唬鐮佸疄鐜癱anvas榧犳爣鐐瑰嚮缁芥斁鐗规晥绀轰緥Mo.jsMo.js锛屼竴涓嫢鏈?5KStars鐨勫簱锛屾槸涓€涓敤浜巜eb鐨勫姩鎬佸浘褰㈠伐鍏峰甫锛屽叿鏈夌畝鍗曠殑澹版槑寮廇PI锛屼氦鍙?璁惧鍏煎鎬э紝浠ュ強瓒呰繃1500涓崟鍏冩祴璇曘€傛偍鍙互鍦―OME鎴朣VGDOME鍛ㄥ洿绉诲姩鍐呭锛屾垨鍒涘缓鐙壒鐨刴o.js瀵硅薄銆傝櫧鐒舵枃妗ｅ緢灏戯紝浣嗘湁寰堝绀轰緥锛岃繖閲屾槸瀵笴SS鎶€宸х殑浠嬬粛銆侻o.js鍏煎鎬уソ锛欳hrome4+Firefox4+Opera11.5+Safari4+IE9+渚嬪VelocityVelocity鏄竴涓揩閫熺殑Javascript鍔ㄧ敾寮曟搸锛屽叾API涓巎Query鐨?.animate()鐩稿悓锛岀洰鍓嶅凡缁忔湁16KStars銆傚畠鍏锋湁涓板瘜澶氬僵鐨勫姩鐢汇€佽繃娓°€佸惊鐜€佺缉鏀俱€丼VG鏀寔鍜屾粴鍔ㄣ€傜敱浜庝笌JQ澶ф硶API鍩烘湰鐩稿悓锛屾墍浠ュ彲浠ュ紑绠卞嵆鐢紝鏂逛究灏忎紮浼翠滑浣跨敤銆傛偍鏍规湰涓嶉渶瑕佺啛鎮夋柊鐨凙PI銆俻opmotion鐨勫姛鑳藉姩鐢诲簱鐩墠鎷ユ湁17KStars銆傚寘澶у皬鍙湁11KB锛屾瀬鍏剁簿绠€鐨勫姩鐢诲簱銆傚畠鍏佽寮€鍙戜汉鍛樺垱寤哄熀浜庡姩浣滅殑鍔ㄧ敾鍜屼氦浜掞紝杩欎簺鍔ㄤ綔鏄彲浠ュ惎鍔ㄥ拰鍋滄鐨勫€兼祦锛屽苟浣跨敤CSS銆丼VG銆丷eact銆乀hree.js鍜屼换浣曟帴鍙楁暟瀛椾綔涓鸿緭鍏ョ殑API鍒涘缓銆俻opmotion瀹樼綉鎻愪緵浜嗕赴瀵岃缁嗙殑绀轰緥锛屽寘鎷琕ueReact绛夌ず渚嬫紨绀恒€傚姩鐢诲簱姣旇緝绠€鍗曟槗鐢紝瀹屾垚鍩烘湰鐨勪笟鍔″姩鐢绘晥鏋滅话缁版湁浣欍€俆yped.jsTyped鏄竴涓笓娉ㄤ簬鎵撳瓧鍔ㄧ敾鐨勫簱锛岀洰鍓嶆湁9KStars銆傝鎮ㄤ互閫夊畾鐨勯€熷害鍔ㄧ敾杈撳叆瀛楃涓层€傛偍杩樺彲浠ュ湪椤甸潰涓婃斁缃竴涓狧TMLdiv骞惰鍙栧畠浠ュ厑璁告悳绱㈠紩鎿庡拰绂佺敤javascript鐨勭敤鎴枫€傚畠鏃㈡祦琛屽張鍑哄鍦版湁鐢ㄣ€備笅闈㈡垜浠畝鍗曞啓浜嗕竴涓ず渚嬶紝闈炲父濂界敤锛佸悓鏃惰搴撹繕鏀寔鍗佸嚑绉嶅弬鏁伴厤缃拰鐩稿簲鐨勫洖璋冮厤缃€傝鎯呰鍙傝€僄ithub銆侫nimate(css)animate.css鏄娇鐢–SS3鍔ㄧ敾鍒朵綔鐨勫姩鐢绘晥鏋滅殑CSS闆嗗悎銆傚父鐢ㄧ殑鍔ㄧ敾锛岃€屼笖闈炲父瀹规槗涓婃墜銆傜洰鍓嶆嫢鏈?3KStar锛屾槸鍓嶇鏈嬪弸蹇呭鐨勫墠绔疌SS鍔ㄧ敾搴撲箣涓€銆傛墍鏈夊姩鐢绘晥鏋滈兘鍙互瀹炴椂棰勮锛屽嵆鍒讳娇鐢ㄩ潪甯告柟渚裤€侶over(css)Hover鏄竴涓彁渚汣SS鎮仠鏁堟灉鐨勫簱銆傜洰鍓嶏紝鏈?2K棰楁槦銆侶over鎻愪緵浜嗕竴缁凜SS3鏀寔鐨勬偓鍋滄晥鏋滐紝鍙簲鐢ㄤ簬閾炬帴銆佹寜閽€佸窘鏍囥€丼VG銆佺壒鑹插浘鍍忕瓑锛岄€傜敤浜嶤SS銆丼ass鍜孡ess銆傛偍鍙互灏嗚浣跨敤鐨勬晥鏋滃鍒跺苟绮樿创鍒版偍鑷繁鐨勬牱寮忚〃涓紝鎴栫洿鎺ュ紩鐢ㄦ牱寮忚〃銆傚啓鍦ㄦ渶鍚庯紝杩欐槸骞虫椂涓氫綑鏃堕棿寮€鍙戞暣鐞嗙殑鍑犱釜楂樻槦鍜屽父鐢ㄧ殑搴撱€傛湰鏂囧彧鏄竴涓畝鍗曠殑鎺ㄨ崘銆傝繖浜涘簱鍩烘湰閮介厤澶囦簡瀹屾暣鐨勬枃妗ｅ拰demo銆傚悗缁殑浣跨敤杩橀渶瑕佸ぇ瀹朵竴璧锋帰璁ㄣ€傚鏋滃ぇ瀹惰繕鏈夊叾浠栨洿濂界殑搴撴杩庣暀瑷€璇勮锛屼笅涓€娉㈡湁鏈轰細缁х画鏁寸悊缁欏ぇ瀹躲€傚浘涔﹂铏界劧涓嶉敊锛屼絾涓嶈璐績锛岃繕鏄瘯璇曟墜鍐欏惂~鉂わ笍鏈€鍚庯紝濡傛灉瑙夊緱杩欑瘒鍐呭瀵逛綘寰堟湁鍚彂锛氬垎浜嚭鍘昏鏇村浜虹湅鍒拌繖绡囧唴瀹癸紙娆㈣繋鐐硅禐鍜屽叧娉煒婏級鍏虫敞鍏紬鍙封€滃墠绔叕铏锯€濓紝姣忓懆鍒嗕韩鍓嶇骞茶揣
