Cách đổi mã cào thành javascript

Tạo dự án trong Scratch là một trải nghiệm đáng kinh ngạc cho phép bạn sử dụng nhiều công cụ và tính năng khác nhau để làm cho thiết kế và viết mã của bạn trở nên đáng giá.  

Bạn có thể đã bắt gặp tính năng “Thêm tiện ích mở rộng” khi khám phá Scratch. Nếu không, đừng lo lắng;

Phần mở rộng Scratch là gì?

Tiện ích mở rộng là danh mục mà bạn có thể thêm vào dự án của mình để nâng cao hơn. Nó cho phép bạn kết nối với thông tin trên internet, sử dụng phần cứng bên ngoài, v.v.

Khi bạn nhấp vào biểu tượng Thêm tiện ích mở rộng trong Scratch, bạn sẽ được chuyển đến phần Chọn tiện ích mở rộng, nơi bạn có thể chọn từ các tiện ích mở rộng có sẵn

Các tiện ích mở rộng dựng sẵn khác nhau là Âm nhạc, Bút, Cảm biến video, Chuyển văn bản thành giọng nói, Dịch, Makey Makey, micro. bit, LEGO MINDSTORMS EV3, LEGO BOOST, LEGO Education WeDo 2. 0, và Go Direct Force & Acceleration.  

Khi bạn chọn một tiện ích mở rộng, bạn sẽ nhận được các khối liên quan đến tiện ích mở rộng đó trên Block Palette

Hình ảnh 3. Mở rộng bút

Cách tạo tiện ích mở rộng của riêng bạn trong Scratch

Nếu tính năng bạn muốn không có sẵn trong tiện ích mở rộng dựng sẵn, bạn có thể tạo tiện ích mở rộng của riêng mình. Hãy tiến thêm một bước nữa và xem cách tạo một

Ghi chú. Các tiện ích mở rộng của Scratch được phát triển bằng Môi trường JavaScript.  

Thực hiện theo các bước bên dưới để tạo tiện ích mở rộng của riêng bạn trong Scratch

Bước 1. Thiết lập môi trường phát triển

(a) Cài đặt Git và nút. js

Tải xuống cả hai từ trình duyệt yêu thích của bạn và sau đó cài đặt.  

Ghi chú. Nút. js là một môi trường thời gian chạy JavaScript phụ trợ, mã nguồn mở. Bắt buộc phải có Git để chúng tôi có thể sao chép các dự án scratch-gui và scratch-vm.  

GUI là viết tắt của Giao diện người dùng đồ họa;

(b) Tạo một thư mục và đặt tên mô tả cho nó (ví dụ: myScratchExtensions)

(c) Sau đó mở Nút. dấu nhắc lệnh js. Đi vào thư mục myScratchExtensions bằng cách sao chép đường dẫn của nó trong dấu nhắc lệnh (sử dụng cd).  

Ghi chú. cd là viết tắt của thư mục thay đổi

Khi bạn đã ở trong thư mục của mình, hãy sao chép tệp lưu trữ GitHub bằng cách sử dụng lệnh và liên kết.  

bản sao git https. //github. com/llk/scratch-gui

Nó sẽ bắt đầu nhân bản dự án scratch-gui. Sau khi quá trình này hoàn tất, bạn sẽ thấy một thư mục có tên là scratch-gui bên trong thư mục myScratchExtensions của mình.  

Tương tự, chúng ta phải sao chép dự án. scratch-vm sử dụng lệnh và liên kết.  

bản sao git https. //github. com/llk/scratch-vm

Khi quá trình này hoàn tất, bạn sẽ có một thư mục khác bên trong myScratchExtensions có tên là scratch-vm.  

Ghi chú. scratch-vm là một thư viện chịu trách nhiệm chạy và duy trì các chương trình máy tính được tạo bằng các khối Scratch. scratch-gui cung cấp giao diện để tạo dự án

Bây giờ, hãy vào từng thư mục này để cài đặt các gói bằng lệnh cài đặt npm.  

(i) Đầu tiên vào thư mục scratch-vm gõ lệnh npm install

(ii) Sau khi cài đặt xong, gõ lệnh khác npm link. Điều này sẽ liên kết hai thư mục

(iii) Lặp lại hai bước trên cho thư mục scratch-gui

(iii) Tiếp theo sử dụng lệnh. npm start và nó sẽ bắt đầu dịch vụ đầu.  

Nhớ. npm là Trình quản lý gói nút để lập trình JavaScript; .  

