Back to Browse

11.8: Video Effects with Seriously.js - p5.js Tutorial

33.1K views
Apr 11, 2016
17:29

In this video I cover how to combine seriously.js with p5.js for real-time manipulation of video in the browser. I look at a Gaussian blur as well as chroma key. Seriously.js: http://seriouslyjs.org/ All examples: https://github.com/CodingTrain/Rainbow-Code/tree/master/Tutorials/P5JS/p5.js_video/10.8_p5.js_seriously Contact: https://twitter.com/shiffman Learn JavaScript basics: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Learn HTML / CSS basics: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bI1SlcCRfLH79HZrFAtBvX Working with Data / APIs: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6a-SQiI4RtIwuOrLJGnel0r More about image processing in Processing: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YB9x6f23CBftiyx0u_5sO9 Help us caption & translate this video! http://amara.org/v/Qbsx/ 📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

Download

1 formats

Video Formats

360pmp435.9 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

11.8: Video Effects with Seriously.js - p5.js Tutorial | NatokHD