Категории

8.1 Class and Objects - p5.js Tutorial

Опубликовано: 14 Май 2026
на канале: xin xin
6,107
like

01:08 class
03:24 constructor
05:49 member variable
07:28 this keyword
09:08 the dot operator
10:40 object
12:57 the new operator
14:15 passing parameters into the constructor
16:06 customized methods

p5 sketch: https://editor.p5js.org/xinxin/sketch...

📚 References 📚
The constructor method https://developer.mozilla.org/en-US/d...
The JavaScript this keyword https://www.w3schools.com/js/js_this.asp

✨ Special thanks to artist & SUNY Purchase professor Lee Tusman for giving me the idea of using Frogger to teach class and objects ✨

play_arrow
4,220,329
235 тыс

ТАТУИРОВКИ издают ЗВУКИ

ТАТУИРОВКИ издают ЗВУКИ
play_arrow
1,827
like

Final | Restaurant's Website 001 - HTML & CSS || Login Page | Frontend project

Final | Restaurant's Website 001 - HTML & CSS || Login Page | Frontend project
play_arrow
3,210
15

Hardwell @ Summer Sound 2013

Hardwell @ Summer Sound 2013
play_arrow
1,658
156

Салат-закуска из баклажанов. Минимум времени, минимум ингредиентов

Салат-закуска из баклажанов. Минимум времени, минимум ингредиентов
play_arrow
34
0

Achieve Section 3.6 Number 3

Achieve Section 3.6 Number 3
play_arrow
6
0

Zakias Coding Python Tutorials - Exit()

Zakias Coding Python Tutorials - Exit()
play_arrow
595
18

Minecraft Shaders Nvidia GT 710 ( recorded with Xbox Game Capture )

Minecraft Shaders Nvidia GT 710 ( recorded with Xbox Game Capture )
play_arrow
2,103
6

【懐かしいCM】（3）パンテーン　P＆G　1999年　Retro Japanese Commercials

【懐かしいCM】（3）パンテーン　P＆G　1999年　Retro Japanese Commercials
Похожие видео
play_arrow
1.3 textToPoints() + Javascript splice()

1.3 textToPoints() + Javascript splice()
play_arrow
12.2 JavaScript setInterval() - Text Animation - p5.js Tutorial

12.2 JavaScript setInterval() - Text Animation - p5.js Tutorial
play_arrow
12.3 Creating and Loading JSON - p5.js Tutorial

12.3 Creating and Loading JSON - p5.js Tutorial
play_arrow
12.1 JavaScript setTimeout() - Text Animation - p5.js Tutorial

12.1 JavaScript setTimeout() - Text Animation - p5.js Tutorial
play_arrow
8.4.1 Importing Image Assets - Frogger - p5.js Tutorial

8.4.1 Importing Image Assets - Frogger - p5.js Tutorial
play_arrow
9.2 JavaScript splice() - p5.js Tutorial

9.2 JavaScript splice() - p5.js Tutorial
play_arrow
9.1 JavaScript push(), pop(), unshift(), shift()

9.1 JavaScript push(), pop(), unshift(), shift()
play_arrow
8.4 Class and Objects - Collision Detection - p5.js Tutorial

8.4 Class and Objects - Collision Detection - p5.js Tutorial
play_arrow
8.3 Switch Statement - Changing Scenes! - p5.js Tutorial

8.3 Switch Statement - Changing Scenes! - p5.js Tutorial
play_arrow
8.2 Array of Objects - p5.js Tutorial

8.2 Array of Objects - p5.js Tutorial
play_arrow
8.1 Class and Objects - p5.js Tutorial

8.1 Class and Objects - p5.js Tutorial
play_arrow
7.2 Mouse & Key Inputs - p5.js Tutorial

7.2 Mouse & Key Inputs - p5.js Tutorial
play_arrow
7.1 JavaScript Object and the Dot Operator - p5.js Tutorial

7.1 JavaScript Object and the Dot Operator - p5.js Tutorial
play_arrow
5.2.2 blendMode() + Loops - Anaglyph Illusion - p5.js Tutorial

5.2.2 blendMode() + Loops - Anaglyph Illusion - p5.js Tutorial
play_arrow
5.2.1 Modulo - Make a Checkerboard! - p5.js Tutorial

5.2.1 Modulo - Make a Checkerboard! - p5.js Tutorial
play_arrow
5.1.1 rotate() + for Loop - Pattern Making Tip - p5.js Tutorial

5.1.1 rotate() + for Loop - Pattern Making Tip - p5.js Tutorial
play_arrow
5.2 Nested for Loop - Draw a Grid! - p5.js Tutorial

5.2 Nested for Loop - Draw a Grid! - p5.js Tutorial
play_arrow
5.1 for Loop - p5.js Tutorial

5.1 for Loop - p5.js Tutorial
play_arrow
3.1 If, Else, Else If - p5.js Tutorial

3.1 If, Else, Else If - p5.js Tutorial
play_arrow
3.4 hour(), minute(), second() - p5.js Tutorial

3.4 hour(), minute(), second() - p5.js Tutorial
play_arrow
3.5 map() - p5.js Tutorial

3.5 map() - p5.js Tutorial
play_arrow
3.6 frameRate(), frameCount, millis() - p5.js Tutorial

3.6 frameRate(), frameCount, millis() - p5.js Tutorial
play_arrow
3.3 Boolean Variable - Create an On / Off Button - p5.js Tutorial

3.3 Boolean Variable - Create an On / Off Button - p5.js Tutorial
play_arrow
3.2 AND - Create a Hover Button - p5.js Tutorial

3.2 AND - Create a Hover Button - p5.js Tutorial