No images? Click here

Make a Fountain of Sparks with WebGL

WebGL is a 3D graphics library that enables modern web browsers to render interactive 2D and 3D scenes in a standard and efficient manner, allowing for GPU-accelerated use of physics and image processing and effects.

In Chapter 10 of Real-Time 3D Graphics with WebGL 2, Farhad Ghayour and Diego Cantor show how easy it is to build a pretty shower pf sparks effect using point sprites in WebGL 2, as pictured above. You can adjust the size and lifetime of the particles by using slider controls, and further customizations are easily possible by making tweaks to the code. You'll discover how point sprites can be used to efficiently render particle effects, and the different ways that we can manipulate a particle simulation to achieve various effects.

Real-Time 3D Graphics with WebGL 2 - Second Edition

Create interactive, visually stunning, high-performance 3D applications for the web with JavaScript and WebGL 2. This complete course on 3D computer graphics covers rendering, 3D math, lighting, cameras, and more, unlocking a variety of new and advanced WebGL 2 features.

Start your subscription today and you'll get access to this book, plus 300+ other web design and development books in SitePoint Premium!

This week, new subscribers can get 60% off for the first three months. That’s $3 a month to access 400+ tech books and courses — grab the deal here.

Until next time,
James at SitePoint