My earliest code | Nathan Samson

My uncle bought me a laptop and gave me a book to learn how to code when I was 8.

I recently found this Gmail thread from my old email in 2014 where I kept sending him links to things I made. This is the earliest thing I can find of me sharing my code with him.

He saw my changes, made a few changes to the link that we used to make this code, and sent it back.

From the linkApril 12, 2014

//here is a small change I made to yours

Drag to turn it. Arrow keys work too.

See the original code

The original source from the links we shared. The character above uses the same geometry, adapted to fit this page.

<body></body>
<script src="http://gamingJS.com/Three.js"></script>
<script src="http://gamingJS.com/ChromeFixes.js"></script>
<script>3
  // This is where stuff in our game will happen:
  var scene = new THREE.Scene();

  // This is what sees the stuff:
  var aspect_ratio = window.innerWidth / window.innerHeight;
  var camera = new THREE.PerspectiveCamera(75, aspect_ratio, 1, 10000);
  camera.position.z = 500;
  scene.add(camera);

  // This will draw what the camera sees onto the screen:
  var renderer = new THREE.CanvasRenderer();
  renderer.setSize(window.innerWidth, window.innerHeight);
  document.body.appendChild(renderer.domElement);

  // ******** START CODING ON THE NEXT LINE ********
var cover = new THREE.MeshNormalMaterial();
var body = new THREE.SphereGeometry(150);
var avatar = new THREE.Mesh(body, cover);
scene.add(avatar);
          
var hand = new THREE.SphereGeometry(50);     
var eyeball = new THREE.SphereGeometry(20);

var noseball = new THREE.CircleGeometry(150);

var noseball = new THREE.Mesh(hand, cover);
noseball.position.set(-5, -50, 2);
scene.add(noseball);

var right_hand = new THREE.Mesh(hand, cover);
right_hand.position.set(-100, 2, 2);
scene.add(right_hand);
//here is a small change I made to yours 
var right_eyeball = new THREE.Mesh(eyeball, cover);
right_eyeball.position.set(-100, 2, 2);
scene.add(right_eyeball);

var left_hand = new THREE.Mesh(hand, cover);
left_hand.position.set(100, 2, 2);
scene.add(left_hand);


//here is a small change I made to yours - left Eyeball 
var left_eyeball = new THREE.Mesh(eyeball, cover);
left_eyeball.position.set(100, 2, 2);
scene.add(left_eyeball);




var foot = new
  // Now, show what the camera sees on the screen:
  renderer.render(scene, camera);
</script>

<body></body>
<script src="http://gamingJS.com/Three.js"></script>
<script src="http://gamingJS.com/ChromeFixes.js"></script>
<script>3
  // This is where stuff in our game will happen:
  var scene = new THREE.Scene();

  // This is what sees the stuff:
  var aspect_ratio = window.innerWidth / window.innerHeight;
  var camera = new THREE.PerspectiveCamera(75, aspect_ratio, 1, 10000);
  camera.position.z = 500;
  scene.add(camera);

  // This will draw what the camera sees onto the screen:
  var renderer = new THREE.CanvasRenderer();
  renderer.setSize(window.innerWidth, window.innerHeight);
  document.body.appendChild(renderer.domElement);

  // ******** START CODING ON THE NEXT LINE ********
var cover = new THREE.MeshNormalMaterial();
var body = new THREE.SphereGeometry(100);
var avatar = new THREE.Mesh(body, cover);
scene.add(avatar);
          
var hand = new THREE.SphereGeometry(50);         

var right_hand = new THREE.Mesh(hand, cover);
right_hand.position.set(-100, 2, 2);
scene.add(right_hand);

var left_hand = new THREE.Mesh(hand, cover);
left_hand.position.set(100, 2, 2);
scene.add(left_hand);

var foot = new
  // Now, show what the camera sees on the screen:
  renderer.render(scene, camera);
</script>

Save the original source

I really love that I found this because it shows how differently I used to speak when I was a kid and it’s a good memory to find.

Here’s the email thread that we were sending to each other.

Me to Uncle Elias6:44 pm

hey elias look what i made just go on this

gamingjs.com/ice

Uncle Elias to me7:01 pm

That is Awesome Nat!!

Keep up the good work.

Love you!

Me again

7:33 pmis.gd/LvRua7