derp

by nukeboy212

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
<script src="https://threejs.org/examples/js/loaders/ColladaLoader.js"></script>
<script src="https://rawgit.com/mrdoob/three.js/master/examples/js/controls/TrackballControls.js"></script>
<button id="derpp">
  derp
</button>

JavaScript

var somethingthataintbeused = "not important"
var derp = somethingthataintbeused

$("#derpp").click(function() {
  alert(derp);
});
///////////////////////////////
var dae;
var scnene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
var render = new THREE.WebGLRenderer({
  alpha: false
});
var ambientLight = new THREE.AmbientLight("#FFFFFF");
var light = new THREE.PointLight(iphone, 1, 100);
var hemiLight = new THREE.HemisphereLight(iphone, iphone, 0)
var iphone = "#FAFAFA";
var loader = new THREE.ColladaLoader();
var AxisHelper = new THREE.AxesHelper(1.25)
function loadCollada(collada){
dae = collada.scene;
dae.position.set(0.4, 0, 0.8);
scnene.add(dae)
renderPhone()
}
function renderPhone(){
  requestAnimationFrame(renderPhone)
  render.render(scnene, camera)
}
light.position.set(0, 20 ,10)
hemiLight.position.set(0, 50, 0)
scnene.add(ambientLight);
scnene.add(hemiLight);
scnene.add(light);
camera.position.set(-5, 12, 10);
camera.lookAt(scnene.position);
scnene.add(camera);
scnene.add(AxisHelper);

render.setSize(window.innerWidth, window.innerHeight);
render.setPixelRatio(window.devicePixelRatio);
$.ajax({
  url: "https://gist.githubusercontent.com/deanna-yee/1707998fb5df9e6ffbefa3a91801893f/raw/ff2370524534022c2fb0322e75ee37797b83a03a/iphone.js",
  type:"GET",
  crossDomain: true,
  dataType:"json",
  success: function(response){
  loader.load(response.url, loadCollada)
  }
});
$("body").append(render.domElement);


///////////////////////////////////controls///////////////////////////////////////////////////



var controls = new THREE.TrackballControls(camera);
controls.addEventListener("change", renderPhone)

function animationLoop(){
requestAnimationFrame(animationLoop)
controls.update()
}

controls.rotateSpeed =  5.0;
controls.zoomSpeed = 3.2;
controls.panSpeed = 0.8;
controls.noZoom = false;
controls.noPan = false;
controls.staticMoving = false;
controls.dynamicDampingFactor =...