Media is too big
VIEW IN TELEGRAM
17. Player Sprite Practice
Steve instructs students to add a playable sprite that falls to the ground and can walk left and right. Steve then walks through setting up the player sprite and demonstrates multiple options for detecting when a sprite touches the ground.
#lesson
Steve instructs students to add a playable sprite that falls to the ground and can walk left and right. Steve then walks through setting up the player sprite and demonstrates multiple options for detecting when a sprite touches the ground.
#lesson
Media is too big
VIEW IN TELEGRAM
18. Collecting Apples & Adding Enemies
Steve implements the ability to collect apples and adds falling enemies for the player to avoid.
- https://scratch-workshop.vercel.app/adding-enemies-to-raining-apples
#lesson
Steve implements the ability to collect apples and adds falling enemies for the player to avoid.
- https://scratch-workshop.vercel.app/adding-enemies-to-raining-apples
#lesson
Media is too big
VIEW IN TELEGRAM
19. Create a Jumping Movement
Steve implements the ability for a sprite to jump with velocity and detect when it touches the ground.
- https://scratch-workshop.vercel.app/creating-a-jumping-movement
#lesson
Steve implements the ability for a sprite to jump with velocity and detect when it touches the ground.
- https://scratch-workshop.vercel.app/creating-a-jumping-movement
#lesson
Media is too big
VIEW IN TELEGRAM
20. Adding & Removing Obstacles
Steve adds obstacles that move across the stage for players to jump over. Removing the obstacles when the reach the edge of the stage is also covered in this segment.
- https://scratch-workshop.vercel.app/adding-and-removing-obstacles
#lesson
Steve adds obstacles that move across the stage for players to jump over. Removing the obstacles when the reach the edge of the stage is also covered in this segment.
- https://scratch-workshop.vercel.app/adding-and-removing-obstacles
#lesson
Media is too big
VIEW IN TELEGRAM
21. Game Over Screen
Steve demonstrates utilizing a combination of collision detection, broadcasting messages, and hiding and showing sprites to create a game over screen.
- https://scratch-workshop.vercel.app/broadcasting-a-message
#lesson
Steve demonstrates utilizing a combination of collision detection, broadcasting messages, and hiding and showing sprites to create a game over screen.
- https://scratch-workshop.vercel.app/broadcasting-a-message
#lesson
Media is too big
VIEW IN TELEGRAM
22. Game Start and End Actions
Steve implements the game's start screen and the ability to restart the game when the game ends. A discussion regarding using similar actions for level design is also covered in this segment.
#lesson
Steve implements the game's start screen and the ability to restart the game when the game ends. A discussion regarding using similar actions for level design is also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
23. Moving with Velocity
Steve demonstrates adding velocity to movement by implementing acceleration and deceleration to the sprite's horizontal movements.
- https://scratch-workshop.vercel.app/moving-with-velocity
#lesson
Steve demonstrates adding velocity to movement by implementing acceleration and deceleration to the sprite's horizontal movements.
- https://scratch-workshop.vercel.app/moving-with-velocity
#lesson
Media is too big
VIEW IN TELEGRAM
24. Velocity Practice
Steve instructs students to utilize the concepts covered in the previous lesson to implement velocity for the sprite's up and down movements. A possible solution is also covered in this segment.
#lesson
Steve instructs students to utilize the concepts covered in the previous lesson to implement velocity for the sprite's up and down movements. A possible solution is also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
25. Creating Platformer Hero
Steve creates the hero sprite and backdrop for the platformer game. Implementing a code block that fixes the sprite falling into the ground without showing the sprite movement is also covered in this segment.
#lesson
Steve creates the hero sprite and backdrop for the platformer game. Implementing a code block that fixes the sprite falling into the ground without showing the sprite movement is also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
26. Platform Collision Detection
Steve implements the ability for the hero sprite to jump and discusses the pseudo-code for improving the previously created "fix landing" code block.
- https://scratch-workshop.vercel.app/using-a-custom-block-to-fix-our-landing
#lesson
Steve implements the ability for the hero sprite to jump and discusses the pseudo-code for improving the previously created "fix landing" code block.
- https://scratch-workshop.vercel.app/using-a-custom-block-to-fix-our-landing
#lesson
Media is too big
VIEW IN TELEGRAM
27. Implementing Collision Detection
Steve implements a code block to detect if the hero sprite is touching a platform. The code block keeps track of the hero sprite's position and moves the sprite back to its last known position when the sprite is touching a platform.
#lesson
Steve implements a code block to detect if the hero sprite is touching a platform. The code block keeps track of the hero sprite's position and moves the sprite back to its last known position when the sprite is touching a platform.
#lesson
Media is too big
VIEW IN TELEGRAM
28. Horizontal Movement Practice
Students are instructed to implement the hero sprite's horizontal movement. Steve then walks through a possible solution for adding horizontal movement and implements horizontal collision detection.
#lesson
Students are instructed to implement the hero sprite's horizontal movement. Steve then walks through a possible solution for adding horizontal movement and implements horizontal collision detection.
#lesson
Media is too big
VIEW IN TELEGRAM
29. Preventing Double Jumps
Steve updates the jump movement to include velocity and prevent double jumping.
#lesson
Steve updates the jump movement to include velocity and prevent double jumping.
#lesson
Media is too big
VIEW IN TELEGRAM
30. Pen Tool
Steve discusses the Pen Scratch extension, which allows complete control over drawing graphics. A demonstration of combining custom blocks and the pen to programmatically draw shapes is also provided in this segment.
- https://scratch-workshop.vercel.app/the-basics-of-the-pen-tool
#lesson
Steve discusses the Pen Scratch extension, which allows complete control over drawing graphics. A demonstration of combining custom blocks and the pen to programmatically draw shapes is also provided in this segment.
- https://scratch-workshop.vercel.app/the-basics-of-the-pen-tool
#lesson
Media is too big
VIEW IN TELEGRAM
31. Snake Game
Steve discusses utilizing the Pen extension to create infinite and finite versions of a snake game. The video sensing tool is also discussed in this segment.
- https://scratch-workshop.vercel.app/infinite-snake
#lesson
Steve discusses utilizing the Pen extension to create infinite and finite versions of a snake game. The video sensing tool is also discussed in this segment.
- https://scratch-workshop.vercel.app/infinite-snake
#lesson
Media is too big
VIEW IN TELEGRAM
32. Wrapping Up
Steve wraps up the course by demonstrating how to look at a shared Scratch project's code.
#lesson
Steve wraps up the course by demonstrating how to look at a shared Scratch project's code.
#lesson
Title: Hardware with Arduino & JavaScript
Description: Tie the physical and digital worlds together, and see what's possible with hardware and JavaScript! Craft circuits, wire up LEDs, buttons, and sensors, and leverage sensors to change browser actions based on real-world data, all with web-based technologies.
Link: https://frontendmasters.com/courses/arduino-javascript/
Time: 3 hours, 0 minutes
Lessons: 22 / 22
Tags: #course #frontendmasters #720p
Description: Tie the physical and digital worlds together, and see what's possible with hardware and JavaScript! Craft circuits, wire up LEDs, buttons, and sensors, and leverage sensors to change browser actions based on real-world data, all with web-based technologies.
Link: https://frontendmasters.com/courses/arduino-javascript/
Time: 3 hours, 0 minutes
Lessons: 22 / 22
Tags: #course #frontendmasters #720p
Frontendmasters
Hardware with Arduino & JavaScript: Bridging the Digital & Physical worlds with code
Tie the physical and digital worlds together, and see what's possible with hardware and JavaScript! Craft circuits, wire up LEDs, buttons, and sensors, and leverage sensors to change browser actions based on real-world data, all with web-based technologies.
Media is too big
VIEW IN TELEGRAM
1. Introduction
Steve begins the course by introducing the Arduino platform and talking through some third-party libraries that add support for JavaScript. Alternative boards which are compatible with this course are also discussed.
- https://github.com/stevekinney/nodebots-v2
#lesson
Steve begins the course by introducing the Arduino platform and talking through some third-party libraries that add support for JavaScript. Alternative boards which are compatible with this course are also discussed.
- https://github.com/stevekinney/nodebots-v2
#lesson
Media is too big
VIEW IN TELEGRAM
2. Getting Started with Arduino
Steve tests the Arduino board with a "hello world" example. The Arduino is connected to the computer, and an example blink program is loaded, causing an LED to blink on and off.
#lesson
Steve tests the Arduino board with a "hello world" example. The Arduino is connected to the computer, and an example blink program is loaded, causing an LED to blink on and off.
#lesson
Media is too big
VIEW IN TELEGRAM
3. Electricity & Hardware Terminology
Steve explains a few electrical engineering concepts, including Ohm's law, polarity, and resistors. A color-coded chart is shown, which helps identify the ohm value of a resistor.
#lesson
Steve explains a few electrical engineering concepts, including Ohm's law, polarity, and resistors. A color-coded chart is shown, which helps identify the ohm value of a resistor.
#lesson
Media is too big
VIEW IN TELEGRAM
4. Wiring a Circuit to the Breadboard
#lesson
#lesson