☰

github rainmeter

github的雨滴效果

安装此脚本？
作者推荐脚本

您可能也喜欢github maze。

安装此脚本 
  1. // ==UserScript==
  2. // @name           github rainmeter
  3. // @author         wusuluren
  4. // @description    github的雨滴效果
  5. // @require        http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js
  6. // @match          *://github.com/*
  7. // @supportURL     https://github.com/Wusuluren
  8. // @version        0.0.1
  9. // @grant          None
  10. // @namespace https://greasyfork.org/users/194747
  11. // ==/UserScript==
  12. (function () {
  13.     'use strict';
  14.   
  15.     class Position {
  16.       constructor(x, y) {
  17.         this.x = x
  18.         this.y = y      
  19.       }
  20.     }
  21.   
  22.     class RainMeter extends Position {
  23.       constructor(x, y, prev, next, expire, depth) {
  24.         super(x, y)
  25.         this.prev = prev
  26.         this.next = next
  27.         this.expire = expire
  28.         this.passed = 0
  29.         this.depth = depth
  30.       }
  31.     }
  32.   
  33.     var color_table = new Array()
  34.     var Screen_Width, Screen_Height
  35.     var map
  36.     var rainmeter_head
  37.     
  38.     $(function(){     
  39.         get_color_table()
  40.         clear_screen()
  41.         init()
  42.         var timer = setInterval(function() {
  43.          update_rainmeter()
  44.         }, 1000)
  45.     })
  46.   
  47.     function clear_screen() {
  48.       full(0)
  49.     }
  50.   
  51.     function get_color_table () {
  52.       var lis = $('.legend').children()
  53.       for (var i = 0; i < lis.length; i++) {
  54.         color_table[i] = lis[i].style.backgroundColor
  55.       }
  56.     }
  57.     
  58.     function draw_point(x, y, depth) {
  59.         var gs = document.getElementsByTagName('g')
  60.         if (x < gs.length) {
  61.           var days = gs[x].getElementsByClassName('day')
  62.           if (y < days.length) {
  63.             days[y].setAttribute('fill', color_table[depth])
  64.           }
  65.         }
  66.     }
  67.   
  68.     function draw_position(pos, depth) {
  69.         var gs = document.getElementsByTagName('g')
  70.         if (pos.x < gs.length) {       
  71.           var days = gs[pos.x].getElementsByClassName('day')
  72.           if (pos.y < days.length) {
  73.             days[pos.y].setAttribute('fill', color_table[depth])
  74.           }
  75.         }
  76.     }  
  77.   
  78.     function draw_rainmeter(rainmeter) {
  79.       draw_position(rainmeter, rainmeter.depth)
  80.     }
  81.   
  82.     function clear_rainmeter(rainmeter) {
  83.       draw_position(rainmeter, 0)
  84.     }  
  85.     
  86.     function full (depth) {
  87.       var gs = document.getElementsByTagName('g')
  88.       if (gs === undefined)
  89.         return false
  90.       for (var x = 1; x < gs.length; x++) {        
  91.         for (var y = 0; y < 7; y++)
  92.           draw_point(x, y, depth)
  93.       }
  94.       return true
  95.     }
  96.     
  97.     function new_position() {
  98.       var x = new_random(Screen_Width)
  99.       var y = new_random(Screen_Height)
  100.       if (map[y][x] === undefined || map[y][x] == 1)
  101.         return undefined
  102.       return new Position(x, y)
  103.     }
  104.   
  105.     function new_random(max) {
  106.       return Math.floor(Math.random() * max)
  107.     }
  108.   
  109.     function same_position(a, b) {
  110.       return a.x == b.x && a.y == b.y
  111.     }
  112.   
  113.     function new_rainmeter() {
  114.       var pos = new_position()
  115.       if (pos === undefined) {
  116.         return undefined
  117.       }
  118.       var expire = new_random(10) + 5
  119.       var depth = new_random(4) + 1
  120.       var rainmeter = new RainMeter(pos.x, pos.y, undefined, undefined, expire, depth)
  121.       return rainmeter
  122.     }
  123.   
  124.     function init() {
  125.       var gs = document.getElementsByTagName('g')
  126.       Screen_Width = gs.length
  127.       Screen_Height = 7
  128.       
  129.       map = new Array()
  130.       for (var y = 0; y < Screen_Height; y++) {
  131.         map[y] = new Array()
  132.         for (var x = 0; x < Screen_Width; x++)
  133.           map[y][x] = 0
  134.       }
  135.       
  136.       rainmeter_head = new_rainmeter()
  137.       draw_rainmeter(rainmeter_head)
  138.       map[rainmeter_head.y][rainmeter_head.x] = 1
  139.     }
  140.    
  141.     function update_rainmeter() {
  142.       var num = new_random(10) + 5
  143.       for (var i = 0; i < num; i++) {
  144.         var rainmeter = new_rainmeter()
  145.         if (rainmeter !== undefined) {
  146.           draw_rainmeter(rainmeter_head)
  147.           map[rainmeter.y][rainmeter.x] = 1
  148.  
  149.           rainmeter_head.prev = rainmeter
  150.           rainmeter.next = rainmeter_head
  151.           rainmeter_head = rainmeter
  152.         }
  153.       }
  154.       
  155.       rainmeter = rainmeter_head
  156.       while (rainmeter !== undefined) {
  157.         if (rainmeter.passed > rainmeter.expire) {
  158.           clear_rainmeter(rainmeter)
  159.           map[rainmeter.y][rainmeter.x] = 0
  160.           
  161.           if (rainmeter.next !== undefined && rainmeter.next.prev !== undefined)
  162.             rainmeter.next.prev = rainmeter.prev
  163.           if (rainmeter.prev !== undefined && rainmeter.prev.next !== undefined)
  164.             rainmeter.prev.next = rainmeter.next
  165.         }
  166.         rainmeter.passed++
  167.         rainmeter = rainmeter.next
  168.       }
  169.     }
  170. })();