Агуулгын хүснэгт:

Урлагийн бээлий: 10 алхам (зурагтай)
Урлагийн бээлий: 10 алхам (зурагтай)

Видео: Урлагийн бээлий: 10 алхам (зурагтай)

Видео: Урлагийн бээлий: 10 алхам (зурагтай)
Видео: хэрхэн 1000 төгрөгийг 10000 болгох вэ 2024, Долдугаар сарын
Anonim
Урлагийн бээлий
Урлагийн бээлий

Урлагийн бээлий бол зөөврийн бээлий бөгөөд урлагийн графикийг Micro: bit, p5.js ашиглан удирдахын тулд янз бүрийн төрлийн мэдрэгч агуулсан байдаг., y графикийн координат. Би энэ төслийг CU Boulder -ийн Технологи, Урлаг, Хэвлэл мэдээллийн хөтөлбөрийн ахлах ангийн хувьд өмсөж болох технологийн ангийнхаа хугацаатай төсөл болгон бүтээсэн.

Хангамж:

  • Цэцэрлэгжүүлэлтийн бээлий
  • BBC Micro: Бага зэрэг
  • 3-4 уян хатан мэдрэгч
  • 10K Ом эсэргүүцэл
  • Холбох утас (Улаан ба Хар)
  • Утас хайч
  • Талхны самбар
  • Торон хавчаар (хоёр тал ба нэг тал)
  • Гагнуур
  • Гагнуурын төмөр
  • Зүү
  • Утас
  • Лав цаас
  • Тууз
  • Хайч
  • Харандаа ба үзэг

Алхам 1: нугалах мэдрэгчийн зам

Гулзайлтын мэдрэгч замууд
Гулзайлтын мэдрэгч замууд
Гулзайлтын мэдрэгч замууд
Гулзайлтын мэдрэгч замууд
Гулзайлтын мэдрэгч замууд
Гулзайлтын мэдрэгч замууд

Нэгдүгээрт, бид тоног төхөөрөмж үйлдвэрлэхэд анхаарлаа хандуулах болно. Ийнхүү кодчилол хийх үед бид ашиглах, турших бодит бээлийн бүрэлдэхүүнтэй болно.

  1. Эхлэхийн тулд бид нугалах мэдрэгчийг байрандаа байлгах хуруунууд дээр мөр хийх болно. Эдгээр замтай байх нь нугалах мэдрэгчийг бага зэрэг нааш цааш хөдөлгөж, хуруугаа нугалахад найдвартай байлгадаг. Эхлээд бээлийгээ дотогш нь эргүүлээрэй.
  2. Гулзайлтын мэдрэгчийг аваад хурууныхаа дунд хэсэгт байрлуулна уу. Үзэг ашиглан нугалах мэдрэгчийг тоймло
  3. Утсаа зүүгээрээ шургуул. Өгөөмөр бэлэг өг. Утасны төгсгөлд зангидах хэрэгтэй.
  4. Дээд ба шугамнаас эхлэн нугалах мэдрэгчийн нумыг үлээж, зүүг бээлий дотроос нь шургуулж, зэрэгцээ шугам дээр буцааж түлхээрэй. Зүүг бүхэлд нь татаж, ингэснээр зангилаа таны зурсан шугам дээр сууна.
  5. Нөгөө талаас 2-3 зангилаа хий, ингэснээр утас гарахгүй болно. Гулзайлтын мэдрэгчийг хуруугаараа бэхлэхийн тулд битүүмжлэгдсэн эсэхийг шалгаарай
  6. Утасыг хэдхэн см үлдээгээрэй. зангилаа салахгүйн тулд төгсгөлд нь утас.
  7. Уян хатан мэдрэгчийг холбосон хурууныхаа 2-6-р алхамуудыг сүүлчийн зурагны гурав дахь нь шиг харагдах хүртэл давтана.
  8. Бээлийгээ зөв эргүүлэхийн тулд эргүүлээрэй. Гулзайлтын мэдрэгчийг таны гарт зөв суулгасан эсэхийг шалгахын тулд зам дээр гулсуулна уу

