Create a 3D Pong Game With Three.js and WebGL

Posted on Saturday, July 27, 2013 by RICHARD HARRIS, Executive Editor

Want to get started using three.js but don't know where to go? A new tutorial over at buildnewgames.com will get you started by showing you how to create a 3D game using three.js and WebGL. After you get your machine setup to build programs on the three.js platform, the tutorial will take you through building a pong game clone (in 3D), with plenty of copy and paste code to use, and images to reference.

Here are a few prerequisites you'll need first:

A browser with WebGL - this game has been tested on Chrome and Firefox. IE still doesn�t support WebGL, unless you�re using Windows 8.1 with IE11.
Three.js library available for download from the Three.js website
The Keyboard.js helper library I used for this project, created by Arthur Schreiber at No Karma. Download it from my GitHub repository
A basic understanding of what Three.js does. Read this super simple, super quick tutorial by Paul Lewis. It�s basically a short-hand version of this article.

More App Developer News

Tether QVAC SDK Powers AI Across Devices and Platforms

APAC 5G expansion to fuel 347B mobile market by 2030

How AI is causing app litter everywhere

The App Economy Is Thriving

NIKKE 3.5 anniversary update livestream coming soon

New AI tool targets early dementia detection

Jentic launch gives AI agents api access

Experts warn ai-generated health content risks misinterpretation without human oversight

Ludo.ai Unveils API and MCP Beta to Power AI Game Asset Pipelines

AccuWeather Launches ChatGPT Integration for Live Weather Updates

Stop Using Business Jargon: 5 Ways Buzzwords Damage Job Performance

IT spending rises as banks balance legacy and innovation

Tech hiring slumps as Software Developer job postings fall

AI is becoming more widespread in collaboration tools

FCC prohibits new foreign router models citing critical infrastructure risks

ChatGPT Carbon Footprint Matches 1.3 Million Cars Report Finds

Lens Launches MCP Server to Connect AI Coding Assistants with Kubernetes

Accelerating corporate ai investment returns

Enviromates tech startup launches global participation platform

Private Repository Secures the AI-driven Development Boom

UK Fintech Platform Enviromates Connects Projects Brands and Consumers

Env Zero and CloudQuery Announce Merger

How Industrial AI Is Transforming Operations in 2026

AI generated work from managers is damaging trust among employees

Foresight Secures $25M to Bridge Infrastructure Execution Gap