相關(guān)商品

  • 基于Arduino 互動(dòng)電子套件 23節(jié)經(jīng)典實(shí)驗(yàn) UNO R3新版
  • 愛上Arduino 互動(dòng)入門套件 中文教材配套 教學(xué)視頻 UNO R3
  • 基于Arduino 互動(dòng)電子積木套件 arduino UNO R3開發(fā)實(shí)戰(zhàn) 愛上制作
  • Arduino 水蒸氣傳感器 雨水探測器 液位開關(guān) 濕度傳感器 電子積木
  • 傳感器實(shí)戰(zhàn)全攻略41個(gè)創(chuàng)客喜愛的Arduino與Raspberry Pi制作項(xiàng)目
  • 愛上Processing互動(dòng)入門套件 UNO R3入門套件 學(xué)習(xí)套件 Java編程套件
  • 奧松機(jī)器人 MQ2氣體傳感器 Arduino煙霧甲烷氣體檢測 正品保證
  • Mini紅外避障傳感器 光電傳感器 Arduino 程控小車 電子競賽
  • Arduino 火焰?zhèn)鞲衅?模擬傳感器 電子積木 滅火機(jī)器人
  • Arduino 電壓檢測模塊 Voltage Sensor 電壓傳感器 電子積木
  • Arduino LM35線性溫度傳感器 模擬線性溫度傳感器 電子積木
  • Arduino DHT11 溫度傳感器 濕度傳感器 數(shù)字溫濕度模塊 電子積木
  • Arduino 顏色傳感器 TCS3200D TCS230D升級版 RGB模塊 電子積木
  • 愛上Processing Casey Reas所著 Processing解析 中文教材
  • 當(dāng)前位置: 首頁 > 創(chuàng)客利器 > 【創(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

    天貓robotbase.tmall.com

    QQ群:16816196(討論,解惑)

    新浪微博:@奧松機(jī)器人基地




    • 用戶評價(jià)

    暫時(shí)還沒有任何用戶評論

    總計(jì) 0 個(gè)記錄,共 1 頁。 第一頁 上一頁 下一頁 最末頁
    用戶名: 匿名用戶
    E-mail:
    評價(jià)等級:
    評論內(nèi)容:
    驗(yàn)證碼:
    captcha

    Hi,大家好,我是小奧!

    歡迎來到奧松機(jī)器人的世界!

    需要咨詢服務(wù)請點(diǎn)小奧哦!

    • 銷售咨詢: 銷售咨詢
    • 銷售咨詢: 銷售咨詢
    • 技術(shù)支持: 技術(shù)支持
    • 咨詢電話:
      0451-86628691
    Top