Về cơ bản, nó là một cơ sở dữ liệu trực tuyến bao gồm các gói, do đó, được gọi là npm registry.  

Sau khi biên dịch xong, truy cập http. //máy chủ cục bộ. 8601/ trên trình duyệt của bạn và xem điều kỳ diệu.  

Ghi chú. localhost có nghĩa là bạn đang thiết lập kết nối với máy tính của chính mình. Liên kết này không được kết nối với internet. Vì vậy, bạn sẽ không thể chia sẻ hoặc tải các dự án của mình

Bước 2. Triển khai và tạo tiện ích mở rộng của bạn

Đi đến. thư mục scratch-vm – src –  tiện ích mở rộng

Trong thư mục tiện ích mở rộng, hãy tạo một thư mục để lưu trữ các tệp liên quan đến tiện ích mở rộng của bạn. Tôi đã đặt tên cho thư mục này là scratch3_myExtension

Bây giờ, chúng ta sẽ tạo một tệp có tên là index. js. Bạn có thể tạo tệp này bằng cách sử dụng Chân đế- trình chỉnh sửa mã nguồn hoặc bất kỳ trình chỉnh sửa JavaScript nào khác.  

Trong tệp này, trước tiên, hãy tạo một lớp, sau đó, mã sẽ được viết để đăng ký tiện ích mở rộng.  

Hãy tạo một lớp Extension trong chỉ mục. js

Ở đây, chúng tôi đã tạo một lớp có tên Scratch2myExtension. getInfo() là một phương thức trả về một đối tượng được sử dụng để hiển thị phần mở rộng và các khối.  

Trong phương thức getInfo, các thuật ngữ sau được sử dụng.  

• Tôi. Tên nội bộ duy nhất của Tiện ích mở rộng
• Tên. Điều này sẽ được hiển thị trên phần Scratch của Chọn một tiện ích mở rộng.  
• khối. Nó chứa các đối tượng/khối mới của tiện ích mở rộng mới
• mã lệnh. Đó là phương thức được gọi để thực hiện thao tác của khối (ở đây là writeText).  
• loại khối. Mô tả loại khối. Ở đây chúng tôi đã sử dụng. CHỈ HUY.  
• chữ. Nó chứa mô tả của khối.  
• tranh luận. Nó là một đối tượng chứa các trường cho các đối số khác nhau. (Ở đây, TEXT là đối số chứa loại trường và giá trị mặc định)
• menu (tùy chọn). Nó được sử dụng để tạo menu thả xuống cho các khối.  

tiếp theo đi đến. thư mục scratch-vm – src –  hỗ trợ tiện ích mở rộng – trình quản lý tiện ích mở rộng. js

Trong trình quản lý tiện ích mở rộng. js, thêm đường dẫn của tiện ích mở rộng của bạn

Làm việc trên GUI

Tạo hình nền và biểu tượng mà bạn muốn hiển thị cho tiện ích mở rộng của mình

Sau đó đi đến. thư mục cào-gui – src – lib – thư viện – tiện ích mở rộng

Lưu trữ hình ảnh của bạn trong thư mục này. Ngoài ra, tại đây bạn sẽ tìm thấy một tệp có tên là index. js; . Nhập các lệnh này vào tệp đó để nhập hình ảnh của bạn.  

Ngoài ra, hãy thêm đoạn mã sau vào cuối tệp này

Name là tên extension của bạn trong code mẫu này, còn defaultMessage là thông báo sẽ hiển thị trên menu nên bạn có thể tùy ý sáng tạo

Khi bạn nhấp vào Tiện ích mở rộng của mình, bạn sẽ thấy khối của mình trên Bảng khối như hình bên dưới

Phần kết luận

Chúc mừng. Bạn vừa học cách tạo tiện ích mở rộng của riêng mình trong Scratch bằng lập trình JavaScript. Tôi muốn xem cách bạn sử dụng kiến ​​thức này để tạo các tiện ích mở rộng đáng kinh ngạc của mình.  

Chúc mừng Brainstorming và sáng tạo.  

Learn Scratch tại BrightChamps với chương trình giảng dạy được thiết kế đặc biệt giúp việc học lập trình trở nên dễ dàng đối với học sinh từ Lớp 1-12

BrightChamps cũng dạy nhiều chương trình khác giúp trẻ xây dựng nền tảng về lập trình máy tính thông qua các hoạt động, bài học tương tác và các phương tiện khác

Tôi có thể sử dụng JavaScript trong Scratch không?

Scratch có giống với JavaScript không?

Chúng tôi có thể chuyển đổi trò chơi Scratch thành một ứng dụng không?