流しそうめんするサイトを作った

これ

を使いたかっただけなんですが、とりあえず俺の作ってきたものを考えると、寿司がまわるやつとかそんなんだったので、やはりものを動かすことがいいなと思いました。モチベーションはそれだけです。

リポジトリはここです。

見ればわかるんですが、HTMLにJavaScript直書きの最悪なコードでやってます。

横画面のことは一切考えてないので横画面のオタクには死んでもらいます。さようなら…

流れるそうめんがゆでてない乾麺な理由ですが、フリー素材がなかったからです。オタクは乾麺でも食ってろ

      (function() {
        var somen = document.getElementById("somen");
        var accel = 0;
        window.addEventListener("deviceorientation", function(e) {
          var beta;
          if(e.beta > 90) {
            beta = 180 - e.beta;
          } else if(e.beta < -90) {
            beta = - 180 - e.beta;
          } else {
            beta = e.beta;
          }
          accel = beta * 0.01;
        });
      setInterval(function() {
        var top = parseFloat(somen.style.top);
        top += accel;
        if(top < - 150) {
          top = 150;
        } else if(top > 150) {
          top = -150;
        }
        somen.style.top = top + "%";
      }, 0);
      })();

コードはこんな感じです。ゴミみたいなコードですが、所要時間1時間かかってないのでこんなもんでしょ。

これ以上の情報はありません。

kusodevbattle.connpass.com

みんなでこういうゴミ作ってワイワイしましょうねという会です。みなさん来てください