Алхам 2: Micro: bit ашиглан цуваа холболтыг ашиглах

Micro: бит ашиглан цуваа холбоог ашиглах
Micro: бит ашиглан цуваа холбоог ашиглах

Мэдрэгчийнхээ гаралтыг харахын тулд бид цуваа холболтыг ашиглах болно. Дараагийн алхамд та кодыг Makecode дээр хэрхэн тохируулахыг харах болно, гэхдээ эхлээд бид үүнийг терминал дээрээс хэрхэн уншихыг сурах болно. (Тэмдэглэл: Би Mac ашиглаж байгаа тул таны үйлдлийн системээс хамааран эдгээр алхамууд өөр байж болно. Бусад үйлдлийн системүүдийн хувьд эндээс үзнэ үү).

  1. Micro: bit -ээ залгаарай
  2. Терминалаа нээнэ үү
  3. 'ls /dev/cu.*' гэж бичнэ үү
  4. Та '/dev/cu.usbmodem1422' шиг харагдах ёстой боловч яг тоо нь таны компьютерээс хамаарна
  5. Та код ажиллуулж эхэлмэгц 'screen /dev/cu.usbmodem1422 115200' гэж бичээд (өөрийн серийн портын дугаарыг оруулаад) танд Micro: bit -ийн цуваа гаралтыг өгөх болно.
  6. Таны гаралтыг хэрхэн форматлаж байгаагаас шалтгаалан таны гаралт дээрх зураг шиг харагдах ёстой!

Алхам 3: Хэлхээний прототип хийх

Хэлхээний прототип хийх
Хэлхээний прототип хийх
Хэлхээний прототип хийх
Хэлхээний прототип хийх

Бүх бүрэлдэхүүн хэсгүүдийг гагнахаас өмнө бид хэлхээний загварыг гаргаж, хэдэн мөрийн жишээ код бичиж, мэдрэгчийнхээ утгыг уншиж, бүрэлдэхүүн хэсгүүдийн зөв ажиллаж байгаа эсэхийг шалгах болно.

  1. Дээрх хэлхээний диаграмыг ашиглан хэлхээний самбар дээр холбогч утас, резистор, нэг талын матрын хавчаар, микро: бит ашиглан загвар хий.
  2. Гулзайлтын мэдрэгчээ 0, 1, 2 -р зүү рүү холбоно уу.
  3. Би уян хатан мэдрэгчээ шалгахын тулд энэ кодыг ашигласан
  4. Уншсан зүйлээ харахын тулд тэдгээрийг хэдэн удаа нугалж, зөв ажиллаж байгаа эсэхийг шалгаарай

Кодын хамгийн сүүлийн мөр "serial.writeLine" нь бидний цуваа гаралт руу бичиж буй газар юм. Та энэ гаралтыг хүссэнээрээ форматлаж болно, би хувьсагч бүрийг таслалаар тусгаарлаж дараа нь таслалаар хуваах болно, гэхдээ энэ хэсэг нь танд хамаарна.

(Тэмдэглэл: Би энэ алхамыг хийсний дараа нэг нугалах мэдрэгч нь дамжуулагч будагтай чиптэй байсан тул сайн уншаагүй байгааг олж мэдсэн юм. Тийм ч учраас зарим зурган дээр 4 мэдрэгчтэй ажиллаж байгааг харуулсан. Үүнийг олж мэдээд би явлаа. Заагч, дунд, цагираган хуруугаараа ердөө гурван мэдрэгч хүртэл. Миний нугалах мэдрэгч нь хамгийн өргөн хүрээний унших чадвартай, "эсрэгээрээ" нугалсан байдгийг олж мэдсэн юм.)

Алхам 4: Хурдасгуур ба гэрэл мэдрэгчийг турших

Энэ үе шатанд би хурд хэмжигч ба гэрэл мэдрэгчийг Micro: bit дээр туршиж үзэхээр шийдсэн

  1. Micro: bit -ээ компьютерт холбоно уу
  2. Энэ кодыг татаж авна уу
  3. Дараа нь би энэ кодтой хамт акселерометр, гэрэл, нугалах мэдрэгчийг туршиж үзсэн

