Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

4.4: Particle Systems with Image Textures - The Nature of Code

Автор: The Coding Train

Загружено: 2021-04-13

Просмотров: 45034

Описание:

It’s time to expand beyond grayscale particles! In this video I demonstrate how to make a fire or smoke-like effect by using image textures and additive blending with a particle system. Code: https://thecodingtrain.com/tracks/the...

p5.js Web Editor Sketches:
🕹️ Texture Maker: https://editor.p5js.org/codingtrain/s...
🕹️ Image Texture: https://editor.p5js.org/codingtrain/s...
🕹️ Shader (WebGL): https://editor.p5js.org/codingtrain/s...

🎥 Previous video:    • 4.3: Particle Systems with Inheritance - T...  
🎥 Next video:    • 5.1 Autonomous Steering Agents Introductio...  
🎥 All videos:    • The Nature of Code  

Videos:
🎥 Purple Rain:    • Coding Challenge 4: Purple Rain in Processing  
🎥 Snowfall:    • Coding Challenge #88: Snowfall  

Timestamps:
0:00 One more particle system video!
0:57 Hopefully you'll make something neat.
1:25 Adding applyForce() to our particle class.
3:24 I've already made an image texture.
4:37 Adding the image texture to the sketch.
6:28 Adjusting the way the particles look.
7:17 Let's see if there's a way to improve performance.
8:58 blendMode(ADD)
9:53 Let's try using blendMode(ADD)!
10:36 Adding in color, yay!
11:53 Please share what you create!
12:22 What's next?

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: http://thecodingtrain.com/
👾 Share Your Creation! https://thecodingtrain.com/guides/pas...
🚩 Suggest Topics: https://github.com/CodingTrain/Sugges...
💡 GitHub: https://github.com/CodingTrain
💬 Discord: https://thecodingtrain.com/discord
✪ Nebula: https://go.nebula.tv/codingtrain
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
🖋️ Twitter:   / thecodingtrain  
📸 Instagram:   / the.coding.train  

🎥 Coding Challenges:    • Coding Challenges  
🎥 Intro to Programming:    • Start learning here!  

🔗 p5.js: https://p5js.org
🔗 p5.js Web Editor: https://editor.p5js.org/
🔗 Processing: https://processing.org

📄 Code of Conduct: https://github.com/CodingTrain/Code-o...

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecod...

#forbeginners #javascript #p5js

4.4: Particle Systems with Image Textures - The Nature of Code

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

5.1 Autonomous Steering Agents Introduction - The Nature of Code

5.1 Autonomous Steering Agents Introduction - The Nature of Code

Ex-Blizzard Dev Writes A Particle System From Scratch - Never Engine Devlog 1

Ex-Blizzard Dev Writes A Particle System From Scratch - Never Engine Devlog 1

Coding Challenge 179: Elementary Cellular Automata

Coding Challenge 179: Elementary Cellular Automata

I Tried Making Generative Art (p5js)

I Tried Making Generative Art (p5js)

4.1: Particle System Simulation - The Nature of Code

4.1: Particle System Simulation - The Nature of Code

Сделал визуализацию 4D, 5D, 6D. Как выглядит 6D мир?

Сделал визуализацию 4D, 5D, 6D. Как выглядит 6D мир?

Coding Challenge 166: ASCII Text Images

Coding Challenge 166: ASCII Text Images

Coding Challenge #159: Simple Pendulum Simulation

Coding Challenge #159: Simple Pendulum Simulation

10 лет рисовал логотипы и вот что понял

10 лет рисовал логотипы и вот что понял

Я на КИТАЙСКОМ ЗАВОДЕ ПК КОРПУСОВ

Я на КИТАЙСКОМ ЗАВОДЕ ПК КОРПУСОВ

Манипулирование пикселями JavaScript для начинающих

Манипулирование пикселями JavaScript для начинающих

Красота кода: поля потока

Красота кода: поля потока

3.4 Polar Coordinates - The Nature of Code

3.4 Polar Coordinates - The Nature of Code

Zettelkasten + AI: Как я связал ChatGPT и Obsidian в единую систему знаний

Zettelkasten + AI: Как я связал ChatGPT и Obsidian в единую систему знаний

Coding Challenge 184: Collisions Without a Physics Library!

Coding Challenge 184: Collisions Without a Physics Library!

🧪🧪🧪🧪Как увидеть гиперпространство (4-е измерение)

🧪🧪🧪🧪Как увидеть гиперпространство (4-е измерение)

Где начало СХЕМЫ? Понимаем, читаем, изучаем схемы. Понятное объяснение!

Где начало СХЕМЫ? Понимаем, читаем, изучаем схемы. Понятное объяснение!

4.2: Many Particle Systems (Emitters!) - The Nature of Code

4.2: Many Particle Systems (Emitters!) - The Nature of Code

2.5 Gravitational Attraction - The Nature of Code

2.5 Gravitational Attraction - The Nature of Code

Easy Perlin Noise Flow Fields

Easy Perlin Noise Flow Fields

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: infodtube@gmail.com