画面90度回転

by cutfloss 4 hours ago [2026/05/07 21:37:28]

ゲーム画面を90度回転させるぞ　配信とかでも見えやすくなるはずだっ

@@ -3,4 +3,41 @@
  * @description ゲーム画面を90度回転させるぞ　配信とかでも見えやすくなるはずだっ
  * @private
  */
-javascript:(function(){const c=document.getElementById('game-container'),v=document.getElementById('gameCanvas');if(!c||!v)return;const w=v.width,h=v.height,s=Math.min(window.innerWidth/h,window.innerHeight/w)*0.98;Object.assign(c.style,{maxWidth:'none',maxHeight:'none',width:w+'px',height:h+'px',display:'flex',alignItems:'center',justifyContent:center,position:'fixed',top:'50%',left:'50%',zIndex:'9999',transform:`translate(-50%,-50%) rotate(90deg) scale(${s})`});if(typeof sendInput==='function'&&!window._iH){window._iH=1;const o=window.sendInput;window.sendInput=function(){const x=inputState.dx,y=inputState.dy;inputState.dx=y;inputState.dy=-x;o.apply(this,arguments);inputState.dx=x;inputState.dy=y;};}if(!window._oF){window._oF=CanvasRenderingContext2D.prototype.fillText;CanvasRenderingContext2D.prototype.fillText=function(t,x,y,m){if(Math.abs(x)<40&&Math.abs(y)<40&&!t.includes('%')){this.save();this.rotate(-Math.PI/2);window._oF.call(this,t,-y,x,m);this.restore();}else{window._oF.apply(this,arguments);}};}window.removeEventListener('resize',window.resize);document.body.style.backgroundColor='#000';alert('適用完了！');})();
+javascript:(function(){
+    const d=document, c=d.getElementById('game-container'), v=d.getElementById('gameCanvas');
+    if(!c || !v) return;
+
+    /* 1. 枠の全画面化と中央配置 */
+    const w=v.width, h=v.height, s=Math.min(window.innerWidth/h, window.innerHeight/w)*0.95;
+    Object.assign(c.style, {position:'fixed', top:'50%', left:'50%', width:w+'px', height:h+'px', maxWidth:'none', maxHeight:'none', zIndex:'9999', transform:`translate(-50%,-50%) rotate(90deg) scale(${s})`});
+
+    /* 2. UI要素の逆回転と再配置 */
+    const adj = (id, st) => { const e=d.getElementById(id)||d.querySelector(id); if(e) Object.assign(e.style, {position:'absolute', transform:'rotate(-90deg)', transformOrigin:'center center', ...st}); };
+    
+    adj('minimap', {width:'140px', height:'140px', bottom:'60px', left:'60px', zIndex:'10010'});
+    adj('.score-panel', {top:'20px', right:'-30px', scale:'0.7'});
+    adj('leaderboard', {top:'20px', right:'20px', scale:'0.8'});
+
+    /* 3. モーダル類の一括正対化 */
+    ['login-modal','result-modal','settings-modal','help-modal','history-modal'].forEach(id=>adj(id, {top:'50%', left:'50%', transform:'translate(-50%,-50%) rotate(-90deg)', width:'85vw', height:'85vh'}));
+
+    /* 4. 操作方向の90度補正 */
+    if (typeof sendInput === 'function' && !window._inH) {
+        window._inH = 1; const _o=window.sendInput;
+        window.sendInput = () => { const x=inputState.dx, y=inputState.dy; inputState.dx=y; inputState.dy=-x; _o(); inputState.dx=x; inputState.dy=y; };
+    }
+
+    /* 5. 名前・絵文字の水平維持とブースト判定補正 */
+    if (!window._fT) {
+        window._fT = CanvasRenderingContext2D.prototype.fillText;
+        CanvasRenderingContext2D.prototype.fillText = function(t,x,y,m) {
+            if (Math.abs(x)<40 && Math.abs(y)<40 && !t.includes('%')) {
+                this.save(); this.rotate(-Math.PI/2); window._fT.call(this,t,-y,x,m); this.restore();
+            } else window._fT.apply(this,arguments);
+        };
+        v.addEventListener('mousedown', e => { if(e.clientY > window.innerHeight*0.7) triggerBoost(); }, true);
+    }
+
+    window.removeEventListener('resize', window.resize);
+    d.body.style.backgroundColor='#000';
+})();

• /*
   * @title 画面90度回転
   * @description ゲーム画面を90度回転させるぞ　配信とかでも見えやすくなるはずだっ
   * @private
   */
  javascript:(function(){
      const d=document, c=d.getElementById('game-container'), v=d.getElementById('gameCanvas');
      if(!c || !v) return;
  
      /* 1. 枠の全画面化と中央配置 */
      const w=v.width, h=v.height, s=Math.min(window.innerWidth/h, window.innerHeight/w)*0.95;
      Object.assign(c.style, {position:'fixed', top:'50%', left:'50%', width:w+'px', height:h+'px', maxWidth:'none', maxHeight:'none', zIndex:'9999', transform:`translate(-50%,-50%) rotate(90deg) scale(${s})`});
  
      /* 2. UI要素の逆回転と再配置 */
      const adj = (id, st) => { const e=d.getElementById(id)||d.querySelector(id); if(e) Object.assign(e.style, {position:'absolute', transform:'rotate(-90deg)', transformOrigin:'center center', ...st}); };
      
      adj('minimap', {width:'140px', height:'140px', bottom:'60px', left:'60px', zIndex:'10010'});
      adj('.score-panel', {top:'20px', right:'-30px', scale:'0.7'});
      adj('leaderboard', {top:'20px', right:'20px', scale:'0.8'});
  
      /* 3. モーダル類の一括正対化 */
      ['login-modal','result-modal','settings-modal','help-modal','history-modal'].forEach(id=>adj(id, {top:'50%', left:'50%', transform:'translate(-50%,-50%) rotate(-90deg)', width:'85vw', height:'85vh'}));
  
      /* 4. 操作方向の90度補正 */
      if (typeof sendInput === 'function' && !window._inH) {
          window._inH = 1; const _o=window.sendInput;
          window.sendInput = () => { const x=inputState.dx, y=inputState.dy; inputState.dx=y; inputState.dy=-x; _o(); inputState.dx=x; inputState.dy=y; };
      }
  
      /* 5. 名前・絵文字の水平維持とブースト判定補正 */
      if (!window._fT) {
          window._fT = CanvasRenderingContext2D.prototype.fillText;
          CanvasRenderingContext2D.prototype.fillText = function(t,x,y,m) {
              if (Math.abs(x)<40 && Math.abs(y)<40 && !t.includes('%')) {
                  this.save(); this.rotate(-Math.PI/2); window._fT.call(this,t,-y,x,m); this.restore();
              } else window._fT.apply(this,arguments);
          };
          v.addEventListener('mousedown', e => { if(e.clientY > window.innerHeight*0.7) triggerBoost(); }, true);
      }
  
      window.removeEventListener('resize', window.resize);
      d.body.style.backgroundColor='#000';
  })();

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。