第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于星星不重復

我做一個判斷,判斷兩個大圓的弧線坐標不一樣,這樣可以實現(xiàn)不重疊么,

正在回答

2 回答

var?stars?=[];
	$(function(){
		var?canvas=$("#canvas");
		canvas.width=800;
		canvas.height=800;
		var?context=canvas[0].getContext("2d");
		
		context.fillStyle="black";
		context.fillRect(0,0,canvas.width,canvas.height);
		addStars();
		upadteStars();
		console.log(stars.length);
		drowStarSky(context);

	})
//添加200個隨機星星到星星的數(shù)組
function?addStars()?{
	//?body...
		for?(var?i?=?0;?i?<?200;?i++)?{
			var?star={
?					r:Math.random()*10+10,
?					x:Math.random()*(canvas.width-40)+20,
?					y:Math.random()*(canvas.height-40)+20,
?					a:Math.random()*360
?				}
?				stars.push(star);
		};
}
//去掉重合的星星
	function?upadteStars?()?{
			for?(var?i?=?0;?i?<?stars.length;?i++)?{
			for?(var?j?=?i+1;?j?<?stars.length;?j++)?{
				var?a=Math.pow(stars[i].x-stars[j].x,2);
				var?b=Math.pow(stars[i].y-stars[j].y,2);
				var?c=Math.pow(stars[i].r+stars[j].r,2)
				if(a+b<c){
					stars.splice(j,1);
				}
				
			};
			
		};
		
	}
	//將不重合的星星全部畫入畫布
	function?drowStarSky(context){
		for?(var?i?=?0;?i?<?stars.length;?i++)?{
			drowStar(stars[i].r/2,stars[i].r,stars[i].x,stars[i].y,context,stars[i].a);
		};

	}
	//畫一個星星

	function?drowStar?(r,R,x,y,ctx,rot)?{
		ctx.beginPath();
		for?(var?i?=?0;?i?<?5;?i++)?{
			ctx.lineTo(Math.cos((18+i*72-rot)/180*Math.PI)*R+x,-Math.sin((18+i*72-rot)/180*Math.PI)*R+y);
			ctx.lineTo(Math.cos((54+i*72-rot)/180*Math.PI)*r+x,-Math.sin((54+i*72-rot)/180*Math.PI)*r+y)

		};
		ctx.closePath();

		ctx.lineJoin="round";
		ctx.lineStyle="#058";
		ctx.lineWidth=5;
		ctx.fillStyle="yellow"
		ctx.fill();
		ctx.stroke();

	}


5 回復 有任何疑惑可以回復我~
#1

CoolHuan

主要是圓心距離大于半徑之和。兄弟給個贊。
2016-06-17 回復 有任何疑惑可以回復我~
#2

blablabla 回復 CoolHuan

星星多了就不行
2016-08-18 回復 有任何疑惑可以回復我~

應該不可以

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
Canvas繪圖詳解
  • 參與學習       72987    人
  • 解答問題       436    個

Canvas系列教程第二課,詳解Canvas各接口,讓同學徹底掌握Canvas繪圖

進入課程

關于星星不重復

我要回答 關注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號