Difference between revisions of "Team:Newcastle"

Line 17: Line 17:
  
 
<body id="top">
 
<body id="top">
−
 
−
<canvas id='world'></canvas>
 
  
 
     <!-- home
 
     <!-- home
Line 350: Line 348:
  
 
     </section> <!-- end s-contact -->
 
     </section> <!-- end s-contact -->
 +
 +
<canvas id='world'></canvas>
  
  
Line 428: Line 428:
 
}
 
}
 
</script>  
 
</script>  
 +
 +
<script>
 +
// One of my first <canvas> experiments, woop! :D
 +
 +
var SCREEN_WIDTH = window.innerWidth;
 +
var SCREEN_HEIGHT = window.innerHeight;
 +
 +
var RADIUS = 70;
 +
 +
var RADIUS_SCALE = 1;
 +
var RADIUS_SCALE_MIN = 1;
 +
var RADIUS_SCALE_MAX = 1.5;
 +
 +
var QUANTITY = 25;
 +
 +
var canvas;
 +
var context;
 +
var particles;
 +
 +
var mouseX = SCREEN_WIDTH * 0.5;
 +
var mouseY = SCREEN_HEIGHT * 0.5;
 +
var mouseIsDown = false;
 +
 +
function init() {
 +
 +
  canvas = document.getElementById( 'world' );
 +
 
 +
  if (canvas && canvas.getContext) {
 +
        context = canvas.getContext('2d');
 +
       
 +
        // Register event listeners
 +
        window.addEventListener('mousemove', documentMouseMoveHandler, false);
 +
        window.addEventListener('mousedown', documentMouseDownHandler, false);
 +
        window.addEventListener('mouseup', documentMouseUpHandler, false);
 +
        document.addEventListener('touchstart', documentTouchStartHandler, false);
 +
        document.addEventListener('touchmove', documentTouchMoveHandler, false);
 +
        window.addEventListener('resize', windowResizeHandler, false);
 +
       
 +
        createParticles();
 +
       
 +
        windowResizeHandler();
 +
       
 +
        setInterval( loop, 1000 / 60 );
 +
    }
 +
}
 +
 +
function createParticles() {
 +
    particles = [];
 +
   
 +
    for (var i = 0; i < QUANTITY; i++) {
 +
        var particle = {
 +
            size: 1,
 +
            position: { x: mouseX, y: mouseY },
 +
            offset: { x: 0, y: 0 },
 +
            shift: { x: mouseX, y: mouseY },
 +
            speed: 0.01+Math.random()*0.04,
 +
            targetSize: 1,
 +
            fillColor: '#' + (Math.random() * 0x404040 + 0xaaaaaa | 0).toString(16),
 +
            orbit: RADIUS*.5 + (RADIUS * .5 * Math.random())
 +
        };
 +
       
 +
        particles.push( particle );
 +
    }
 +
}
 +
 +
function documentMouseMoveHandler(event) {
 +
    mouseX = event.clientX - (window.innerWidth - SCREEN_WIDTH) * .5;
 +
    mouseY = event.clientY - (window.innerHeight - SCREEN_HEIGHT) * .5;
 +
}
 +
 +
function documentMouseDownHandler(event) {
 +
    mouseIsDown = true;
 +
}
 +
 +
function documentMouseUpHandler(event) {
 +
    mouseIsDown = false;
 +
}
 +
 +
function documentTouchStartHandler(event) {
 +
    if(event.touches.length == 1) {
 +
        event.preventDefault();
 +
 +
        mouseX = event.touches[0].pageX - (window.innerWidth - SCREEN_WIDTH) * .5;;
 +
        mouseY = event.touches[0].pageY - (window.innerHeight - SCREEN_HEIGHT) * .5;
 +
    }
 +
}
 +
 +
function documentTouchMoveHandler(event) {
 +
    if(event.touches.length == 1) {
 +
        event.preventDefault();
 +
 +
        mouseX = event.touches[0].pageX - (window.innerWidth - SCREEN_WIDTH) * .5;;
 +
        mouseY = event.touches[0].pageY - (window.innerHeight - SCREEN_HEIGHT) * .5;
 +
    }
 +
}
 +
 +
function windowResizeHandler() {
 +
    SCREEN_WIDTH = window.innerWidth;
 +
    SCREEN_HEIGHT = window.innerHeight;
 +
   
 +
    canvas.width = SCREEN_WIDTH;
 +
    canvas.height = SCREEN_HEIGHT;
 +
}
 +
 +
