如何在processing.js中創建滑塊？

我有一個計劃：如何在processing.js中創建滑塊？

noStroke(); 
fill(0, 255, 162); 
var ft = 10; 
//Change the diameter 
var CSize = 100; 
var R = CSize/2; 
var D = CSize; 
var C = D * PI/ft; 
var A = PI * R * R/ft; 
var SimonArea = C * A/D * 2/ft; 
ellipse(200 - CSize/2,200 - CSize/2,CSize,CSize); 
fill(13, 0, 255); 
textSize(20); 
text("Circumference = "+C,0,392); 
text("Area of Circle = "+A,6,365); 
text("1 foot = 10 pixels",19,33); 
text("Random numbers associated with the circle =",3,314); 
text(SimonArea,3,344);

但我無法弄清楚如何使可用於改變變量的CSize的滑塊。我需要它，所以我可以在程序中更改變量CSize。它應該找出一個圓的周長和麪積。我並不在乎加載程序需要多少時間。滑塊的範圍應該是0到200.

來源

2014-03-19 spharms

你的程序有一些功能缺失。沒有事件驅動的Processing程序的基礎知識，你不會得到一個工作滑塊。 –

你可以找到一些很好的GUI庫來爲你做。我目前使用的類控件，你可以在這裏找到：http://www.openprocessing.org/sketch/115256

要畫一個簡單的滑塊可以將該類複製到你的，畫幾行是這樣的：

Slider slider; 
var CSize = 20f; 

void setup(){ 
    size(200,200); 
    slider = new Slider("name", CSize, 0f, 200f, 10, 50, 150, 20, HORIZONTAL); 
} 
void draw(){ 
    background(80); 
    slider.display(); 
} 

void mouseDragged(){ 
    slider.mouseDragged(); 
    CSize = slider.val; 
    println("valor: " + CSize); 
} 

void mouseReleased(){ 
    slider.mouseReleased(); 
    CSize = slider.val; 
    println("valor: " + CSize); 
}

PS：如果你想使用類Widget，確保你已經複製了四行上面的常量。

來源

2014-03-26 19:58:20 Marcos

如何在processing.js中創建滑塊？

回答

相關問題