(Тэмдэглэл: Энэ үед та тээглүүр ба гэрлийн мэдрэгчийг нэгэн зэрэг ашиглах боломжгүй гэдгийг ойлгосон болохоор би эцсийн мэдрэгчдээ гэрэл мэдрэгчийг ашиглаагүй, гэхдээ би яаж уншихыг харахыг хүсч байна. танд хэрэгтэй бол гэрлийн мэдрэгч!)

Алхам 5: Гулзайлтын мэдрэгчийг гагнах

Гулзайлтын мэдрэгчийг гагнах
Гулзайлтын мэдрэгчийг гагнах
Гулзайлтын мэдрэгчийг гагнах
Гулзайлтын мэдрэгчийг гагнах

Одоо бид бүрэлдэхүүн хэсгүүдийг хамтад нь гагнах болно! Энэ бол сэтгэл хөдөлгөм хэсэг боловч аажмаар явж, бүх зүйлийг үргэлжлүүлэн хийж байгаа эсэхийг шалгах нь чухал бөгөөд ингэснээр та эцсээ хүртэл, ямар нэг зүйл ажиллахгүй байж, хаана алдаа гарсныг мэдэхгүй байх болно! Утас ба резисторыг гагнах үед мэдрэгч бүр ажиллаж байгааг шалгахын тулд хоёр талт матрын хавчаарыг энд ашиглахыг санал болгож байна.

  1. Гулзайлтын мэдрэгч, соронзон хальсыг авч эсвэл дээр нь барихын тулд хүнд зүйл тавь.
  2. 10К Ом эсэргүүцэгчийг аваад ихэнх хэсгийг нь таслах ба ингэснээр тугалга нь нугалах мэдрэгч дээрх тугалга шиг урт байх болно.
  3. Гагнуурын төмрөө аваад резистор ба нугалах мэдрэгчийн тугалган дээр халуун болтол нь дар
  4. Гагнуураа авч, бүрэлдэхүүн хэсгүүд хайлж эхлэхэд халуун төмрөнд дараарай. Утсыг таглахад танд хангалттай зүйл хэрэгтэй болно.
  5. Төмрийг салга. Энд би цэцэрлэгжүүлэлтийн нөгөө бээлийг өмсөж, гагнуур хөргөх үед резистор ба утсыг байрлуулав.
  6. Урт улаан утсыг хайчилж, резистор ба гулзайлтын мэдрэгч нийлдэг газарт гагнуурын холболт дээр байрлуул. 4-5 алхамыг давт. Энэ бол аналог зүү утас юм.
  7. Урт хар утсыг хайчилж, нөгөө утсан үзүүрт байрлуул. 4-5 алхамыг давт. Энэ бол таны газардуулгын утас юм.
  8. Урт улаан утсыг хайчилж, резисторын нөгөө үзүүрийг хайчилж ав. 4-5 алхамыг давт. Энэ бол таны цахилгаан утас юм.
  9. Бусад нугалах мэдрэгчийн хувьд 1-8 алхамуудыг давтана уу.
  10. Утаснуудаа урт үлдээгээрэй, дараа нь Micro: bit дээр тавихдаа зөв урттай болгохын тулд ажиллах зайтай болно.

Алхам 6: Микро: гагнах, бээлийг угсрах

Микро руу гагнах: бит ба бээлий угсрах
Микро руу гагнах: бит ба бээлий угсрах
Микро руу гагнах: бит ба бээлий угсрах
Микро руу гагнах: бит ба бээлий угсрах
Микро руу гагнах: бит ба бээлий угсрах
Микро руу гагнах: бит ба бээлий угсрах

