HTML小游戏5-水果忍者（附完整源码）

时间：2023-03-28 14:32:30 HTML

馃拏缃戠珯鎺ㄨ崘锛氥€愮绾ф簮鐮佽祫婧愮綉銆戙€愭崟楸兼父鎴忋€戰煠熼瓒ｅ菇榛樼殑鍓嶇瀛︿範璇剧▼锛氿煈夋湁瓒ｇ殑鍓嶇28渚嬪涔狆煉呭鏋滀綘姝ｅ湪瀵绘壘鍙互涓€璧峰涔犱氦娴侊紝涓€璧烽挀楸煎垝妗ㄧ殑灏忎紮浼达紝璇风偣鍑汇€愰挀楸煎涔犱氦娴佺兢銆戰煉厤璐瑰疄鐢ㄧ殑璁＄畻鏈虹浉鍏崇煡璇嗛搴擄細馃憠蹇潵鍏嶈垂瀹炵敤鍓嶇鍒烽锛堥潰缁忓ぇ鍏級缃戝潃锛岎煈夌偣鍑昏烦杞埌缃戝潃銆傚湪鏈妭鏁欑▼涓紝鎴戝皢甯﹀ぇ瀹朵娇鐢℉TML銆丆SS鍜孞S鍒朵綔涓€娆炬按鏋滃繊鑰呮父鎴忋€傛湰鑺傜殑渚嬪瓙浼氬疄鐜板涓嬫晥鏋滐細鍦ㄧ嚎婕旂ず鍦板潃锛歨ttps://code.haiyong.site/moyu/shuiguenzhe/sourcecode涔熷彲浠ュ湪鏂囨湯鑾峰彇馃暪锔忔湰鏂囧凡鏀跺綍鍦煄栵笍100HTMLgames涓撴爮锛?00HTMLgames馃幃鐩墠鏈?00+娆炬父鎴忥紝婧愮爜鎸佺画鏇存柊涓€傚墠100涓闃呭厤璐癸紝鍏堝埌鍏堝緱銆傪煇闃呬笓鏍忥紝鍗冲彲闃呰100绡嘓TML灏忔父鎴忔枃绔狅紱涔熷彲浠ョ鑱婂墠绔?娓告垙鍒朵綔瀛︿範浜ゆ祦缇わ紱鑾峰緱100涓皬娓告垙婧愪唬鐮併€傗湪椤圭洰鐨勫熀鏈粨鏋勫ぇ鑷村涓嬶紙鍏?2涓瓙鏂囦欢锛夛細鈹溾攢鈹€images鈹傗敎鈹€鈹€background.jpg鈹傗攤...鈹傗敂鈹€鈹€xf.png鈹溾攢鈹€sound鈹傗敎鈹€鈹€start.ogg鈹傗攤...鈹傗敂鈹€鈹€boom.mp3鈹溾攢鈹€鑴氭湰鈹傗敎鈹€鈹€factory鈹傗攤鈹溾攢鈹€rotate.js鈹傗攤鈹溾攢鈹€fruit.js鈹傗攤...鈹傗攤鈹斺攢鈹€juice.js鈹傗敎鈹€鈹€timeline.js鈹?..鈹傗敂鈹€鈹€control.js鈹斺攢鈹€index.html鍦烘櫙灞曠ずHTML婧愮爜

鐢ㄩ紶鏍囨粦鍔ㄦ按鏋滃紑濮嬫父鎴?/div>

