If you've ever coded 2d collision detection, you may have felt the utmost urge to bash your head against the wall. Don't worry, we've all dealt with it, but if you had trouble with that, just wait 'til you struggle with this!

There'll be a time where you're developing a project and all you need is one JavaScript file. This works great, and in fact, it's the way I recommend starting off simple project, however, as time goes on, this singular file is likely to get bloated with classes, functions, variables, and more. As a result it's important to be on the lookout for when things feel unruly, then refactor and organize accordingly.

If you're newer to Three.js, choosing the right material can be downright miserable. You may have some of the following questions - Why doesn't my material have shadows? Why can't I see my shape anymore?

Ever develop an HTML / JavaScript game and realize that your game plays quicker on one monitor compared to another? Ever wonder, "Why tf is that?" Well. Let me tell ya. When used in an animation context, `requestAnimationFrame` (the method responsible for creating an animation loop in JavaScript) will attempt to establish a framerate, usually 60 frames per second (fps)...

If your game's collision detection is jank, you're gonna have a bad time. To better my understanding of collision detection (and yours of course, how could I forget?) I'll be detailing out a few ways in which you can detect and react to object collision in real-time with HTML canvas and JavaScript.

If you've ever struggled to learn Redux and it's add-ons such as Redux Thunk and redux-saga, this is THE tutorial that will finally help you understand what these libraries do, why we use them, and when you should use them. By the end of this tutorial, you'll be able to successfully utilize Redux in all of your projects in a clean and scalable manner in which other devs can hop right on in and contribute to your project immediately.

WebGL is something of a mystery to most developers these days—the learning curve is high, the resources are scarce, and its importance to the web is unapparent to many. My goal for this guide will be to teach you how to harness the power of WebGL in plain-speak.

There is absolutely zero use of including CSS in your project if it’s not being used across any of your site. Why include Bootstrap’s hundred-something classes if you’re only making use of its grid? Doing so creates a bloated CSS file that slows your site down and in return affects your pagespeed scores and SEO ranking (Google now factors mobile sites’ SEO ranking based on page speed). As a result, we’ll want to ensure we’re only adding the exact classes required for our site to function.

When it comes to a creating a development workflow that’s easy and enjoyable to use, speed and efficiency are paramount. This tutorial will show you how to use Alfred (Powerpack and OSX required) to create a full fledged Three.js development environment in a matter of seconds.

If you’re using webpack to manage your CSS and do things such as compile SASS, automatically add vendor prefixes, and remove any unused CSS, importing font files won’t work without a little bit of extra configuration. In this tutorial, I’ll show you how to get fonts working with webpack and explain the minute details along the way to better your understanding of webpack as a whole.

At some point in time, it’s likely that you’ll run into the error message displayed above, “WordPress needs access to your web server.” This is an error that occurs when file permissions and ownerships are set incorrectly on your site’s server. How to fix it depends on whether or not your site runs on a VPS or shared host. Inside are typical solutions for both.