function loop() {
 +
   
 +
    if( mouseIsDown ) {
 +
        RADIUS_SCALE += ( RADIUS_SCALE_MAX - RADIUS_SCALE ) * (0.02);
 +
    }
 +
    else {
 +
        RADIUS_SCALE -= ( RADIUS_SCALE - RADIUS_SCALE_MIN ) * (0.02);
 +
    }
 +
   
 +
    RADIUS_SCALE = Math.min( RADIUS_SCALE, RADIUS_SCALE_MAX );
 +
   
 +
    context.fillStyle = 'rgba(0,0,0,0.05)';
 +
        context.fillRect(0, 0, context.canvas.width, context.canvas.height);
 +
   
 +
    for (i = 0, len = particles.length; i < len; i++) {
 +
        var particle = particles[i];
 +
       
 +
        var lp = { x: particle.position.x, y: particle.position.y };
 +
       
 +
        // Rotation
 +
        particle.offset.x += particle.speed;
 +
        particle.offset.y += particle.speed;
 +
       
 +
        // Follow mouse with some lag
 +
        particle.shift.x += ( mouseX - particle.shift.x) * (particle.speed);
 +
        particle.shift.y += ( mouseY - particle.shift.y) * (particle.speed);
 +
       
 +
        // Apply position
 +
        particle.position.x = particle.shift.x + Math.cos(i + particle.offset.x) * (particle.orbit*RADIUS_SCALE);
 +
        particle.position.y = particle.shift.y + Math.sin(i + particle.offset.y) * (particle.orbit*RADIUS_SCALE);
 +
       
 +
        // Limit to screen bounds
 +
        particle.position.x = Math.max( Math.min( particle.position.x, SCREEN_WIDTH ), 0 );
 +
        particle.position.y = Math.max( Math.min( particle.position.y, SCREEN_HEIGHT ), 0 );
 +
       
 +
        particle.size += ( particle.targetSize - particle.size ) * 0.05;
 +
       
 +
        if( Math.round( particle.size ) == Math.round( particle.targetSize ) ) {
 +
            particle.targetSize = 1 + Math.random() * 7;
 +
        }
 +
       
 +
        context.beginPath();
 +
        context.fillStyle = particle.fillColor;
 +
        context.strokeStyle = particle.fillColor;
 +
        context.lineWidth = particle.size;
 +
        context.moveTo(lp.x, lp.y);
 +
        context.lineTo(particle.position.x, particle.position.y);
 +
        context.stroke();
 +
        context.arc(particle.position.x, particle.position.y, particle.size/2, 0, Math.PI*2, true);
 +
        context.fill();
 +
    }
 +
}
 +
 +
window.onload = init;
 +
</script>
  
 
</body>
 
</body>

Revision as of 13:39, 25 September 2018

Menu
Alternative Roots

Welcome to Alternative Roots

Alternative Roots
Newcastle iGEM

Our Project Contact Us
Scroll Down

Alternative Roots

PROJECT OVERVIEW

1 / 15
All soils have a unique, diverse microbial community
2 / 15
Within each microbial community there are many microbes with useful abilities
3 / 15
The bacterium Pseudomonas fluorescens lives in plant roots and helps them to grow
4 / 15
By introducing new genes for our Pseudomonas to express we can influence the microbial community
5 / 15
We can attract or repel certain species in any way desired
6 / 15
In our case, we use flavonoids to attract free-living nitrogen fixers, that convert nitrogen gas to nitrate for plant growth
7 / 15
P. fluorescens has many other abilities, including the ability to repel parasitic nematode worms [1], produce antifungals and insecticides [2] and induce plant stress tolerance [3]

Our Sponsors

Newcastle iGEM is proud to be sponsored by:

The iGEM Foundation is an independent, non-profit organization dedicated to the advancement of synthetic biology, education and competition, and the development of an open community and collaboration. This is done by fostering an open, cooperative community and friendly competition.

Author image

iGEMers are building a better world by solving problems with the help of synthetic biology. We inspire responsible innovation through our efforts in biosafety, biosecurity and public outreach.

Author image

This global network is leading the field, taking what they learned in the competition and expanding it to continue to build a better world.

Author image

Contact Us

Reach out for a collaboration or just say hello

Get Involved


We are always happy to hear from individuals, groups or organisations that would like to support our project. If you wish to discuss a collaboration, sponsorship or if you just want to learn more about the project, please get in touch using the contact details on the right. Alternatively, if you would like to donate a small amount to fund our project, you can do so through Experiment.com - an online platform for discovering, funding, and sharing scientific research.

Any support is greatly appreciated and funds raised will be used in all areas of the iGEM project - such as lab equipment, human practices research, merchandise and travel to jamboree in Boston, USA.

Contact Info

Where to Find Us

Devonshire Building
Newcastle University
Newcastle upon Tyne
NE1 7RU

Email Us At

igem.team@newcastle.ac.uk