JavaScript入門

標籤：https   cal   設定   座標   nal   記憶   function   不同   color   

　　不需要刻意記憶函數或者命令，要學會查用技術文檔，而且用多了自然就記住了。

　　Remove the noStroke() call，移除noStroke函數調用。

　　stroke(255, 0, 0); 線條顏色 預設紅色。RGB色彩選擇工具。三個參數分別代表R,G,B所佔比例。　　

　　background(r, g, b)Set the background color，背景色設定

　　fill(r, g, b)Set the fill color for shapes， （圖形）形狀填充色

　　mouseX, mouseY,可直接調用，但必須在函數內。

　　mouseX指滑鼠X軸座標，可替換函數內的X值也可替代Y值，會出現不同的效果。圖形類函數及顏色類函數均可使用mouseX & mouseY.

　　如以下代碼，跟隨滑鼠移動的小圓圈。

 1 // mouseX and mouseY 2  3 strokeWeight(3); 4 stroke(57, 0, 214); 5 fill(0, 210, 247); 6  7  8 draw = function() { 9     10     background(255, 255, 255);11     12     ellipse(mouseX, mouseY, 30, 30);13     14 };

 　　若不使用background，則移動滑鼠後，小圓圈會留下殘影。效果操作　　ps. 部落格園不能直接上傳圖片，有點小遺憾。

　　  使用background則不會留下殘影。

JavaScript入門