scratch handbook 1
DESCRIPTION
Scratch Handbook 1TRANSCRIPT
![Page 1: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/1.jpg)
1
ทําไมตองเปน scratchscratchscratchscratch ? ? ? ?
scratch เปนโปรแกรม free ware ท่ีสามารถดาวโหลดไดฟรี โปรแกรมออกแบบใหใชงานงาย สามารถ
สรางสรรคช้ินงานไดหลากหลาย เชน สรางภาพเคล่ือนไหว สรางเกม และสรางเรื่องราว เปนเครื่องมือท่ี
เหมาะในการสรางช้ินงาน
จากคุณสมบัติท่ีหลากหลายของโปรแกรม จึงสงผลให scratch เปนโปรแกรมท่ีเหมาะ สําหรับการ
นํามาใชเปนเครื่องมือชวยจุดประกายความคิด และจินตนาการของนักเรียนในการสรางสรรคช้ินงาน โดย
ถายทอดความคิดผานโปรแกรมซ่ึงเปนเครื่องมือไอซีทีอีกรูปแบบหนึ่ง และสามารถนําช้ินงานท่ีสรางขึ้นไป
แลกเปล่ียนผานทางเว็บไซดไดตอไป
*****************************************************
แหลงความรูในการใชโปรแกรม scratch เพ่ิมเติมจากคูมือเลมนี้ หากทานตองการศึกษาขอมูลการใชเพิ่มเติมนอกเหนือจากคูมือเลมนี้ ทานสามารถเปดวิธีการ และแนวทางการ
ใชโปรแกรมไดท่ีสัญลักษณ what help ? ซ่ึงอยูทางดานบนของโปรแกรม
* สามารถติดต้ัง และศึกษาโปรแกรมเพิ่มเติมไดท่ี http://scratch.mit.edu/
หรือชมวีดีโอสาธิตการใชโปรแกรมไดท่ี http://scratch.mit.edu/howto
Getting Started Guide
(สําหรับผูเริม่ใชโปรแกรมครัง้แรก)
Help Screens
(เทคนิคการใชคําสั่งตาง ๆ ทีอ่ยูในโปรแกรม)
Reference Guide
(สําหรับผูใชที่ตองการรายละเอียด และเทคนิคเพ่ิมเติม
เกี่ยวกับโปรแกรม)
![Page 2: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/2.jpg)
2
ขอมูลเบื้องตน
ในโปรแกรม scratch นี้ผูใชงานเปรียบเสมือนเปน ผูสรางซ่ึงสามารถสรางช้ินงานไดหลากหลาย เชนสราง
ภาพเคล่ือนไหว สรางเกม และสรางเรื่องราวตาง ๆ ไดตามท่ีตนตองการ โดยผูสรางสามารถควบคุม คัดเลือก
และสรางสรรคสวนประกอบในช้ินงานท่ีสรางในหัวขอตาง ๆ ไดดังนี้
1. ตัวแสดง (sprites) และรูปลักษณ(costume) ของตัวแสดง
2. พื้นหลัง (background) ของเวที(stage)
3. การควบคุมกิริยาทาทาง และการเคล่ือนไหวของ ตัวแสดง (scripts)
4. กําหนดเสียง(sound)
***************************************************** เขาโปรแกรม scratch Double Click ท่ีสัญลักษณโปรแกรม
ออกจากโปรแกรม scratch 1. > Click ท่ี 2. > Click Yes
เปล่ียนภาษาในโปรแกรม
![Page 3: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/3.jpg)
3
สราง หรือ เปดช้ินงาน 1. > Click ท่ี Open เพื่อเปดช้ินงานท่ีมีอยูแลว
หรือ Click ท่ี New เพื่อสรางช้ินงานใหม 2. > Click ช่ือไฟลท่ีตองการเปด 3. > Click ท่ี ok บันทึกช้ินงาน 1. > Click ท่ี Save 2. > ต้ังช่ือไฟลท่ีตองการบันทึก 3. > Click ท่ี ok แลกเปล่ียนช้ินงานในเวบ็ไซด 1. > Click ท่ี Shared 2. >นําเขาขอมูล 3. > เลือกลักษณะช้ินงาน 4. > Click ท่ี ok
����
����
����
![Page 4: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/4.jpg)
4
สวนประกอบของโปรแกรม stage (เวทกีารแสดงช้ินงาน)
เวทีท่ี Spritesใชเปนพื้นท่ีในการแสดงจะมีพื้นดานกวาง 480 ยูนิต และพื้นท่ีทางดานยาว 360 ยูนิต
โดยโปรแกรมจะกําหนดตําแหนงของเวทีดวยคา X (ดานกวาง) และคา y (ดานยาว) ซ่ึงตําแหนงตรงกลางเวที
จะอยูท่ีตําแหนงคา X :0 และคา y :0
X :0 y :0
X :-240 y:180
X :-240 y:180 X :240 y:-180
X :240 y:180
X
y ผูสรางสามารถหาตําแหนงของพื้นท่ีในเวทีไดจาก
mouse ซ่ึงคา X และ y จะเปล่ียนคาไปตามตําแหนงท่ี
mouseเคล่ือนท่ี
โดยคา X และ y จะปรากฏ บริเวณมุมขวาทางดานลาง
ของ stage
ปุมแสดงช้ินงานแบบภาพเต็มจอ
ลูกศรใชเพ่ือลาก Sprites ไปยังตําแหนงตาง ๆ
Delete
Duplicate
ขยายและลดขนาด Sprites
Toolbar
แถบเมนู
Sprites ปุมควบคุมทิศทาง ของ sprites Tabs ใสขอมูล scripts ,costume, sound
พ้ืนที่ของ scripts
คลังขอมูล scripts
เวทีการแสดงช้ินงาน(stage)
บันทึกการทําช้ินงาน
ธงเขียว จุดเริ่มการแสดงช้ินงาน
ปุมแสดงช้ินงาน
เครื่องมือสราง sprites
จํานวน Sprites ในช้ินงานทัง้หมด
![Page 5: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/5.jpg)
5
A Scratch projectA Scratch projectA Scratch projectA Scratch project ( จุดเริ่มตนการสรางชิ้นงาน)
สรางตัวแสดง(sprites)
ผูสรางสามารถสรางสรรค sprites ไดจากเครื่องมือทางดานลางของ stage ดังภาพ
----------------------------------------------------------------------------------------------------------------------- วิธีการปรับแตง sprites ผูสรางสามารถปรับแตง spritesไดตามจินตนาการท่ีตนตองการ ดังนี้
1. > Click ท่ีตัว sprites ท่ีตองการปรับแตง ตัว sprites จะนูนขึ้นมา (active) และปรากฏภาพ sprites
ท่ีตําแหนงลูกศรช้ี
สราง sprites จากการวาดภาพ
นําเขา sprites จากสมุดภาพ (folder)
สุมการนําเขา sprites จากสมุดภาพ (folder)
จํานวน sprites ท่ีนําเขาในช้ินงาน
ตัว sprites ท่ีตองการปรับแตง
![Page 6: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/6.jpg)
6
2. > Click ท่ี Tabs (scripts ,costumes, sounds) เพื่อเลือกปรับแตงspritesไดตามท่ีผูสรางตองการ
ดังนี้
� scripts (การควบคุมกิริยาทาทาง และการเคล่ือนไหวของ ตัวแสดง)
� costumes (รูปลักษณของตัวแสดง)
� Sounds (เสียง)
...............................................................................
ปรับแตง scripts (การควบคุมกิริยาทาทาง และการเคล่ือนไหวของ ตัวแสดง) 1. > Click ท่ี scripts 2. > Click ท่ีกลุมคําส่ังscripts 3. > ลาก mouse และนําคําส่ังscriptsไปวางบนพื้นท่ี scripts
...............................................................................
ปรับแตง costumes (รูปลักษณของตัวแสดง)
1. > Click ท่ี costumes และเลือกคําส่ัง scripts
การเพ่ิม costumes 2. > Click ท่ี Edit 3. > Click ท่ี Import เลือกไฟล costumes ท่ีจะนําเขา หรือ >Click ท่ี Paint เลือกวาดภาพ costumes
����
���� ����
คําสั่ง scripts
����
หนาจอ Paint
����
หนาจอ Import
����
แสดงจํานวน costumes ของตัว sprite
ศึกษารายละเอียด
ของคําสั่ง Scripts
เพ่ิมเติมไดที่ภาคผนวก
ดานหลัง หรอื ที่ Help
Screens
![Page 7: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/7.jpg)
7
ปรับแตง Sound (เสียง)
1. > Click ท่ี Sound
2. > Click ท่ี Import เพื่อเลือกไฟล sound ท่ีจะนําเขา
หรือ >Click ท่ี Record เพื่ออัดเสียง
***********************************************************
สรางพื้นหลัง (background) และปรับแตง เวท(ีstage)
ผูสรางสามารถสรางสรรค background ของเวที(stage) ไดดังขั้นตอนตอไปนี้
1. > Click ท่ีสัญลักษณ stage
2. > Click ท่ี Tabs (scripts ,Background, sound) เพื่อเลือกปรับแตง stage ไดตามท่ีผูสรางตองการ
� scripts (ควบคุมการเปล่ียนแปลงของ background )
� Background (พื้นหลัง)
� Sound (เสียง)
3. ปรับแตง stage ไดตามตองการ (วิธีการคลายคลึงกับการปรับแตง sprite)
หนาจอImport เพื่อเลือกไฟล sound
หนาจอ Record เพื่ออัดเสียง sound
����
����
����
����
![Page 8: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/8.jpg)
8
ตัวอยาง และแนวทางการสรางช้ืนงานจากโปรแกรม ScratchScratchScratchScratch
1. การเปล่ียนสีของ sprites โดยใช Space bar เปนตัวควบคุม
2. การเปล่ียน Costumes ของ sprites โดยใช ธงเขียว เปนตัวควบคุม
![Page 9: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/9.jpg)
9
3. การบังคับทิศทางของ ของ sprites โดยกําหนดทิศทางของลูกศร เปนตัวควบคุม
4. การบังคับทิศทางการเคล่ือนท่ีของ sprites ตามตําแหนงตาง ๆ
![Page 10: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/10.jpg)
10
5. แสดงการพูดของ sprites เมื่อถูกลูกศรคลิก
.
6. การบังคับทิศทางการเคล่ือนท่ีของ sprites ไปตามตําแหนงของลูกศร
![Page 11: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/11.jpg)
11
7. สราง sprites นักเตน
8. สราง sprites กระตายหนาตาบูดเบี้ยว (กําหนด effect ใหกับ sprites)
![Page 12: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/12.jpg)
12
8. สรางภาพเคล่ือนไหวใหกับ sprites ตามลําดับ Costumes ท่ีกําหนด (เปล่ียนแปลงหนาตา)
10. สราง sprites ท่ีเปนกลองเลนดนตรี
![Page 13: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/13.jpg)
13
11. สราง sprites นกบิน
12. การสรางตัวอยางเกมท่ีมีการใหคะแนน
![Page 14: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/14.jpg)
14
ภาคผนวก
![Page 15: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/15.jpg)
15
![Page 16: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/16.jpg)
16
![Page 17: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/17.jpg)
17
![Page 18: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/18.jpg)
18
![Page 19: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/19.jpg)
19
![Page 20: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/20.jpg)
20
![Page 21: Scratch Handbook 1](https://reader036.vdocuments.net/reader036/viewer/2022081720/5476c4c6b4af9fbe0a8b64ed/html5/thumbnails/21.jpg)
21