Одоо бидний мэдрэгч бэлэн болсон тул бид Micro: бит рүү гагнах, бээлийг угсрах ажлыг эхлүүлэх гэж байна. Та гагнуурын дараа бүрэлдэхүүн хэсгүүд ажиллаж байгаа эсэхийг шалгахын тулд матрын хавчаар ашиглан дахин туршиж үзээрэй.

  1. Мэдрэгчид болон Micro: утаснуудаа хаашаа явах ёстой, хэр удаан байх ёстой талаар олж мэдэхийн тулд бээлий дээрээ жаахан хазайгаарай.
  2. Цахилгааны зүүгээр улаан утас боож өгнө. Утас таслахын тулд утсыг хуулж, нээлттэй цоорхой үлдээгээрэй. Үүнийг газардуулгын утсан дээр бас хий.
  3. Ашиглахгүй байгаа бээлийээ тоймло. Энэ нь бидэнд бүх зүйлийг гагнах, уртыг зөв болгоход тусална. Та бүх зүйлийг арагш нь хийх болно, гэхдээ аливаа зүйлийг зөв замаар гагнах эсэхээ дахин шалгаарай!
  4. Микро: гарт тавихыг хүссэн газраа ойролцоогоор байрлуул. Газардуулга, цахилгааны утаснууд суусан эсэхийг тэмдэглээрэй.
  5. Утас, цахилгаан эсвэл газардуулгыг байрлуул.
  6. Гулзайлтын мэдрэгчийг байрлуул.
  7. Цахилгааны утсыг бүх цахилгаан дамжуулах шугамын тэмдэг дээр дарж өнгөрөхийн тулд хайчилж ав.
  8. Эдгээр хэсгүүдийг хооронд нь гагнах.
  9. Бусад цахилгаан утас болон газардуулгын утаснуудын хувьд 5-8 алхамыг давтана.
  10. Micro: bit -ийг аваад шинээр гагнагдсан утаснуудын доор байрлуулна. Цахилгаан ба газыг зөв тээглүүрт гагнана.
  11. Аналог утсыг тээглүүрийн үзүүрийг дөнгөж хажуу тийш нь боож боох боломжтой болгоно.
  12. Утаснуудаа зөв зүүгээр гагнана.
  13. Бүх утаснууд (цахилгаан, газардуулга, аналог) тээглүүрийн урд ба хойд хэсэгт хүрэх үед миний уншилт хамгийн сайн бөгөөд тууштай болохыг олж мэдсэн.
  14. Нэг замыг нэг замаар, нугалах мэдрэгчийг хуруугаараа нэгэн зэрэг дарна уу.
  15. Мэдрэгчийг байрлуулсны дараа бээлийг өмсөөд тохирох эсэхийг шалгаарай. Хэрэв та зам нэмэх эсвэл байршлыг нь засах шаардлагатай бол үүнийг одоо хийгээрэй.
  16. Мэдрэгчид хүссэн газраа хэвтсэний дараа Micro: битийг хаана бэхлэхээ тэмдэглээрэй. Та А ба В товчлууруудын хоёр талын жижиг нүхийг ашиглаж эсвэл тээглүүрийн нүхийг ашиглаж болно. Зүү, утас ашиглан гар дээрээ бэхлээрэй

Баяр хүргэе! Бээлийний тоног төхөөрөмжийн бүрэлдэхүүн хэсгүүд бэлэн боллоо!

Алхам 7: Микро: бит код

Бичил: бит код
Бичил: бит код
Бичил: бит код
Бичил: бит код

