Difference between revisions of "Team:Hawaii/Gina"

 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html>
+
{{Hawaii/All}}
 +
{{Hawaii/Navbar}}
 +
{{Hawaii/Banner}}
 +
{{Hawaii/Subheader}}
 +
{{Hawaii/Entry|title=Protease Digestion|date=May 2, 2018|text=This week, I did baskdljfklsad d blah blah blah}}
  
−
<!-- GINA'S RESEARCH JOURNAL -->
+
{{Hawaii/Entry|title=Protease Digestion|date=May 2, 2018|text=This week, I asdfsdf ah blah and blah blah blah}}
−
<!-- DO NOT EDIT UNLESS YOU ARE GINA -->
+
  
−
<!-- I RECOMMEND THAT YOU WRITE THINGS IN NOTEPAD+ AND THEN TRANSFER THEM TO THE WIKI -->
+
{{Hawaii/Entry|title=Protease Digestion|date=May 2, 2018|text=This week, I asdfasdf ah blah blah and blah blah blah}}
−
<!-- Headers need to be enclosed by <h1> Wording </h1> -->
+
−
<!-- Regular paragraphs need to be enclosed by <p> Wording </p> -->
+
  
 +
{{Hawaii/Entry|title=Protease Digestion|date=May 2, 2018|text=This week, I did blah blah blah and blooiashdf blah blah}}
  
−
<!-- BODY START -->
 
−
<br>
 
−
<br>
 
  
−
<div style="background-color:green">
 
−
<h1>RESEARCH JOURNAL</h1>
 
−
</div>
 
  
−
<br>
 
−
 
−
<p>This is where you write things.</p>
 
  
−
+
{{Hawaii/Footer}}
−
<h1>5/16/18; Super Cool Protein Purification </h1>
+
−
<p>Today we purified this super cool protein.</p>
+
−
Test Hello 
+
−
 
+
−
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/92/three.js"></script>
+
−
 
+
−
<!-- BODY END -->
+
−
<script>
+
−
window.onload = function() {
+
−
  let loadTime = window.performance.timing.domContentLoadedEventEnd-window.performance.timing.navigationStart;
+
−
  console.log('Page load time is '+ loadTime);
+
−
 
+
−
  let container, scene, camera, renderer, light, controls;
+
−
  let lightIntensity = 1.4;
+
−
 
+
−
  let targetRotationX = 0;
+
−
  let targetRotationOnMouseDownX = 0;
+
−
 
+
−
  let targetRotationY = 0;
+
−
  let targetRotationOnMouseDownY = 0;
+
−
 
+
−
  let mouseX = 0;
+
−
  let mouseXOnMouseDown = 0;
+
−
 
+
−
  let mouseY = 0;
+
−
  let mouseYOnMouseDown = 0;
+
−
 
+
−
  let windowHalfX = window.innerWidth/2;
+
−
  let windowHalfY = window.innerHeight/2;
+
−
 
+
−
  let WIDTH  = window.innerWidth;
+
−
  let HEIGHT = window.innerHeight;
+
−
  let SPEED = 0.01;
+
−
 
+
−
  let raycaster = new THREE.Raycaster();
+
−
  let mouse = new THREE.Vector2(), INTERSECTED, CLICKINTERSECTED;
+
−
  let intersects;
+
−
  let currentMeshName;
+
−
 
+
−
 
+
−
  init();
+
−
  animate();
+
−
 
+
−
  function init() {
+
−
 
+
−
    container = document.createElement('div');
+
−
    document.body.appendChild(container);
+
−
 
+
−
    scene = new THREE.Scene();
+
−
 
+
−
    // initCamera
+
−
    camera = new THREE.PerspectiveCamera(70, WIDTH / HEIGHT, 1, 500);
+
−
    camera.position.set(0, 3.5, 10);
+
−
    camera.lookAt(scene.position);
+
−
 
+
−
    // initMesh
+
−
    // let mesh = null;
+
−
    // let loader = new THREE.JSONLoader();
+
−
    // let name = './marmelab.json';
+
−
    // loader.load(name, function(geometry, materials) {
+
−
    //  mesh = new THREE.Mesh(geometry, new THREE.MeshFaceMaterial(materials));
+
−
    //  mesh.rotation.y= -10;
+
−
    //  scene.add(mesh);
+
−
    // });
+
−
    var geometry = new THREE.BoxGeometry( 1, 1, 1 );
+
−
    var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
+
−
    var cube = new THREE.Mesh( geometry, material );
+
−
    scene.add( cube );
+
−
 
+
−
    // initLight
+
−
    light = new THREE.PointLight(0xffffff, lightIntensity);
+
−
    light.position.set(50,50,50);
+
−
    scene.add(light);
+
−
    console.log(scene.children);
+
−
 
+
−
    // initRenderer
+
−
    renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
+
−
    renderer.setPixelRatio(window.devicePixelRatio);
+
−
    renderer.setSize(WIDTH, HEIGHT);
+
−
    renderer.sortObjects = false;
+
−
 
+
−
    container.appendChild(renderer.domElement);
+
−
  }
+
−
 
+
−
  function onResize() {
+
−
    windowHalfX = window.innerWidth/2;
+
−
    windowHalfY = window.innerHeight/2;
+
−
    camera.aspect = window.innerWidth/window.innerHeight;
+
−
    camera.updateProjectionMatrix();
+
−
    renderer.setSize(window.innerWidth, window.innerHeight);
+
−
  }
+
−
 
+
−
  function render() {
+
−
    renderer.render(scene,camera);
+
−
  }
+
−
 
+
−
  function animate() {
+
−
    requestAnimationFrame(animate);
+
−
    render();
+
−
  }
+
−
 
+
−
  window.addEventListener('resize',onResize,false);
+
−
}
+
−
</script>
+
−
 
+
−
+
−
</html>
+

Latest revision as of 06:38, 4 July 2018

{{{title}}}

{{{title}}}

{{{sub1}}}

{{{sub2}}}

{{{sub3}}}

{{{sub4}}}

{{{sub5}}}

{{{sub6}}}

Protease Digestion

May 2, 2018

This week, I did baskdljfklsad d blah blah blah