ブラウザ：ページの中で野球ボールが弾む！ブックマークレット遊び技

ページに野球ボールを弾ませるブックマークレット

ブラウザの「お気に入り」は
普通はページを開くためのものですが、

実は JavaScriptを登録することで、小さなツールとして使うことができます。

こうした仕組みは ブックマークレット と呼ばれます。

今回は遊びネタとして、

ページの中で野球ボールが弾むブックマークレット

を作ってみます。

クリックすると、
画面の中に野球ボールが現れて
ポンポンと跳ねるように動きます。

ちょっとしたミニゲームのような雰囲気になります。

仕組み：ブックマークレット（Bookmarklet）

ブックマークのURL欄に javascript: ... を入れておくと、
そのブックマークをクリックした瞬間に JavaScript が実行されます。

次の JavaScript を使います。長いですが 1行で書かれた JavaScript です。

JavaScript：

javascript:(()=>{document.querySelectorAll("p,span,li,div,a").forEach(e=>{e.style.fontSize=(12+Math.random()*28)+"px"})})();

javascript:(()=>{let b=document.createElement(“div”);b.textContent=”⚾”;b.style.position=”fixed”;b.style.left=”50px”;b.style.top=”50px”;b.style.fontSize=”40px”;b.style.zIndex=999999;document.body.appendChild(b);let x=50,y=50,vx=4,vy=0,g=0.6;function move(){vy+=g;x+=vx;y+=vy;if(y>window.innerHeight-50){y=window.innerHeight-50;vy*=-0.8}if(x>window.innerWidth-40||x<0){vx*=-1}b.style.left=x+"px";b.style.top=y+"px";requestAnimationFrame(move)}move()})();