Одоо би танд Micro: bit кодоор дамжуулж өгөх болно. Та энэ кодыг хүссэнээрээ хийхийг хүсч байна, гэхдээ би бүх зүйлийг тайлбарлаж, тайлбарлахыг хүссэн тул та миний юу хийснийг, яаж хийснийг, яагаад гэдгийг харж болно. Та миний кодыг эндээс олж болно.

  1. 1-31 мөрүүд. Энд би Micro: bit хамт ирдэг урьдчилан тохируулсан функцуудыг ашиглаж байна.

    • А товчлуурыг дарахад тоонууд буурдаг бөгөөд энэ нь боломжтой графикуудын сонголт юм. Та 0 хүрсний дараа хамгийн өндөр тоо руу буцна.
    • B товчлуурыг дарахад тооллого нэмэгдэх бөгөөд та хамгийн их боломжтой график тоонд очсоны дараа буцаад 0 болно.
    • Хэрэв таны сонгосон одоогийн график одоо зурагдаж байгаа график биш бол А ба В товчлууруудыг нэгэн зэрэг дарж шинэ графикийг сонгоно.
    • Хэрэв таны сонгосон одоогийн график зурсантай ижил байвал А ба В товчлуурыг дарж бөглөх боломжтой бол дүрсийг нэгэн зэрэг бөглөнө.
    • Micro: bit -ийг сэгсрэх нь er5 хувьсагчийг 1 болгож, p5.js -д зураг зурж, хараар эхлүүлэхийг хэлдэг. Энэ нь гүйлтийг нэг секунд түр зогсоож, дараа нь 0 болгож буцааж өгдөг бөгөөд ингэснээр хэрэглэгч үргэлжлүүлэн зурж болно.
  2. 32-64-р мөрүүд миний хувьсагчдыг тохируулж байна. Ихэнх утгыг хатуу кодлоогүй байхын тулд маш олон хувьсагч ашиглах нь чухал байсан. Тэд бээлий өмсөж, бүхэл бүтэн үнэ цэнийг шинэчлэхийн оронд нэг дор амархан өөрчилж болно. Би хэд хэдэн чухал зүйлийг тодруулах болно.

    • Зотын хэмжээ нь миний зургийн хэмжээнээс хамаарч нэг хувьсагчтай байх нь сайхан байдаг. Өндөр хэлбэртэй ижил. График нэмэх эсвэл устгах үед би энэ дугаарыг эндээс шинэчлэх боломжтой.
    • Өндөр ба бага хувьсагчууд нь мэдрэгчийн гүйдлийн дээд ба доод түвшинг хянах, тасралтгүй шалгалт тохируулгын хүрээтэй байх боломжийг олгодог. Энэ нь чухал юм, учир нь бээлий өмссөн хүн бүрийн хөдөлгөөн өөр өөр байдаг тул хүрэх боломжтой өндөр, доод талдаа өөр өөр байдаг.
  3. 66-68-р мөрөнд уян хатан мэдрэгчийн аналог утгыг уншиж байна
  4. 69-74-р мөрүүд нь заагчийн хурууны өндөр утгыг тохируулж байна.

    • Хэрэв шинэ дээд цэгтээ хүрсэн бол үүнийг дээд хэмжээнд нь тохируулна.
    • Тэр хурууны хүрээг дахин тохируулна.
    • Өнгөний зураглалын хувьд энэ шинэ хүрээг ашигладаг
  5. 75-80-р мөрүүд нь заагчийн хурууны хамгийн бага утгыг тохируулж байна.
  6. 81-104-р мөрүүд нь дунд болон цагираган хурууны хувьд 4 ба 5-тай ижил зүйлийг хийж байна.
  7. 105-107-р мөрөнд миний уян хатан мэдрэгчийн утгыг 0-255 (эсвэл өнгөний өнгөнөөс доогуур, хэрвээ би бүрэн хэмжээгээр хийхгүй байгаа бол) өнгөний утгатай харьцуулж байна.

    • Makecode -ийн суурилуулсан газрын зургийн функц нь мэдрэгчийнхээ хязгаарлагдмал хүрээг харгалзан надад гайхалтай зураглал өгсөнгүй. Тиймээс би зураглалын функцийг өөрөө хийсэн.
    • Энэ нь хэрхэн ажилладагийг энд харуулав. Хуруу бүрийн оролтын хүрээг үүнийг (хамгийн өндөр утга - хамгийн бага утга) тодорхойлно. Өнгөний мужийг мөн (хамгийн их өнгөний утга - хамгийн бага өнгөний утга) хурууны муж бүрт хуваана. Энэ тоог хамгийн бага бүхэл тоогоор дугуйлсан бөгөөд энэ нь хувьсагч юм.
    • (Бодит мэдрэгчийн утга - хамгийн бага мэдрэгчийн утга) нь танд хүрээ доторх утгыг өгнө. Үүнийг дээр дурдсан тоогоор үржүүлж, хамгийн бага өнгөний утгыг нэмснээр өнгөний мужид байгаа мэдрэгчээс өнгө хүртэлх утгыг авах боломжтой болно.
  8. 109 -р мөр нь давтамжийн утгыг (дээш, доош) уншиж байна.
  9. 110-115-р мөрүүд энэ утгын хувьд хамгийн бага ба хамгийн бага тохируулгыг хийж байна
  10. 116 -р мөр нь өнхрөх утгыг уншиж байна (зүүн ба баруун).
  11. 117-122-р мөрүүд энэ утгын хувьд хамгийн дээд ба доод хэсгийг тохируулж байна
  12. 123-126-р мөрүүд нь давирхай болон өнхрөх утгыг зурагны хэмжээгээр зурж, тэдгээрийг бүхэл тоогоор дугуйруулна.
  13. 127 -р мөрөнд хувьсагчдыг serial.writeLine ашиглан цуваа гаралт дээр бичиж, утга бүрийг таслалаар, "," зайгаар тусгаарлаж дараа нь задлан шинжилнэ.

