Scratch零基礎魔法編程(五)角色詳解

Scratch零基礎魔法編程(五)角色詳解

來自專欄 Scratch魔法編程

上一個章節我們學習了舞台是怎麼回事,今天我們要詳細了解一下「角色」。

這個位置是我們的「角色區」,所有出現在舞台上的東西都會在這個位置出現。

在右上角有「新建角色」和四個按鈕,和我們上一章學習的舞台「新建背景」按鈕一樣,第一個是導入軟體自帶的角色圖片,第二個是自己畫一個角色,第三個是導入電腦上保存的圖片,第四個是用攝像頭拍一張圖片作為角色。

這裡的每個角色都可以有不同造型,不同造型的變化就會讓角色產生動態效果,比如我們先選中默認的角色小貓,然後點擊中間功能區的「造型」,就可以看到有兩個不同的樣子:

還記得我們上一章節讓背景一秒鐘切換一張的代碼嗎?

把這個代碼寫給小貓,就能讓小貓動起來:

這裡我們讓小貓動作變化快一點,就將默認的等待1秒修改為0.2秒,這樣小貓就像跑步一樣動起來了。

https://www.zhihu.com/video/949966091888418816

如果再配合小貓在舞台坐標系的移動,那麼就可以做出小貓行走的動畫。我們來試一試:

第一,導入學校的背景,然後拖動舞台區的小貓放在左邊合適的位置:

然後我們在功能區「腳本」選項卡的動作積木中找到:

因為小貓是水平走動,所以我們只需要修改x的數字就可以了,改成什麼數字,我們可以用滑鼠在舞台區滑動,找到合適的X值和Y值,比如我們現在修改到x=130,y=-88,時間暫時修改為2秒

在代碼區,我們看到了有兩段代碼,第一段代碼是讓小貓每0.2秒切換一次造型模擬走路的樣子,第二段代碼則是讓小貓水平在舞台移動到(130,-88),我們來看一下效果:

https://www.zhihu.com/video/949969537815310336

效果不錯,小貓走動起來了,而且點擊舞台上方小旗幟的時候,代碼區兩段代碼都在發黃色光芒,說明這兩段代碼同時在運行。

但是我現在覺得這個小貓有一點點大,怎麼才能讓角色變小呢?

在菜單欄中間,有一行小按鈕:

第一個圖章模樣的是複製,我們點擊它之後再點擊小貓,就可以發現在角色區多了一個小貓,這就是複製了這個小貓,

第二個剪刀樣子的是剪切,就是從舞台上除去這個角色,第三個是放大角色,第四個是縮小,第五個是幫助,暫時不需要用。

我們點擊一下放大或是縮小的按鈕,然後再點擊小貓,看看小貓是不是變大或是變小了呢?

有細心的朋友會發現,在角色區,選中小貓後,在圖表左上角會出現一個藍色的i,點擊一下看看,原來還有更多的設置:

輸入框可以重新命名角色,下面的坐標是當前位置,方向這個按鈕可以點擊轉動,這個用來調整角色的面對方向:

看,舞台上小貓的面對方向開始向上45度了,精確的控制方法和

這個功能塊一樣。

旋轉模式一般不用更改,只在很少的情況下使用。並且功能等同於:

好了,基本的角色介紹我們已經完成,下一步我們要看看怎麼自己畫一個角色。

我們在絕大部分時候是很難找到一個合適的角色圖案的,這個時候我們就要開始學會自己去畫一個,如果你會Photoshop那麼就很簡單了,如果不會也沒關係,我們很快也能學會scratch裡面的自帶的畫圖工具:

我們點擊第二個圖標,繪製新角色:

打開後我們先認識一下界面:

這邊一條是工具欄,工具欄上面的輸入框可以修改角色造型名字,工具欄從上至下分別是:

畫筆工具:

點擊撤銷可以恢復上一步,也可以點擊邊上的「清除」重新來畫。

直線工具:

方框工具:

需要注意的是方框工具畫出的是一個透明方框,如果需要顏色,則需要用第六個工具

來填滿方框。

圓形工具和方框工具操作一樣。

下一個T型按鈕是做文字角色:

需要注意的是目前scratch不支持中文輸入,所以如果需要中文的時候,我們只能用畫筆工具寫漢字:

顏色填充工具前面說過了,可以給任何地方填充色彩,包括文字。

下一個是橡皮擦工具,用來擦除繪圖區的任何東西。

選擇框是按住滑鼠左鍵,然後滑動,選擇你需要選擇的部分,然後拖動:

看到沒,我們可以用選擇工具切割圖片。

最後一個是圖章工具,用來複制你想複製的繪圖區已有的圖形:

點擊圖章工具後,和選擇框工具一樣使用,用滑鼠左鍵划出你要複製的部分,然後移動到你想要複製的位置即可。

這是主要工具欄,在繪圖區的下方是一個色彩區,用來選擇你需要的顏色,比如我現在需要把字幕f變為綠色:

1,先選擇綠色:

2,點擊這個圖片

點擊後再點f:

注意下面選擇色彩和填充按鈕後會出現副功能塊:

這樣有過渡色的功能選擇,而色彩區右上角的吸管「取色工具」,是用來讀取屏幕上其它元素的色彩,比如我們導入了一張照片,上面有很多其它色彩,而我們無法在色彩區找到的時候,就可以用這個取色工具取出你要的色彩。

比如我要取出這張圖片中天空的藍色,那麼只需要導入圖片後,點擊取色工具,然後再點擊一下天空就可以了:

看看顏色區是不是有了天空的顏色呢?

藍色下面的白色是底色,是我們用到層概念的時候再使用,我們後面用到的時候再說。

大家要注意,幾乎是每個功能按鈕被點擊後,在色彩區都會出現對應功能的副按鈕,這些按鈕功能比較簡單,有什麼用大家可以自行點擊測試

顏色選擇區邊上的按鈕是放大和縮小繪圖區,但是並不是放大角色本身,只是方便我們繪圖而已,這個要區分開來。

在放大縮小的按鈕下面,有一個按鈕:

點擊後會變化為「矢量模式」:

那麼點陣圖模式和矢量模式有什麼區別呢?

這裡我們不多說了,給個鏈接,我們先自己了解一下:

https://zhidao.baidu.com/question/109059224.html?

zhidao.baidu.com

那麼究竟選擇哪個模式繪圖好呢?

我們一般情況的選擇是:

如果我們做的圖簡單,色彩很少,我們就用矢量模式;反之我們就用點陣圖模式。

我們點擊切換到矢量模式,就會發現功能區在右邊了,同時有了一些細微的改變:

矢量工具和點陣圖工具大同小異,最大區別是矢量工具有一個:

這個是幹嘛的呢,我們先畫一條線:

然後點擊第二個「變形」工具按鈕,然後雙擊這條紅色線:

在這條曲線上就出現了很多點,點擊這些點就可以拖動:

雙擊某個小圓點,就可以取消它,並且讓這個線段變得平緩:

直線也可以這樣:

圓形工具和矩形工具都是一樣的操作方式:

https://www.zhihu.com/video/950003139663958016

最後還有一個概念:

這就是讓幾個圖片疊放順序,形成你需要的遮擋效果。

本章最後一個問題來了,我們看繪圖區的右上角:

第一個和第二個是翻轉按鈕,選擇你要翻轉的圖,然後點擊即可:

而最後一個按鈕是關鍵:

我們點擊之後會出現一個黑色十字,這個十字就是表示目前這個角色造型的中心點在哪裡。

這個有什麼用呢?

比如我們就拿這個藍色方塊來做比方,它如果運動的時候,是已哪個點為位移標準呢?

如果我們讓方塊左上角為運動點標準,那麼就只要點擊十字鍵後再點擊方塊左上:

如過要中心移動就可以點擊方塊中心:

這樣,該角色的坐標就按我們設定黑色十字的中心位置計算了。

也許現在我們理解還困難,沒關係,在後面我們實際編程中就會用到,到時就能很好理解了。

今天的內容不少,我們下一期將開始用這個角色繪圖來做點小動畫,敬請期待。


本號可接Scratch書籍教程編寫,歡迎出版社前來諮詢。


推薦閱讀:

TAG:Scratch少兒趣味編程書籍 | 兒童編程 | 趣學Scratch教孩子學編程書籍 |