相關(guān)商品














相關(guān)文章
- 【編程軟件】什么是Processing?愛上Processing從今天開始!
- 【編程軟件】Processing:讓編程成為一種藝術(shù)(謝作如)
- 【編程軟件】Scratch輕松入階編程 菜鳥也能飛
- 【創(chuàng)客學(xué)堂】Arduino+Processing 制作極客風(fēng)格繪圖機(jī)
- 【編程軟件】什么是 Arduino IDE
- 【編程軟件】什么是 Scratch2.0
- 【應(yīng)用軟件】什么是Fritzing
- 【編程軟件】什么是 Processing
- 【應(yīng)用軟件】什么是 S4A
- 【應(yīng)用軟件】什么是 Ardublock
- 【應(yīng)用軟件】什么是 App Inventor 2
- 【應(yīng)用軟件】Autodesk 123D 系列3D建模軟件
- 【應(yīng)用軟件】什么是 Solidworks
- 【編程軟件】什么是 ArduinoStudio
- 【創(chuàng)客學(xué)堂】Arduino M0 Pro使用Ardino IDE與Atmel studio實(shí)現(xiàn)在線調(diào)試
- 【創(chuàng)客利器】用Processing繪制簡單圖形
- 【創(chuàng)客利器】Processing 改變形狀屬性
【創(chuàng)客利器】Processing 改變形狀屬性
編輯:neil2017-10-20 瀏覽次數(shù):1377
通過 Processing 語言的簡單編程,我們可以繪制很多不同的圖形,通過運(yùn)行程序來顯示這些圖形,這是 Processing 交互式編程的特色,編寫的是代碼,運(yùn)行時(shí)通過圖形化更形象的顯示出程序的效果。在之前的文章中,同大家分享了如何使用 Processing 代碼來繪制簡單的圖形,例如:直線、長方形等,但是都是一些相同顏色,相同線條的圖形,我們是否可以通過編程來改變它們呢?答案是 “當(dāng)然可以了”!那么要怎么做呢?如何通過編寫 Processing 代碼來改變圖形的屬性呢?下面就通過幾個(gè)例子程序,來學(xué)習(xí)如何使用 Processing 代碼來該便圖形屬性,例如線條寬度,背景顏色等。
1、平滑曲線與非平滑曲線
Processing 例子程序:
關(guān)閉線條圓滑:
size(480, 120);
noSmooth();//關(guān)閉線條圓滑命令
ellipse(140, 60, 90, 90);
打開線條圓滑:
size(480, 120);
smooth();//打開線條圓滑命令
ellipse(140, 60, 90, 90);
將兩個(gè)代碼復(fù)制到 Processing 軟件中,大家可以運(yùn)行程序,如下圖所示,通過 Processing 代碼所繪制的圖形邊線光滑度是有區(qū)別的。
2、改變圖形邊線
(1)隱藏圖形的邊線
Processing 例子程序:
size(480, 120);
smooth();
fill(153); // 填充灰度為 153
ellipse(132, 82, 200, 200);
noFill(); //關(guān)閉填充
ellipse(228, -16, 200, 200);
noStroke(); // 關(guān)閉輪廓線條
ellipse(268, 118, 200, 200); // 這個(gè)圖形不會(huì)被繪制
運(yùn)行程序顯示效果如下圖所示,我們可以看到最后一個(gè)圖形并沒有顯示在運(yùn)行窗口中。

(2)設(shè)置圖形邊線的像素
size(480, 120);
smooth();
ellipse(75, 60, 90, 90);
strokeWeight(8); // 設(shè)置寬度像素為 8
ellipse(175, 60, 90, 90);
ellipse(279, 60, 90, 90);
strokeWeight(20); // 設(shè)置寬度像素為 20
ellipse(389, 60, 90, 90);
如下圖所示,程序運(yùn)行的效果是繪制了四個(gè)邊線像素不同的圓
3、改變圖形顏色
(1)設(shè)置圖形的灰度
processing 例子程序:
size(480, 120);
smooth();
background(0); // 黑色
fill(204); // 灰度為 204
ellipse(132, 82, 200, 200);
fill(153); // 填充灰度為 153
ellipse(228, -16, 200, 200);
fill(102);
ellipse(268, 118, 200, 200);
如下圖所示,程序運(yùn)行的效果是改變了所繪制圖形的灰度
(2)繪制彩色圖形
size(480, 120);
noStroke();
smooth();
background(0, 26, 51); // 設(shè)置背景顏色
fill(255, 0, 0); // 填充紅色
ellipse(132, 82, 200, 200); // 紅色圓弧
fill(0, 255, 0); // 填充綠色
ellipse(228, -16, 200, 200); // 綠色圓弧
fill(0, 0, 255); // 填充藍(lán)色
ellipse(268, 118, 200, 200); // 藍(lán)色圓弧
如下圖所示,程序運(yùn)行后,在窗口繪制出以紅色、綠色、藍(lán)色為底色的圓。
簡單的幾種圖形屬性修改命令就介紹到這里,動(dòng)手試一試吧!
創(chuàng)造源創(chuàng)客,創(chuàng)意自奧松
----------------------------------------------------------------------------------------------------------------------------------
奧松機(jī)器人官網(wǎng):www.robotbase.cn
秀創(chuàng)客教學(xué)視頻:supermaker.tv
微信號:奧松機(jī)器人
京東:alsrobot.jd.com
淘寶:robotbase.taobao.com
QQ群:16816196(討論,解惑)
新浪微博:@奧松機(jī)器人基地
用戶評價(jià)
暫時(shí)還沒有任何用戶評論