1. https://appdevelopermagazine.com/programming
  2. https://appdevelopermagazine.com/create-a-3d-pong-game-with-three.js-and-webgl/
7/27/2013 11:35:59 AM
Create a 3D Pong Game With Three.js and WebGL
/threejs_urjxqku0.png
App Developer Magazine

Programming

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


Saturday, July 27, 2013

Richard Harris Richard Harris


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.

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




Read more: http://buildnewgames.com/webgl-threejs/




Subscribe to App Developer Magazine

Become a subscriber of App Developer Magazine for just $5.99 a month and take advantage of all these perks.

MEMBERS GET ACCESS TO

  • - Exclusive content from leaders in the industry
  • - Q&A articles from industry leaders
  • - Tips and tricks from the most successful developers weekly
  • - Monthly issues, including all 90+ back-issues since 2012
  • - Event discounts and early-bird signups
  • - Gain insight from top achievers in the app store
  • - Learn what tools to use, what SDK's to use, and more

    Subscribe here



Stay Updated

Sign up for our newsletter for the headlines delivered to you

SuccessFull SignUp

Featured Stories


FTC AI accuracy policy puts chatbot trust under review
FTC AI accuracy policy puts chatbot trust under review Tuesday, July 21, 2026




Human-Made Video Ads Outperform AI-Generated Creativity
Human-Made Video Ads Outperform AI-Generated Creativity Monday, July 20, 2026


SpaceX accelerates AI push with new hires
SpaceX accelerates AI push with new hires Monday, July 20, 2026


NearLens: Smart Glasses Privacy Taken Seriously
NearLens: Smart Glasses Privacy Taken Seriously Wednesday, July 15, 2026


Agentic Commerce Grows Cequence Unveils AI-Era Bot Defense
Agentic Commerce Grows Cequence Unveils AI-Era Bot Defense Wednesday, July 15, 2026


Nearly all developers use AI but few secure the code it generates
Nearly all developers use AI but few secure the code it generates Monday, July 13, 2026


Enviromates new browser launches
Enviromates new browser launches Monday, July 6, 2026


AI Executive Order aims to balance security and innovation
AI Executive Order aims to balance security and innovation Monday, June 29, 2026


Top manufacturing trends for 2026
Top manufacturing trends for 2026 Tuesday, June 23, 2026


API scoring tool shows if your API is ready for AI
API scoring tool shows if your API is ready for AI Monday, June 22, 2026


Get More App News