Танд таалагдсан код гарсны дараа үүнийг татаж аваад татан авалтаасаа Micro: bit рүү чирнэ үү (та үүнийг хайгчийн зүүн талд байрлах "Байршил" дээр харах ёстой) кодыг Micro: bit рүү оруулахын тулд.

Алхам 8: P5.js -тай цуваа холбоо тогтоох

P5.js -тай цуваа холбоо
P5.js -тай цуваа холбоо

P5.js -тэй цувралаар холбогдохын тулд бидэнд нэмэлт хэрэгсэл хэрэгтэй болно. Цуваа харилцааны ард юу болж байгааг мэдэхийн тулд энэ нийтлэлийг уншихыг санал болгож байна.

  1. P5.js програмын хувилбарыг энэ линкээс татаж авна уу. Надад Alpha 6 хувилбар байгаа боловч ямар ч хувилбар ажиллах болно.
  2. Энэ p5.js загварыг цуваагаар харилцахдаа ашиглаарай. Үүнийг тохируулахын тулд 12 -р мөрөнд portName -ийн зөв серийн портын нэрийг оруулна уу. Энэ бол бидний 2 -р алхам дээр олж тогтоосон нэр юм.
  3. Micro: bit -ээ компьютерт холбоно уу
  4. P5.js цуваа програмыг нээнэ үү.
  5. Портын жагсаалтаас өөрийн портыг сонгоод өөр зүйл хийх хэрэггүй. Нээх товчийг дарах ч хэрэггүй! Жагсаалтаас өөрийн портыг сонгоно уу.
  6. P5.js цувралын загварт run дарна уу. Та үүнийг нээж харах боломжтой байх ёстой бөгөөд энэ нь бид цуваа гаралтаа задлах код бичээгүй байгаа тул null утгыг унших болно.

Одоо бид Micro: bit -ээс p5.js руу дараалан харилцах боломжтой боллоо!

Алхам 9: P5.js код

