3. ブックマークレット一覧
ブックマークレット導入方法
導入手順:
- 下の黒いボックスにある「コードをコピーする」ボタンを押します。
- ブラウザのブックマークを新規作成(または編集)します。
- URL欄に、コピーした内容をそのまま貼り付けて保存してください。
- ゲーム画面でそのブックマークをクリックすると反映されます。
※PCの場合はHatenaリンクからでも簡単に導入できます
ブックマークレット一覧
1. ブーストボタンタップ可能化
PC
タブレット
PCやタブレットでブーストボタンが反応しない問題を解決するぞっ
Hatenaリンク(座標ズレ修正)
javascript:"https%3A%2F%2Flet.st-hatelabo.com%2Fcutfloss%2Flet%2FlObns9-UgKAA.bookmarklet.js %28arg%29".replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28"script"%29%3Bs.charset%3D"utf-8"%3Bs.src%3Durl%2B"%3Fs%3D"%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B
2. プレイヤーアイコン・線の太さ縮小
PC
タブレット
スマホ
名前の大きさはそのままに、アイコンと線を小さく・細くするぞっ
※ただし今後消す可能性あり...
Hatenaリンク(近接戦闘マスター)
javascript:"https%3A%2F%2Flet.st-hatelabo.com%2Fcutfloss%2Flet%2FlObs3rvagKAA.bookmarklet.js %28arg%29".replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28"script"%29%3Bs.charset%3D"utf-8"%3Bs.src%3Durl%2B"%3Fs%3D"%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B
3. チームチャットに定型文投稿
PC
タブレット
チーム戦で表示されるチームチャットに定型文を投稿できるようになるぞっ
この機能を使うには、以下の2つのブックマークレットを使う必要があるので注意だっ
スマホだと恐らく使えないのでそこも注意&すまぬ...
(1) 定型文設定エディタ
Hatenaリンク(定型文・エディタ)
javascript:"https%3A%2F%2Flet.st-hatelabo.com%2Fcutfloss%2Flet%2FlOSLhbqggqAA.bookmarklet.js %28arg%29".replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28"script"%29%3Bs.charset%3D"utf-8"%3Bs.src%3Durl%2B"%3Fs%3D"%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B
(2) 定型文画面表示
Hatenaリンク(定型文・コア)
javascript:"https%3A%2F%2Flet.st-hatelabo.com%2Fcutfloss%2Flet%2FlOSD95GmgMAA.bookmarklet.js %28arg%29".replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28"script"%29%3Bs.charset%3D"utf-8"%3Bs.src%3Durl%2B"%3Fs%3D"%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B
【使用方法】
- ゲーム画面で定型文・エディタを実行して、定型文の内容を設定、保存します。
- 次に定型文・コアを実行すると、定型文ボタンが表示されチームチャットが画面外に展開されます
4. onj-soccer操作UI改善(試験中)
スマホ
onj-soccerの操作がやりにくいので作ってみる
無効
javascript:(function(){
/* 1. リサイズ論理:コートを画面上部50%に収める */
window.resize = function() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
if (!field) return;
const sx = (window.innerWidth - 16) / field.w;
const sy = (window.innerHeight * 0.5 - 16) / field.h;
baseScale = Math.min(sx, sy);
baseOffX = (window.innerWidth - field.w * baseScale) / 2;
baseOffY = 0;
scale = baseScale; offX = baseOffX; offY = baseOffY;
if(typeof emojiImgCache !== 'undefined') emojiImgCache.clear();
};
/* 2. カメラ論理:左右(X)のみ追従、上下(Y)固定 */
window.updateCamera = function() {
const me = (joined && myId) ? players[myId] : null;
const useCam = me && me.x != null && (phase === 'playing' || phase === 'goal' || phase === 'countdown');
if (!useCam || !field) {
scale = baseScale; offX = baseOffX; offY = baseOffY;
camSnapped = false;
return;
}
if (!camSnapped) { camX = me.x; camY = me.y; camSnapped = true; }
const tx = (ball && ball.x != null) ? me.x * 0.7 + ball.x * 0.3 : me.x;
camX += (tx - camX) * CAM_LERP;
const cs = baseScale * CAM_ZOOM;
const halfW = canvas.width / (2 * cs);
const cx = (2 * halfW < field.w) ? Math.max(halfW, Math.min(field.w - halfW, camX)) : field.w / 2;
scale = cs;
offX = canvas.width / 2 - cx * cs;
offY = 0;
};
/* 3. クールタイム可視化ロジック */
const slideRing = document.createElement('canvas');
slideRing.id = 'slide-cooldown-ring';
document.body.appendChild(slideRing);
function updateSlideUI() {
const me = (joined && myId) ? players[myId] : null;
const btn = document.getElementById('slide-btn');
if (!me || !btn || btn.style.display === 'none') {
slideRing.style.display = 'none';
requestAnimationFrame(updateSlideUI);
return;
}
/* ボタンの位置にキャンバスを合わせる */
const rect = btn.getBoundingClientRect();
slideRing.width = rect.width + 10;
slideRing.height = rect.height + 10;
slideRing.style.position = 'fixed';
slideRing.style.left = (rect.left - 5) + 'px';
slideRing.style.top = (rect.top - 5) + 'px';
slideRing.style.zIndex = '105';
slideRing.style.pointerEvents = 'none';
slideRing.style.display = 'block';
const ctx = slideRing.getContext('2d');
ctx.clearRect(0, 0, slideRing.width, slideRing.height);
/* スライディングのクールタイム計算 (slideTimerはサーバーから送られてくる値) */
if (me.slideTimer > 0) {
const radius = rect.width / 2;
const centerX = slideRing.width / 2;
const centerY = slideRing.height / 2;
/* クールタイム定数はコード内では 60 (フレーム) または 1.0 (秒) 相当 */
const progress = me.slideTimer / (typeof SLIDE_COOLDOWN !== 'undefined' ? SLIDE_COOLDOWN : 60);
ctx.beginPath();
ctx.arc(centerX, centerY, radius + 2, -Math.PI / 2, (-Math.PI / 2) + (Math.PI * 2 * progress));
ctx.strokeStyle = '#ffffff';
ctx.lineWidth = 4;
ctx.stroke();
/* ボタンを少し暗くして「使えない感」を出す */
btn.style.opacity = '0.5';
} else {
btn.style.opacity = '1.0';
}
requestAnimationFrame(updateSlideUI);
}
requestAnimationFrame(updateSlideUI);
/* 4. スタイル調整 */
const style = document.createElement('style');
style.innerHTML = `
#canvas { position: fixed !important; top: 0 !important; left: 0 !important; z-index: 10 !important; }
#hud-container { top: 5px !important; z-index: 100 !important; transform: scale(0.8); }
body::after {
content: ""; position: fixed; bottom: 0; left: 0; width: 100%; height: 50vh;
background: #0f172a; border-top: 2px solid #334155; z-index: 5;
}
#joy-pad { display: flex !important; position: fixed !important; left: 3vw !important; bottom: 4vh !important; width: 42vw !important; height: 42vw !important; z-index: 100 !important; border: 4px solid rgba(255,255,255,0.2) !important; border-radius: 50% !important; }
#kick-btn { position: fixed !important; right: 3vw !important; bottom: 4vh !important; width: 28vw !important; height: 28vw !important; z-index: 100 !important; border-radius: 50% !important; background: #dc2626 !important; box-shadow: 0 4px 0 #991b1b !important; }
#jump-btn, #punt-btn { position: fixed !important; right: 5vw !important; bottom: 23vh !important; width: 20vw !important; height: 20vw !important; z-index: 100 !important; background: #2563eb !important; }
#slide-btn, #catch-btn { position: fixed !important; right: 34vw !important; bottom: 4vh !important; width: 20vw !important; height: 20vw !important; z-index: 100 !important; background: #d97706 !important; border-radius: 50% !important; }
#kick-charge-ring { position: fixed !important; right: 3vw !important; bottom: 4vh !important; width: 32vw !important; height: 32vw !important; z-index: 90 !important; }
#keys-hint { display: none !important; }
`;
document.head.appendChild(style);
window.resize();
console.log("Slide Cooldown Visualizer Added!");
})();
5. 離席ボタン追加
PC
タブレット
スマホ
実行すると画面内左上に離席ボタンを追加するぞっ
このボタンを押すとその場でグルグル回り続けるようになって、もう一度操作をすると解除されるぞっ
このような仕組みなので文字を打つために立ち止まる事には使えないので注意!
Hatenaリンク(座標自動維持ボタン(離席用))
javascript:"https%3A%2F%2Flet.st-hatelabo.com%2Fcutfloss%2Flet%2FlOmx_veMgqAA.bookmarklet.js %28arg%29".replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28"script"%29%3Bs.charset%3D"utf-8"%3Bs.src%3Durl%2B"%3Fs%3D"%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B
6. 自陣色の強調
PC
タブレット
スマホ
実行すると自陣の色を明るくするぞっ
これによって色が似ていても見分けがつくようになるぞっ
Hatenaリンク(自陣色強調)
javascript:%22https%3A%2F%2Flet.st-hatelabo.com%2Fcutfloss%2Flet%2FlOvfsd6igoAA.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B
7. チェーン機能強制解除
PC
タブレット
スマホ
実行するとチェーンを掛けられても自動で一瞬で解除するようになるぞっ
Hatenaリンク(チェーン強制解除)
javascript:%22https%3A%2F%2Flet.st-hatelabo.com%2Fcutfloss%2Flet%2FlOvykdLigKAA.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B
8. 横画面化
PC
タブレット
PC、タブレットでは余っている両脇の空間を、ゲーム画面を横倒しにすることで大画面化するぞっ
視界が広まる訳では無いが配信時などに見えやすくなる、かもしれない
ただしリザルト画面などは結構バグっているので注意だっ
Hatenaリンク(画面90度回転)
javascript:%22https%3A%2F%2Flet.st-hatelabo.com%2Fcutfloss%2Flet%2FlOvhqLOGgoAA.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B
9. 効果音付与
PC
タブレット
スマホ
敵を倒したりゲーム開始終了時などに効果音が鳴るようになるぞっ
ただしフリー音源選びのセンスが終わってるので注意だっ
これもどちらかと言えば配信向けだっ
Hatenaリンク(効果音追加)
javascript:%22https%3A%2F%2Flet.st-hatelabo.com%2Fcutfloss%2Flet%2FlOvh6bKagoAA.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B