hey elias look what i made just go on this
gamingjs.com/ice Back to my work
How it started.
In 2014, I sent my uncle a little JavaScript character. He sent it back with eyes, a nose, and a few words of encouragement.
From the archive
//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 The beginning / 2014
“hey elias look
what i made”
I was a kid sending the same link more than once because I wanted my uncle to see it. He took the time to try it, change it, and encourage me.
Excerpts from our emails, April 12, 2014. Original wording preserved.
That is Awesome Nat!!
Keep up the good work.
Love you!
Nat,
I made a little change to yours - I made the hands eyes and added and eye ball and nose :)
See his changes above