Одоо бид p5.js код руу орох болно. Энд бид цуваа гаралтын утгыг уншиж, урлаг бүтээхэд ашигладаг.

  1. Өмнөх алхам дээр дурдсанчлан, 12 -р мөрөнд байгаа portName нь таны компьютерийн тусгай портын нэр мөн эсэхийг шалгаарай.
  2. 32-33-р мөрөнд setup () функц дээр би зүүн болон баруун талын Buffer-ийг createGraphics-т нэмж оруулаад зураг зурахдаа нэг хэсгийг нь зурахад, нөгөө хэсгийг нь чиглэлийг харуулахын тулд аль графикийг харуулахын тулд зураг зурах ажлыг хийсэн. та харж байна эсвэл гүйлгэж байна.
  3. Draw () функц нь leftBuffer болон rightBuffer -ийг тус тусад нь үүсгэхийн тулд миний хийсэн функцуудыг дууддаг. Мөн буфер бүрийн зүүн дээд булан хаанаас эхлэхийг тодорхойлдог.
  4. DrawRightBuffer () функц нь чиглэл, график сонгох бүх текстийг харуулдаг
  5. DrawLeftBuffer () функцууд нь бүх графикийг харуулдаг.

    • 93 -р мөрөнд альфа утгын утгыг санамсаргүй байдлаар үүсгэдэг. Энэ нь бүх өнгийг илүү сонирхолтой харагдуулахын тулд ил тод байдлын өөр өөр утгатай байдаг. Хэрэв би 4 уян мэдрэгчтэй байсан бол 4 дэх мэдрэгчийг ашиглах байсан.
    • 94 -р мөрөнд цус харвалтын утгыг уян мэдрэгчээр тодорхойлсон r, g, b утгуудад тохируулна
    • 96-102-р мөрөнд хулгана ашиглан бээлийгүйгээр хэрхэн ажилладагийг шалгахын тулд ямар ч тайлбар өгөхгүй. 102 -р мөрийг бусад функцын графикаар солино.
  6. Зургийн дэвсгэрийг хар болгож тохируулах замаар гар чичирхийлэх үед 104-106 зургийг арилгана
  7. 108-114 нь A+B товчлуурыг дарж, сонгосон болон одоогийн хэлбэр ижил байх үед дүрсийг бөглөхийг хянадаг
  8. 117-312 нь графикийг харуулдаг газар юм. Энэ бол кодын ихэнх хэсэг бөгөөд бүтээлч байдлыг бий болгох хэсэг юм! Дүрсийг хэрхэн хянах талаар илүү сайн ойлгохын тулд би p5.js лавлагааг үзэхийг санал болгож байна. Би өнхрөх ба давирхайг ашиглан x, y байрлалыг хянаж, дүрс, графикийн хэмжээг өөрчилсөн бөгөөд дээр дурдсанчлан. өнгийг хянахын тулд нугалах мэдрэгч. Эндээс та бүтээлч сэтгэлгээ олж авах боломжтой! P5.js -ийн санал болгож буй зүйлээр тоглож, өөрийн хөгжилтэй графикийг гаргаж ирээрэй! Энд би баруун Buffer дээр харагддаг currentShape -ийн тайлбарыг тохируулсан болно.
  9. 318-460 Би сонгосон хэлбэрийн тайлбарыг тохируулсан.
  10. 478-498 мөрүүд нь serialEvent () функц юм. Энд бид цуваа мэдээллийг хүлээн авдаг.

    • 485-486 мөрөнд би proll ба ppitch (өмнөх өнхрөх ба давирхай) -ыг өмнөх өнхрөх ба давирхайн утгуудад тохируулав.
    • 487 мөрөнд би өгөгдлийг "," дээр хуваасан. Би өгөгдлөө таслалаар тусгаарлахаар бичсэн болохоор үүнийг хийж байна. Та хувьсагчуудаа тусгаарласан зүйлээ энд оруулах болно. Эдгээр хувьсагчдыг тоонуудын массивт оруулна.
    • Дараа нь 488-496 мөрөнд би хувьсагчдыг массивын харгалзах элемент болгон тохируулж мөрнөөс тоон руу хөрвүүлнэ. Би эдгээр хувьсагчдыг drawLeftBuffer () функцэд ашиглан графикийг хянадаг.

Энэ нь бараг л кодыг нэгтгэж, төслийг дуусгах болно! Одоо бид бээлий хэрхэн ажиллаж байгааг харж болно.

Алхам 10: Эцсийн бүтээгдэхүүн

Эцсийн бүтээгдэхүүн
Эцсийн бүтээгдэхүүн
Эцсийн бүтээгдэхүүн
Эцсийн бүтээгдэхүүн
Эцсийн бүтээгдэхүүн
Эцсийн бүтээгдэхүүн

Дууссан бээлийний зарим зургууд болон түүний бүтээсэн зарим урлагийн бүтээлүүд энд байна! Демо видеог үзээд үүнийг бодитоор нь үзээрэй!

Зөвлөмж болгож буй: