發表文章

目前顯示的是有「Processing」標籤的文章

Processing_如何用Processing繪製棋盤方格

圖片
其實一張表格的繪製可以有多種想法 1.一張大表格是由很多條橫線以及直線所匯集而成的 2.由很多方格所組成 1.一張大表格是由很多條橫線以及直線所匯集而成的 所以我先從劃一條直線開始 接著是第二條直線  和 第三條線 因此我們也慢慢很直觀發現 每次都相隔50且只要小於整張畫布之寬 就不停重複此循環 做相同畫線 換言之   我們其實也可以對  橫線做相同邏輯操作 程式碼 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 float x = 0 ; float y = 0 ; void setup (){ size ( 600 , 400 ); } void draw (){ background ( 0 ); stroke ( 255 ); strokeWeight ( 2 ); x = 50 ; while ( x < width ){ line ( x , 0 , x , height ); x += 50 ; } y = 50 ; while ( y < height ){ line ( 0 , y , width , y ); y += 50 ; } } 2.由很多方格所組成 一張表格其實是由一堆固定大小的小方塊格所組成!!! 假設我在  200*200的方格畫布中要畫出一個  3*3的米字宮格 結果就會如下 一開始我將 縱向的cols 橫向的 rows 設置為以每一方格大小劃分幾個畫布寬高等分來設置各自的數值 像我們這裡假若  寬高都是200的畫布好了 於 cols(垂直) 這樣劃分下來就能   分成   200/30 = 6個等分 於 rows(橫向) 這樣劃分下來就能   分成   200/30 = 6個等分 OK那這裡由於我們只要劃分成   3*3 所以可以將此演算法設計成 ...

Processing程式語言回顧_基本語法練習回顧_程式簡化_物件導向_Part1

圖片
最近剛結束當兵第一階段難熬的新訓 由於生病不舒服在家養病 剛當完兵回來 說實在的於軍中12天 腦袋早已秀斗、生鏽差不多了 迅速重新運作成進去前的智商 再次來使用 以前大學所學過的 P語言(Processing) /  based on JAVA 這門有趣易學的程式語言 溫故程式語法的手感吧!!!! (在此使用之版本為3.3.5的Processing) 目標: 1.Processing 語法暖身 2.簡化程式練習 3.練習Ball設計藍圖(Class)與 物件實體建立、調用 =================================================================== 一、基本語法練習回顧 先準備好  Processing 程式語言的主要架構 先準備好一個 寬640 高480大小   的畫布 準備完畫布之後  我們先來畫一個橢圓 我們沿著 畫布以最左上角座標(0,0)為起始位置 水平 x 200個單位(pixel) 垂直往下 100個單位(pixel) 繪製一個寬(width) 與 高(height) 皆為  80的橢圓(切記!! 非圓形) 接著我們希望這個橢圓能夠左右水平移動 我們宣告一個變數用來存取  x座標位置 一開始橢圓位在100 之後遞增1個單位 然後我們開始發現會出現畫圖的歷史移動軌跡 我們想消除這段彗星尾巴 因為我們於  draw()  區塊中只有針對  橢圓的x座標去做每次畫圖的更新 卻遺漏了背景每次也要跟著畫  跟著改變 再次上色 而且是在  橢圓移動繪製之前做 在 Processing  中我們使用  background 函數 做一些特定顏色的繪製 這裡設置0代表純黑色 那就會顯示像是    一顆白色雞蛋在夜空水瓶漂浮移動般 155則代表一半的濃度  也就是灰色 255則全白 當然我們也可指定   background(r ,g ,b); 依此類...