鏇村娓告垙娓告垙婧愮爜CSS婧愮爜html,bodyhtml,body{width:100%;楂樺害锛?00%锛涜儗鏅細#484848锛泒韬綋{浣嶇疆:relative;}extra锛寁iew锛宭ayer#extra,#view{position:absolute;宸︼細50%锛涢《閮細50%锛涘搴︼細640px锛涢珮搴︼細480px锛涜竟璺濓細-280pxautoauto-320px锛涙枃鏈榻愶細宸︼紱鑳屾櫙锛?fff锛泒#view{鏄剧ず锛氬潡锛涜儗鏅細閫忔槑url(blank.gif)閲嶅00锛涙父鏍囷細榛樿锛泎-index:20;}#extra{鑳屾櫙:#000;}#extra.layer{position:absolute;宸︼細0锛涢《閮細0锛涘搴︼細640px锛涢珮搴︼細480px锛泎-index:10;}fork#fork{鏄剧ず锛氬潡锛涗綅缃細缁濆锛涘彸锛?锛涢《閮細0锛涘搴︼細356px锛涢珮搴︼細92px锛涙父鏍囷細鎸囬拡锛涜儗鏅浘鍍忥細url锛坒ork.gif锛夛紱z-index:0;}desc#desc{瀹藉害:100%;浣嶇疆锛氱粷瀵癸紱宸︼細0锛涢《閮細50%锛涢珮搴︼細80px锛涢鑹诧細#ccc锛涜楂橈細40px锛涜竟璺濋《閮細200px锛涙枃鏈榻愶細灞呬腑锛涘瓧浣撳ぇ灏忥細14px锛泒#desca{棰滆壊锛?318fe1锛泒娴忚鍣?browser{瀛椾綋澶у皬锛?4px锛涜楂橈細16px;}#browser.b{棰滆壊锛?fff;Font-weight:700;}JS婧愮爜js浠ｇ爜寰堝锛岃繖閲屾彁渚涗簡涓€閮ㄥ垎锛屽畬鏁寸殑婧愮爜鍙互鍦ㄦ枃鏈笅杞界鎾炴娴媏xports.check=function(knife){varret=[],绱㈠紩=0;fruits.forEach(function(fruit){varck=lineInEllipse(knife.slice(0,2),knife.slice(2,4),[fruit.originX,fruit.originY],fruit.radius);if(ck)ret[index++]=fruit;});returnret;};functionsqr(x){returnx*x;}functionsign(n){杩斿洖n<0?-1:(n>0?1:0);}functionequation12(a,b,c){if(a==0)return;vardelta=b*b-4*a*c;濡傛灉锛坉elta==0锛夎繑鍥瀃-1*b/锛?*a锛夛紝-1*b/锛?*a锛塢;elseif(delta>0)return[(-1*b+Math.sqrt(delta))/(2*a),(-1*b-Math.sqrt(delta))/(2*a)];}杩斿洖绾挎鍜屾き鍦嗙殑涓や釜浜ょ偣锛屽鏋滀笉鐩镐氦锛岃繑鍥瀗ullfunctionlineXEllipse(p1,p2,c,r,e){//绾挎锛歱1锛宲2涓績锛歝鍗婂緞锛歳鍋忓績鐜?e濡傛灉(r<=0)杩斿洖锛沞=e===鏈畾涔夛紵1:鐢靛瓙;鍙橀噺t1=r,t2=r*e,k;a=sqr(t2)*sqr(p1[0]-p2[0])+sqr(t1)*sqr(p1[1]-p2[1]);濡傛灉锛坅<=0锛夎繑鍥烇紱b=2*sqr(t2)*(p2[0]-p1[0])*(p1[0]-c[0])+2*sqr(t1)*(p2[1]-p1[1])*(p1[1]-c[1]);c=sqr(t2)*sqr(p1[0]-c[0])+sqr(t1)*sqr(p1[1]-c[1])-sqr(t1)*sqr(t2);濡傛灉(!(k=equation12(a,b,c,t1,t2)))杩斿洖锛泇ar缁撴灉=[[p1[0]+k[0]*(p2[0]-p1[0]),p1[1]+k[0]*(p2[1]-p1[1])],[p1[0]+k[1]*(p2[0]-p1[0]),p1[1]+k[1]*(p2[1]-p1[1])]];濡傛灉锛堬紒锛堬紙绗﹀彿锛堢粨鏋淸0][0]-p1[0]锛?绗﹀彿锛堢粨鏋淸0][0]-p2[0]锛?=0锛?&锛堢鍙凤紙缁撴灉[0][1]-p1[1])*sign(缁撴灉[0][1]-p2[1])<=0)))缁撴灉[0]=null;濡傛灉锛堬紒锛堬紙绗﹀彿锛堢粨鏋淸1][0]-p1[0]锛?绗﹀彿锛堢粨鏋淸1][0]-p2[0]锛?=0锛?&锛堢鍙凤紙缁撴灉[1][1]-p1[1])*sign(result[1][1]-p2[1])<=0)))result[1]=null;杩斿洖nresult;}鍒ゆ柇璁＄畻鍑虹殑绾挎涓庢き鍦嗘槸鍚︾浉浜ゅ嚱鏁發ineInEllipse(p1,p2,c,r,e){vart=lineXEllipse(p1,p2,c,r,e);杩斿洖t&&(t[0]||t[1]);};鍥剧墖璧勬簮涓€鍏?00澶氬紶鍥剧墖锛屽叏閮ㄦ墦鍖呮斁鍦ㄦ枃鏈笅杞介摼鎺ヤ腑銆傛簮鐮佷笅杞?銆丆SDN璧勬簮涓嬭浇锛堥渶瑕乂IP锛夛細https://download.csdn.net/download/qq_44273429/869220402銆傛捣鐢ㄨ祫婧愮綉涓嬭浇锛堟洿浼樻儬锛夛細https://code.haiyong.site/25/3銆備篃鍙互鍏虫敞鎴戞€濆惥锛堟捣鍕囷級鍚庣淇¤嫳闆勮仈鐩熺畝鐗?/p>