📌一系列小畫家
(mousePressed，fill，rect，stroke，strokeWeight，ellipse)
🌼這一個禮拜開始分流了，我就是那可憐的雙號
🌼早上去學校上完課，下午又要跑回家上線上(通勤仔的悲哀😢)
飆車me
今日課程大綱:
1.簡單顯示出顏色與線條🌈
1.1 按下後改顏色
1.2 從(0,0)畫線條
1.3 線條隨滑鼠移動
2.做出不同大小與顏色🌈
2.1 點按顏色後，會畫出所選取顏色
2.2 點按大小後，會畫出所選取大小
2.3 做出7種大小的畫筆
-(1)爆破法
-(2)迴圈法
2.4 做出8種顏色的畫筆
3.做出簡易型小畫家!🌈
====================筆記開始===================
1.滑鼠按下變顏色💚💓
使用mousePressed
並用background改顏色
2.滑鼠可以畫出線條
(畫了小愛心，看的出來嗎哈哈💗)
3.像小畫家的無顏色無粗細🌈畫布
(一隻小兔子🐰)
void setup()
{
size(500,500);
}
void draw()
{
if(mousePressed) line(mouseX,mouseY,pmouseX,pmouseY);
}
*開始進入有顏色與粗細了!
3.先來試試兩種顏色的程式碼該如何寫~
void setup(){
size(500,500);
fill(255,0,0);rect(0,0,100,100);//紅色
fill(0,255,0);rect(0,100,100,100);//綠色
}
void draw(){
if(mousePressed){
if(mouseX<100){
if(mouseY<100)<(255,0,0);//紅色
else if(mouseY<200)stroke(0,255,0);//綠色
}else line(mouseX,mouseY,pmouseX,pmouseY);
}
}
4.再來試試兩種不同粗細的畫筆該如何撰寫~
void setup()
{
size(500,500);
rect(0,0,100,100); ellipse(50,50,8,8); //8的圓
rect(0,100,100,100); ellipse(50,150,4,4); //4的圓
}
void draw()
{
if(mousePressed)
{
if(mouseX<100)
{
if(mouseY<100) strokeWeight(8); //粗
else if(mouseY<200) strokeWeight(4); //中
}else line(mouseX,mouseY, pmouseX,pmouseY);
}
}
5.接著做出有7種大小的畫筆!🌈
(有兩種程式碼，一種是爆破，一種是迴圈，但結局都相同)
(1)爆破法
void setup(){
size(500,500);
rect(0,50,50,50); ellipse(25,25+50,1,1);
rect(0,100,50,50); ellipse(25,25+100,2,2);
rect(0,150,50,50); ellipse(25,25+150,3,3);
rect(0,200,50,50); ellipse(25,25+200,4,4);
rect(0,250,50,50); ellipse(25,25+250,5,5);
rect(0,300,50,50); ellipse(25,25+300,6,6);
rect(0,350,50,50); ellipse(25,25+350,7,7);
rect(0,400,50,50); ellipse(25,25+400,8,8);
}
void draw(){
if(mousePressed){
if(mouseX<50){
if(mouseY>1*50 && mouseY<1*50+50) strokeWeight(1);
if(mouseY>2*50 && mouseY<2*50+50) strokeWeight(2);
if(mouseY>3*50 && mouseY<3*50+50) strokeWeight(3);
if(mouseY>4*50 && mouseY<4*50+50) strokeWeight(4);
if(mouseY>5*50 && mouseY<5*50+50) strokeWeight(5);
if(mouseY>6*50 && mouseY<6*50+50) strokeWeight(6);
if(mouseY>7*50 && mouseY<7*50+50) strokeWeight(7);
if(mouseY>8*50 && mouseY<8*50+50) strokeWeight(8);
}else line(mouseX,mouseY, pmouseX,pmouseY);
}
}
------------------------------------------------------------
(2)迴圈法
void setup()
{
size(500,500);
for(int i=1;i<8;i++)
{
rect(0,i*50,50,50);
ellipse(25,25+i*50,i,i);
}
}
void draw()
{
if(mousePressed){
if(mouseX<50){
for(int i=1;i<8;i++){
if(mouseY>i*50 && mouseY<i*50+50) {
strokeWeight(i);
}
}
}else line(mouseX,mouseY, pmouseX,pmouseY);
}
}
(使用上周發現的小工具-顏色篩選器❤)
void setup(){
size(500,500);
fill(#FF0303); rect(0,50,50,50);
fill(#FF7403); rect(0,100,50,50);
fill(#FEFF03); rect(0,150,50,50);
fill(#4DFF03); rect(0,200,50,50);
fill(#00F9FF); rect(0,250,50,50);
fill(#0337FF); rect(0,300,50,50);
fill(#6B03FF); rect(0,350,50,50);
fill(#FF03EF); rect(0,400,50,50);
}
void draw(){
if(mousePressed){
if(mouseX<50){
if(mouseY>1*50 && mouseY<1*50+50) stroke(#FF0303);
if(mouseY>2*50 && mouseY<2*50+50) stroke(#FF7403);
if(mouseY>3*50 && mouseY<3*50+50) stroke(#FEFF03);
if(mouseY>4*50 && mouseY<4*50+50) stroke(#4DFF03);
if(mouseY>5*50 && mouseY<5*50+50) stroke(#00F9FF);
if(mouseY>6*50 && mouseY<6*50+50) stroke(#0337FF);
if(mouseY>7*50 && mouseY<7*50+50) stroke(#6B03FF);
if(mouseY>8*50 && mouseY<8*50+50) stroke(#FF03EF);
}else line(mouseX,mouseY, pmouseX,pmouseY);
}
}
7.即將完成!🌈
結合上面的程式碼，就能做出一個簡易型的小畫家了!
void setup(){
size(500,500);
rect(0,50,50,50);ellipse(25,25+50,1,1);
rect(0,100,50,50);ellipse(25,25+100,2,2);
rect(0,150,50,50);ellipse(25,25+150,3,3);
rect(0,200,50,50);ellipse(25,25+200,4,4);
rect(0,250,50,50);ellipse(25,25+250,5,5);
rect(0,300,50,50);ellipse(25,25+300,6,6);
rect(0,350,50,50);ellipse(25,25+350,7,7);
rect(0,400,50,50);ellipse(25,25+400,8,8);
fill(#FF0505); rect(450,50,50,50);
fill(#FFB005); rect(450,100,50,50);
fill(#FCFF52); rect(450,150,50,50);
fill(#05FF24); rect(450,200,50,50);
fill(#05DCFF); rect(450,250,50,50);
fill(#051BFF); rect(450,300,50,50);
fill(#7905FF); rect(450,350,50,50);
fill(#FF05EF); rect(450,400,50,50);
}
void draw(){
if(mousePressed){
if(mouseX<50){
if(mouseY>1*50&& mouseY<1*50+50)strokeWeight(1);
if(mouseY>2*50&& mouseY<2*50+50)strokeWeight(2);
if(mouseY>3*50&& mouseY<3*50+50)strokeWeight(3);
if(mouseY>4*50&& mouseY<4*50+50)strokeWeight(4);
if(mouseY>5*50&& mouseY<5*50+50)strokeWeight(5);
if(mouseY>6*50&& mouseY<6*50+50)strokeWeight(6);
if(mouseY>7*50&& mouseY<7*50+50)strokeWeight(7);
if(mouseY>8*50&& mouseY<8*50+50)strokeWeight(8);
}else if(mouseX>450){
if(mouseY>1*50&& mouseY<1*50+50)stroke(#FF0505);
if(mouseY>2*50&& mouseY<2*50+50)stroke(#FFB005);
if(mouseY>3*50&& mouseY<3*50+50)stroke(#FCFF52);
if(mouseY>4*50&& mouseY<4*50+50)stroke(#05FF24);
if(mouseY>5*50&& mouseY<5*50+50)stroke(#05DCFF);
if(mouseY>6*50&& mouseY<6*50+50)stroke(#051BFF);
if(mouseY>7*50&& mouseY<7*50+50)stroke(#7905FF);
if(mouseY>8*50&& mouseY<8*50+50)stroke(#FF05EF);
}else line(mouseX,mouseY,pmouseX,pmouseY);
}
}
------------------------------------------------------------
這禮拜學校公布下周開始全部實體上課了!
有點開心又有點怕怕
應該大部分的人都沒打第二劑吧😷
到時中午吃飯很多人群聚又沒戴口罩🍚
嘖嘖想都不敢想那恐怖的畫面，病毒開薰的鑽進人的體內，然後在從口水中噴射出來跳到下一個人身上...😈
沒有留言:
張貼留言