7.8: Objects and Images - p5.js Tutorial
133.4 هزار بار بازدید -
7 سال پیش
-
This video explores how to
This video explores how to load and display images as objects with p5.js.
Code: thecodingtrain.com/tracks/code-programming-with-p5…
🕹️ p5.js Web Editor Sketch: editor.p5js.org/codingtrain/sketches/H44xHm5a
🎥 Previous video: • p5.js Web Editor: Uploading Media Fil...
🎥 All videos: • Start learning here!
Timestamps:
0:00 Introduction
1:19 PNG Images Allow for Transparent Pixels
3:12 The image() Function
6:15 Using a Loop to Load All the Images
8:26 Using String Concatenation to Load Multiple Images
10:00 Picking a Random Image from an Array
14:50 Using a Template Literal to Load Multiple Images
Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound
🚂 Website: thecodingtrain.com/
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: www.instagram.com/the.coding.train/
🎥 Coding Challenges: • Coding Challenges
🎥 Intro to Programming: • Start learning here!
🔗 p5.js: p5js.org/
🔗 p5.js Web Editor: editor.p5js.org/
🔗 Processing: processing.org/
📄 Code of Conduct: github.com/CodingTrain/Code-of-Conduct
This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/n…
#basics #images #objects #p5js #javascript
7 سال پیش
در تاریخ 1396/09/25 منتشر شده
است.
133,446
بـار بازدید شده