2015-09-03 34 views
0

如何在移動窗口時增加一排橢圓的大小?我想讓它看起來像他們到達窗口的底部,他們變得更大。如何在處理中增加橢圓大小

size(300, 500); 
background(255); 
noStroke(); 
smooth(); 
translate(width/8, height/2); 


for (int a = 0; a < 7; a++) { 
    for (int b = 0; b < 7; b++) { 
    fill(random(0, 50)); 
    ellipse(a * 76, b * 65, 100, 100); 
    } 
} 
+0

你需要說你正在使用什麼技術,否則沒有人能夠幫助你 – rdans

+0

你的意思是程序?因爲它在標題Processing中表示。 –

+0

我編輯了您的問題以添加「處理」標記。標籤是人們找到與特定技術相關問題的最簡單方式。特別是像這樣的事情,因爲「處理」在這個網站上是一個很常見的詞,它有很多不同的編程語言,所以對每個人來說都不是很明顯。 – rdans

回答

1

ellipse()函數的最後兩個參數可以控制寬度和高度:

size(300, 500); 
background(255); 
noStroke(); 
smooth(); 
translate(width/8, height/2); 


for (int a = 0; a < 7; a++) { 
    for (int b = 0; b < 7; b++) { 
// int ellipseSize = (a+b)*10;//depending both x and y 
    int ellipseSize = b * 10;//depdning just on y 
    fill(random(0, 50)); 
    ellipse(a * 76, b * 65, ellipseSize, ellipseSize); 
    } 
} 

這裏有一個快速演示中,你可以運行在這裏:(它使用JavaScript的端口,但語法是非常接近)

function setup() { 
 
    createCanvas(600, 500); 
 
    background(255); 
 
    noStroke(); 
 
    smooth(); 
 
    translate(width/16, height/16); 
 
    
 
    
 
    for (var a = 0; a < 7; a++) { 
 
    for (var b = 0; b < 7; b++) { 
 
     var ellipseSize = (b+a+1) * 7.5; 
 
     fill(color((a+b)*18)); 
 
     ellipse(a * 76, b * 65, ellipseSize, ellipseSize); 
 
    } 
 
    } 
 
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.4.9/p5.min.js"></script>

+0

謝謝謝謝謝謝,我一直感到沮喪哈哈。我知道最後兩個參數意味着什麼感謝,而不是如何讓他們改變每一行:) –

+0

你認爲有辦法讓前幾行更接近?我需要他們更接近底部行 - 當然感謝 –

+0

!你可以完全做到這一點:用你在for循環之前調用的translate()調用的第二個參數(例如'''translate(width/8/height/8) ;''')玩得開心,感覺如果有幫助,可以投票/標記答案;) –