tweak fun

fun/gravity/index.html

@@ -40,7 +40,7 @@
     const LOST = 0.3;
     var canvas = document.getElementById('canvas');
     var context = canvas.getContext('2d');
-    var planets = [];
+    var g = [];
     const MAX_MASS = 3000;
     const PLANET_COUNT = 300;
     const FRAGMENT_COUNT = 100;
@@ -64,11 +64,11 @@
     var arrFrequency = [196.00, 220.00, 246.94, 261.63, 293.66, 329.63, 349.23, 392.00, 440.00, 493.88, 523.25, 587.33, 659.25, 698.46, 783.99, 880.00, 987.77, 1046.50];
 
     function init(count) {
-        if (planets.length > 300) return;
+        if (g.length > 300) return;
         var w = canvas.clientWidth;
         var h = canvas.clientHeight;
         for (var i = 0; i < count; i++) {
-            planets.push({ x: Math.random() * w, y: Math.random() * h, mass: DEFAULT_MASS, vx: Math.random() * 2 - 1, vy: Math.random() * 2 - 1, lock: 0 });
+            g.push({ x: Math.random() * w, y: Math.random() * h, mass: DEFAULT_MASS, vx: Math.random() * 2 - 1, vy: Math.random() * 2 - 1, lock: 0 });
         }
     }
     function fillRound(cx, cy, r, color) {
@@ -85,18 +85,18 @@
         context.stroke();
     }
     function collide() {
-        for (var i = 0, count = planets.length; i < count; i++) {
+        for (var i = 0, count = g.length; i < count; i++) {
             for (var i1 = 0; i1 < count; i1++) {
-                if (i1 != i && planets[i1]) {
-                    if (planets[i].lock > 0 && planets[i1].lock > 0) continue;
-                    if ((planets[i].lock > 0 || planets[i1].lock > 0) && Math.random() > 0.1) continue;
-                    var r = Math.sqrt(Math.pow((planets[i].x - planets[i1].x), 2) + Math.pow((planets[i].y - planets[i1].y), 2));
-                    if (r <= Math.max(Math.sqrt(planets[i1].mass) / Math.PI + Math.sqrt(planets[i].mass) / Math.PI) && planets[i1].mass >= planets[i].mass) {
-                        var amplitude = Math.min(planets[i1].mass, planets[i].mass) / 1000 + (planets[i1].mass + planets[i].mass) / 2000;
-                        planets[i1].vy = (planets[i1].mass * planets[i1].vy + planets[i].mass * planets[i].vy) / (planets[i1].mass + planets[i].mass);
-                        planets[i1].vx = (planets[i1].mass * planets[i1].vx + planets[i].mass * planets[i].vx) / (planets[i1].mass + planets[i].mass);
-                        planets[i1].mass += planets[i].mass;
-                        planets[i] = null;
+                if (i1 != i && g[i1]) {
+                    if (g[i].lock > 0 && g[i1].lock > 0) continue;
+                    if ((g[i].lock > 0 || g[i1].lock > 0) && Math.random() > 0.1) continue;
+                    var r = Math.sqrt(Math.pow((g[i].x - g[i1].x), 2) + Math.pow((g[i].y - g[i1].y), 2));
+                    if (r <= Math.max(Math.sqrt(g[i1].mass) / Math.PI + Math.sqrt(g[i].mass) / Math.PI) && g[i1].mass >= g[i].mass) {
+                        var amplitude = Math.min(g[i1].mass, g[i].mass) / 1000 + (g[i1].mass + g[i].mass) / 2000;
+                        g[i1].vy = (g[i1].mass * g[i1].vy + g[i].mass * g[i].vy) / (g[i1].mass + g[i].mass);
+                        g[i1].vx = (g[i1].mass * g[i1].vx + g[i].mass * g[i].vx) / (g[i1].mass + g[i].mass);
+                        g[i1].mass += g[i].mass;
+                        g[i] = null;
                         var frequency = arrFrequency[Math.floor(Math.random() * 15)];
                         var oscillator = audioCtx.createOscillator();
                         var gainNode = audioCtx.createGain();
@@ -116,13 +116,13 @@
         }
     }
     function explode() {
-        for (var i = 0, count = planets.length; i < count; i++) {
-            if (planets[i] && planets[i].mass >= MAX_MASS) {
+        for (var i = 0, count = g.length; i < count; i++) {
+            if (g[i] && g[i].mass >= MAX_MASS) {
                 for (var i1 = 0; i1 < FRAGMENT_COUNT; i1++) {
-                    planets.push({
-                        x: planets[i].x + Math.random(),
-                        y: planets[i].y + Math.random(),
-                        mass: planets[i].mass / FRAGMENT_COUNT,
+                    g.push({
+                        x: g[i].x + Math.random(),
+                        y: g[i].y + Math.random(),
+                        mass: g[i].mass / FRAGMENT_COUNT,
                         vx: FRAGMENT_SPEED * (Math.random() * 2 - 1),
                         vy: FRAGMENT_SPEED * (Math.random() * 2 - 1),
                         lock: LOCK_TIME * (Math.random() + 1)
@@ -140,7 +140,7 @@
                 oscillator.start(audioCtx.currentTime);
                 gainNode.gain.exponentialRampToValueAtTime(0.001, audioCtx.currentTime + 10);
                 oscillator.stop(audioCtx.currentTime + 10);
-                planets[i] = null;
+                g[i] = null;
             }
         }
     }
@@ -155,72 +155,72 @@
         var h = canvas.clientHeight;
         collide();
         explode();
-        for (var i = 0, count = planets.length; i < count; i++) {
-            if (planets[i]) {
-                if (planets[i].vx === NaN) {
-                    planets[i].vx = 0
+        for (var i = 0, count = g.length; i < count; i++) {
+            if (g[i]) {
+                if (g[i].vx === NaN) {
+                    g[i].vx = 0
                 }
-                if (planets[i].vy === NaN) {
-                    planets[i].vy = 0
+                if (g[i].vy === NaN) {
+                    g[i].vy = 0
                 }
             }
         }
-        planets = planets.filter(e => e && e.x !== NaN && e.y !== NaN && e.vx !== NaN && e.vy !== NaN && e.mass !== NaN);
+        g = g.filter(e => e && e.x !== NaN && e.y !== NaN && e.vx !== NaN && e.vy !== NaN && e.mass !== NaN);
 
-        for (var i = 0, count = planets.length; i < count; i++) {
-            if (planets[i].x > w) {
-                planets[i].x -= (planets[i].x - w) * 2;
-                planets[i].vx *= -(1 - LOST);
-            } else if (planets[i].x < 0) {
-                planets[i].x += planets[i].x * -2;
-                planets[i].vx *= -(1 - LOST);
+        for (var i = 0, count = g.length; i < count; i++) {
+            if (g[i].x > w) {
+                g[i].x -= (g[i].x - w) * 2;
+                g[i].vx *= -(1 - LOST);
+            } else if (g[i].x < 0) {
+                g[i].x += g[i].x * -2;
+                g[i].vx *= -(1 - LOST);
             }
-            if (planets[i].y > h) {
-                planets[i].y -= (planets[i].y - h) * 2;
-                planets[i].vy *= -(1 - LOST);
-            } else if (planets[i].y < 0) {
-                planets[i].y += planets[i].y * -2;
-                planets[i].vy *= -(1 - LOST);
+            if (g[i].y > h) {
+                g[i].y -= (g[i].y - h) * 2;
+                g[i].vy *= -(1 - LOST);
+            } else if (g[i].y < 0) {
+                g[i].y += g[i].y * -2;
+                g[i].vy *= -(1 - LOST);
             }
-            fillRound(planets[i].x, planets[i].y, planets[i].mass, COLOR)
+            fillRound(g[i].x, g[i].y, g[i].mass, COLOR)
             for (var i1 = 0; i1 < count; i1++) {
                 if (i1 != i) {
-                    var r = Math.sqrt(Math.pow((planets[i].x - planets[i1].x), 2) + Math.pow((planets[i].y - planets[i1].y), 2));
-                    var f = r != 0 ? G * G * planets[i1].mass / Math.pow(r, 2) : 0;
-                    var dx = planets[i1].x - planets[i].x;
-                    var dy = planets[i1].y - planets[i].y;
-                    if (planets[i].mass > 0) {
-                        planets[i].vy += f / r * dy;
-                        planets[i].vx += f / r * dx;
+                    var r = Math.sqrt(Math.pow((g[i].x - g[i1].x), 2) + Math.pow((g[i].y - g[i1].y), 2));
+                    var f = r != 0 ? G * G * g[i1].mass / Math.pow(r, 2) : 0;
+                    var dx = g[i1].x - g[i].x;
+                    var dy = g[i1].y - g[i].y;
+                    if (g[i].mass > 0) {
+                        g[i].vy += f / r * dy;
+                        g[i].vx += f / r * dx;
                     }
                     if (i1 > i && r <= maxLineLength) {
-                        drawLine(planets[i].x, planets[i].y, planets[i1].x, planets[i1].y, LINE_COLOR)
+                        drawLine(g[i].x, g[i].y, g[i1].x, g[i1].y, LINE_COLOR)
                     }
                 }
             }
             //
-            var r = Math.max(1, Math.sqrt(Math.pow((planets[i].x - mousepoint.x), 2) + Math.pow((planets[i].y - mousepoint.y), 2)));
+            var r = Math.max(1, Math.sqrt(Math.pow((g[i].x - mousepoint.x), 2) + Math.pow((g[i].y - mousepoint.y), 2)));
             if (r > maxLineLength / 8) {
                 var f = r != 0 ? G * G * MOUSE_MASS / Math.pow(r, 2) : 0;
-                var dx = mousepoint.x - planets[i].x;
-                var dy = mousepoint.y - planets[i].y;
-                if (planets[i].mass > 0) {
-                    planets[i].vy += f / r * dy;
-                    planets[i].vx += f / r * dx;
+                var dx = mousepoint.x - g[i].x;
+                var dy = mousepoint.y - g[i].y;
+                if (g[i].mass > 0) {
+                    g[i].vy += f / r * dy;
+                    g[i].vx += f / r * dx;
                 }
                 if (r <= maxLineLength) {
-                    drawLine(planets[i].x, planets[i].y, mousepoint.x, mousepoint.y, LINE_COLOR);
+                    drawLine(g[i].x, g[i].y, mousepoint.x, mousepoint.y, LINE_COLOR);
                 }
             }
             //
-            var speedNow = Math.sqrt(Math.pow(planets[i].vx, 2) + Math.pow(planets[i].vy, 2))
+            var speedNow = Math.sqrt(Math.pow(g[i].vx, 2) + Math.pow(g[i].vy, 2))
             if (speedNow > MAX_SPEED) {
-                planets[i].vx = planets[i].vx * MAX_SPEED / speedNow;
-                planets[i].vy = planets[i].vy * MAX_SPEED / speedNow;
+                g[i].vx = g[i].vx * MAX_SPEED / speedNow;
+                g[i].vy = g[i].vy * MAX_SPEED / speedNow;
             }
-            planets[i].x += planets[i].vx;
-            planets[i].y += planets[i].vy;
-            planets[i].lock--;
+            g[i].x += g[i].vx;
+            g[i].y += g[i].vy;
+            g[i].lock--;
         }
     }
     // init(PLANET_COUNT);

fun/index.html

@@ -175,8 +175,8 @@
                 class="glyphicon glyphicon-certificate"></span>&nbsp;&nbsp;1k光追</a>
         <a class="btn btn-info" id="article" href="article/"><span
                 class="glyphicon glyphicon-book"></span>&nbsp;&nbsp;一些好玩的文章</a>
-        <!-- <a class="btn btn-info" id="music" href="music/"><span class="glyphicon glyphicon-music"
-                ></span>&nbsp;&nbsp;音乐创作</a> -->
+        <a class="btn btn-info" id="music" href="music/"><span class="glyphicon glyphicon-music"
+                ></span>&nbsp;&nbsp;音乐创作</a>
         <a class="btn btn-info" id="test" href="test/"><span
                 class="glyphicon glyphicon-transfer"></span>&nbsp;&nbsp;Websocket 测试</a>
         <a class="btn btn-info" id="chat" href="chat/"><span

fun/music/index.html

@@ -17,10 +17,10 @@
         document.cookie = "IfIWereANosyCrawlerIWouldDepositMyselfInTheSeaImmediately=true"
         document.writeln(`<a class="btn btn-info" href="/fun"><span class="glyphicon glyphicon-home"></span>&nbsp;返回</a>
         <div class="page-header"><h3>音乐创作？<small>、heneuh94830y9]][]]--08</small></h3></div><p>按创作时间排序。<br>
-玄学的命名规则：一般取开头几个比较重要的音符，数字代表版本，假如不是这个格式那就是我照着谱搬运的。绿=自认为挺好；蓝=搬运</p>
+玄学的命名规则：一般取开头几个比较重要的音符，数字代表版本，假如不是这个格式那就是我照着谱搬运的。</p>
 <p>你能想象，拿着未激活的水果软件，好不容易写完了一首曲子，等心满意足关闭之后才发现格式存反了，这件事有多么绝望吗？？</p>
 <button class="btn btn-default" onclick="$(\'audio\').attr(\'loop\',\'\');$(this).text(\'ok\')">loop</button>`)
-        var list = ['katyusha,-', 'tetris,-', 'avengers,-,那时还不知道小号要转调，直接跑了...', 'e-e-edfe', 'grasswalk,-', 'where am i going,-', 'sad,-', 'tom,-', 'a#d#cc#c', 'ffgaf', 'bcabc', 'bga#c#', 'cdbc', 'aaccgg,~,灵光一现，但很难接下去了，只好重复', 'dddc,,看到标题就让人猜到节奏了', 'cdd#', 'gddf#dd', 'ag#ag#f#', 'f#g#c#g#a#c#', 'ef#c#ag#', 'friend,-,这个八音盒音色真的很带感', 'd#ba#g#g', 'a#agaa#c', 'ggaa#ag,~', 'a#agaa#c2,~,挺经典的', 'c#d#fc#c,~', 'da#gf#g,~,这个音色其实是大提琴...', 'cdd#d#', 'ef#d#c#2,~', 'bbbdcb,~', 'efcaa', 'cag#g', 'dc#da', 'ebcdcb', 'aeaba,~,首次真正琢磨了一下和弦']
+        var list = ['katyusha,-', 'tetris,-', 'avengers,-,那时还不知道小号要转调，直接跑了...', 'e-e-edfe', 'grasswalk,-', 'where am i going,-', 'sad,-', 'tom,-', 'a#d#cc#c', 'ffgaf', 'bcabc', 'bga#c#', 'cdbc', 'aaccgg,~,灵光一现，但很难接下去了，只好重复', 'dddc,,看到标题就让人猜到节奏了', 'cdd#', 'gddf#dd', 'ag#ag#f#', 'f#g#c#g#a#c#', 'ef#c#ag#', 'friend,-,这个八音盒音色真的很带感', 'd#ba#g#g', 'a#agaa#c', 'ggaa#ag,~', 'a#agaa#c2,~,挺经典的', 'c#d#fc#c,~', 'da#gf#g,~,这个音色其实是大提琴...', 'cdd#d#', 'ef#d#c#2,~', 'bbbdcb,~', 'efcaa', 'cag#g', 'dc#da', 'ebcdcb', 'aeaba,~,首次真正琢磨了一下和弦','bf#db,~,期末考崩了，有感而发']
         for (let i = list.length - 1; i >= 0; i--) {
             var g = list[i].split(',')
             document.writeln('<div class="panel panel-' + ((g[1]) ? ((g[1] == '~') ? 'success' : 'info') : 'default') + ' col-md-4 col-sm-6" style="padding:0;transform:translateY(' + ((list.length - i - 1) % 3 * 25 + (list.length - i) * 20) + 'px)">\

fun/solar/index.html

@@ -19,6 +19,7 @@
         <br>
         <p>你好，向后翻吧 <i class="glyphicon glyphicon-arrow-right"></i></p>
         <p>1 像素 = 3474.8km = 月亮的直径</p>
+        <p>累了的话，试试鼠标中键。</p>
     </div>
     </div>
     <div id="bigspace">