(15 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | {{Lanzhou/Header}} |
<html> | <html> | ||
+ | <script> | ||
+ | $('.page__header').remove(); | ||
+ | let index = [0, 0]; | ||
+ | let nav_list_item = $('.mdc-temporary-drawer__content:not(".sub-nav")').children('.mdc-list-item'); | ||
+ | $(nav_list_item[index[0]]).children('.material-icons').eq(0).addClass('mdc-list-item__start-detail-color'); | ||
+ | $(nav_list_item[index[0]]).next().find('.mdc-list-item').eq(index[1]).css('color', '#ff4081'); | ||
+ | </script> | ||
+ | <main class="page__content home"> | ||
+ | |||
+ | <div class="home__item"> | ||
+ | <canvas id="canvas-1"></canvas> | ||
+ | <div class="home_text"> | ||
+ | <p class="mdc-typography--title"> | ||
+ | Pests and weeds are significant damages tot the crop field, which has been causing huge loss of agricultural economy. | ||
+ | </p> | ||
+ | <p class="mdc-typography--title"> | ||
+ | And the traditional pesticides will easily cause resistance and pollution problem... | ||
+ | </p> | ||
+ | <a href="https://2017.igem.org/Team:Lanzhou/Background">Go to background</a> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | $(function(){ | ||
+ | let c1_WIDTH = $('#canvas-1').width() | ||
+ | c1_HEIGHT = $('#canvas-1').height() | ||
+ | let saw = new Image(); | ||
+ | grass = new Image(); | ||
+ | function init() { | ||
+ | saw.src = 'https://static.igem.org/mediawiki/2017/5/5a/Lanzhou_wiki_home_saw.png'; | ||
+ | grass.src = 'https://static.igem.org/mediawiki/2017/7/73/Lanzhou_wiki_home_grass.png'; | ||
+ | |||
+ | window.requestAnimationFrame(draw); | ||
+ | } | ||
+ | |||
+ | let is_saw_right = true; | ||
+ | let saw_move = 0; | ||
+ | |||
+ | function draw() { | ||
+ | let ctx1 = document.getElementById('canvas-1').getContext('2d'); | ||
+ | ctx1.globalCompositeOperation = 'destination-over'; | ||
+ | ctx1.clearRect(0,0,c1_WIDTH,c1_HEIGHT); | ||
+ | |||
+ | ctx1.save(); | ||
+ | |||
+ | let time = new Date(); | ||
+ | |||
+ | if (saw_move >= 50) {is_saw_right = false} | ||
+ | if (saw_move <= 0) { is_saw_right = true } | ||
+ | if (is_saw_right) { | ||
+ | saw_move++; | ||
+ | } else { | ||
+ | saw_move--; | ||
+ | } | ||
+ | ctx1.drawImage(saw, saw_move+10, 90-saw_move, 100, 100) | ||
+ | ctx1.save(); | ||
+ | |||
+ | ctx1.drawImage(grass, 50, 50, 100, 100); | ||
+ | ctx1.save(); | ||
+ | |||
+ | window.requestAnimationFrame(draw); | ||
+ | } | ||
+ | init(); | ||
+ | }) | ||
+ | </script> | ||
+ | </div> | ||
+ | <div class="home__item"> | ||
+ | <div class="home_text"> | ||
+ | <p class="mdc-typography--title"> | ||
+ | We utilized E.coli as dsRNA manufactory , which is much cheaper and more convenient than Chemical synthesis. And we constructed three kinds of vectors for dsRNA producing... | ||
+ | </p> | ||
+ | <a href="https://2017.igem.org/Team:Lanzhou/Design">Go to Design</a> | ||
+ | </div> | ||
+ | <canvas id="canvas-2"></canvas> | ||
+ | <script type="text/javascript"> | ||
+ | $(function(){ | ||
+ | let c2_WIDTH = $('#canvas-2').width() | ||
+ | c2_HEIGHT = $('#canvas-2').height() | ||
+ | let saw = new Image(), | ||
+ | hammer = new Image(), | ||
+ | light = new Image(); | ||
+ | function init() { | ||
+ | saw.src = 'https://static.igem.org/mediawiki/2017/5/5a/Lanzhou_wiki_home_saw.png'; | ||
+ | hammer.src = 'https://static.igem.org/mediawiki/2017/6/6e/Lanzhou_wiki_home_hammer.png'; | ||
+ | light.src = 'https://static.igem.org/mediawiki/2017/1/1f/Lanzhou_wiki_home_light.png'; | ||
+ | |||
+ | window.requestAnimationFrame(draw); | ||
+ | } | ||
+ | |||
+ | let is_hammer_rotate = true; | ||
+ | let hammer_degree = 10; | ||
+ | let i = 0; | ||
− | + | function draw() { | |
− | + | let c2 = document.getElementById('canvas-2'); | |
− | + | let ctx2 = c2.getContext('2d'); | |
+ | ctx2.globalCompositeOperation = 'destination-over'; | ||
+ | ctx2.clearRect(0,0,c2_WIDTH,c2_HEIGHT); | ||
+ | if (is_hammer_rotate) { | ||
+ | hammer_degree = hammer_degree + 5; | ||
+ | } else { | ||
+ | hammer_degree = hammer_degree - 5; | ||
+ | } | ||
+ | if (hammer_degree >= 50) { | ||
+ | is_hammer_rotate = false; | ||
+ | } | ||
+ | if (hammer_degree <=0 ) { | ||
+ | is_hammer_rotate = true | ||
+ | } | ||
− | + | i++; | |
− | + | if (i >= 100) { | |
− | + | ctx2.drawImage(saw, 50, 30, 100, 100); | |
− | + | ||
− | {{ | + | ctx2.save(); |
+ | |||
+ | if (i%21 != 2) { | ||
+ | if (i%21 != 5) { | ||
+ | ctx2.drawImage(light, 100, 30, 10, 10); | ||
+ | ctx2.drawImage(light, 70, 50, 10, 10); | ||
+ | } | ||
+ | } | ||
+ | if (i%21 != 5 ){ | ||
+ | if (i%21 != 3) { | ||
+ | ctx2.drawImage(light, 100, 30, 10, 10); | ||
+ | ctx2.drawImage(light, 70, 50, 10, 10); | ||
+ | ctx2.drawImage(light, 150, 50, 10, 10); | ||
+ | } | ||
+ | } | ||
+ | if(i%21 != 4){ | ||
+ | if (i%21 != 3) { | ||
+ | ctx2.drawImage(light, 120, 90, 10, 10); | ||
+ | ctx2.drawImage(light, 150, 50, 10, 10); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | if (i > 400) { | ||
+ | i = 0; | ||
+ | } | ||
+ | } else { | ||
+ | ctx2.save(); | ||
+ | ctx2.translate(150, 130) | ||
+ | ctx2.rotate(Math.PI/360*hammer_degree); | ||
+ | ctx2.translate(-150, -130) | ||
+ | ctx2.drawImage(hammer, 90, 50, 70, 70); | ||
+ | ctx2.restore(); | ||
+ | ctx2.drawImage(saw, 50, 30, 100, 100) | ||
+ | } | ||
+ | window.requestAnimationFrame(draw); | ||
+ | } | ||
+ | init(); | ||
+ | }) | ||
+ | </script> | ||
+ | </div> | ||
+ | |||
+ | <div class="home__item"> | ||
+ | <canvas id="canvas-3"></canvas> | ||
+ | <div class="home_text"> | ||
+ | <p class="mdc-typography--title"> | ||
+ | We noticed that many weeds are perennial plants, and they always chosen by pests as natural shelters to survive the brutal winter. | ||
+ | </p> | ||
+ | <p class="mdc-typography--title"> | ||
+ | This phenomenon inspired us to wipe out weeds and pests together by a method—tandem RNAi, which means triggering RNA interference in at least two organisms at the same time... | ||
+ | </p> | ||
+ | <a href="https://2017.igem.org/Team:Lanzhou/Tandem_RNAi">Go to Tandem RNAi</a> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | $(function(){ | ||
+ | let c3_WIDTH = $('#canvas-3').width(), | ||
+ | c3_HEIGHT = $('#canvas-3').height(); | ||
+ | let saw = new Image(), | ||
+ | grass = new Image(), | ||
+ | light = new Image(); | ||
+ | function init() { | ||
+ | saw.src = 'https://static.igem.org/mediawiki/2017/5/5a/Lanzhou_wiki_home_saw.png'; | ||
+ | grass.src = 'https://static.igem.org/mediawiki/2017/7/73/Lanzhou_wiki_home_grass.png'; | ||
+ | light.src = 'https://static.igem.org/mediawiki/2017/1/1f/Lanzhou_wiki_home_light.png'; | ||
+ | |||
+ | window.requestAnimationFrame(draw); | ||
+ | } | ||
+ | |||
+ | let is_saw_right = true; | ||
+ | let saw_move = 0; | ||
+ | let i = 0; | ||
+ | function draw() { | ||
+ | let ctx3 = document.getElementById('canvas-3').getContext('2d'); | ||
+ | ctx3.globalCompositeOperation = 'destination-over'; | ||
+ | ctx3.clearRect(0,0,c3_WIDTH,c3_HEIGHT); | ||
+ | ctx3.save(); | ||
+ | |||
+ | i++; | ||
+ | let time = new Date(); | ||
+ | if (i > 200) { | ||
+ | ctx3.translate(-20, 30); | ||
+ | ctx3.drawImage(saw, 50, 30, 100, 100); | ||
+ | ctx3.drawImage(light, 100, 30, 10, 10); | ||
+ | ctx3.drawImage(light, 70, 50, 10, 10); | ||
+ | ctx3.drawImage(light, 150, 50, 10, 10); | ||
+ | ctx3.drawImage(light, 120, 90, 10, 10); | ||
+ | ctx3.translate(20, -30); | ||
+ | |||
+ | ctx3.save(); | ||
+ | ctx3.translate(c3_WIDTH, c3_HEIGHT); | ||
+ | ctx3.rotate((i-200)*0.4*Math.PI/360); | ||
+ | ctx3.translate(-c3_WIDTH + (i-200), -c3_HEIGHT); | ||
+ | ctx3.drawImage(grass, 50, 50, 100, 100); | ||
+ | ctx3.translate(-c3_WIDTH - (i-200), -c3_HEIGHT); | ||
+ | ctx3.restore(); | ||
+ | |||
+ | |||
+ | if (i >= 300) { | ||
+ | i = 0; | ||
+ | } | ||
+ | |||
+ | } else { | ||
+ | if (saw_move >= 20) {is_saw_right = false} | ||
+ | if (saw_move <= -40) { is_saw_right = true } | ||
+ | if (is_saw_right) { | ||
+ | saw_move = saw_move + 3; | ||
+ | } else { | ||
+ | saw_move = saw_move - 3; | ||
+ | } | ||
+ | |||
+ | ctx3.save(); | ||
+ | ctx3.translate(saw_move, -saw_move+20); | ||
+ | ctx3.drawImage(saw, 50, 30, 100, 100); | ||
+ | ctx3.drawImage(light, 100, 30, 10, 10); | ||
+ | ctx3.drawImage(light, 70, 50, 10, 10); | ||
+ | ctx3.drawImage(light, 150, 50, 10, 10); | ||
+ | ctx3.drawImage(light, 120, 90, 10, 10); | ||
+ | ctx3.restore(); | ||
+ | |||
+ | ctx3.drawImage(grass, 50, 50, 100, 100); | ||
+ | } | ||
+ | |||
+ | |||
+ | window.requestAnimationFrame(draw); | ||
+ | } | ||
+ | init(); | ||
+ | }) | ||
+ | </script> | ||
+ | </div> | ||
+ | |||
+ | </main> | ||
+ | </html> | ||
+ | {{Lanzhou/Footer}} |
Latest revision as of 03:49, 2 November 2017
Pests and weeds are significant damages tot the crop field, which has been causing huge loss of agricultural economy.
And the traditional pesticides will easily cause resistance and pollution problem...
Go to backgroundWe utilized E.coli as dsRNA manufactory , which is much cheaper and more convenient than Chemical synthesis. And we constructed three kinds of vectors for dsRNA producing...
Go to DesignWe noticed that many weeds are perennial plants, and they always chosen by pests as natural shelters to survive the brutal winter.
This phenomenon inspired us to wipe out weeds and pests together by a method—tandem RNAi, which means triggering RNA interference in at least two organisms at the same time...
Go to Tandem RNAi