Making a Kinetic Wave Toy type simulation with JavaScript (code in description)

Опубликовано: 30 Декабрь 2022
на канале: morejpeg
362
5

Simulation of a water droplet automata in p5js.
1) Drawing concentric rings in a for loop
2) Translating the rings by a sinusoid to make them wave
3) Adding a sphere in the center for the water droplet
4) Replacing 2D circles with 3D torus and texturing
5) Adding a sphere mapped background by drawing a big textured sphere
6) Exposing variables with dat.GUI

My presentation skills start to wane at the end but hopefully you'll get the idea by then. If you have any questions leave a comment and I'll help you out.

Source code: https://editor.p5js.org/rjgilmour/ske...

3D Boilerplate: https://editor.p5js.org/rjgilmour/ske...


Смотрите видео Making a Kinetic Wave Toy type simulation with JavaScript (code in description) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь morejpeg 30 Декабрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 362 раз и оно понравилось 5 людям.