title: how would I do environment reflection in webgl without using a library like three.js?
body: <p>I'm trying to figure out how to do environment mapping onto an object. Here's the setup:</p>
  
  <p><img src="https://i.stack.imgur.com/HMq79.png" alt="teapot"></p>
  
  <p>How would I make the teapot's surface reflect it's surroundings? So what I mean by that is, instead of the teapot being that shade of gray, its surface should reflect its environment, so it should have the checkerboard mapped onto its surface.</p>
  
  <p>This is an example of what I'm trying to accomplish, but its using <a href="https://github.com/mrdoob/three.js/" rel="nofollow noreferrer">Three.js</a> and I want to do this on my own (this is for a class).</p>
  
  <p><a href="http://aerotwist.com/tutorials/create-your-own-environment-maps/demo/" rel="nofollow noreferrer">http://aerotwist.com/tutorials/create-your-own-environment-maps/demo/</a></p>
  
  <p>Does this make sense? How would I get started?</p>
  
  <hr>
  
  <h2><strong>Follow-Up</strong></h2>
  
  <p>I answered this question after finishing my homework assignment: <a href="https://stackoverflow.com/a/10093646/196921">https://stackoverflow.com/a/10093646/196921</a>. Refer to the answer for links and code :)</p>