JavaScript 早撃ちゲーム
ゲームを始める↑back｜虹
→ 画像操作
JavaScript JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 canvasに背景画像を入れる
ネタ帳にふさわしいくだらない画像ができたコードエディター 本文<canvas id="fireCanvas" width="320" height="460"></canvas>カスタムJavaScript(() => { const ca...
JavaScript 魔方陣
魔方陣を長時間集中して見詰めないでください変則的な回転で体調を崩す恐れがあります製作：Copilot 追加編集・文：色楽ネット管理人魔方陣発動古代の魔法は医療・技術・天文の最先端を行く学問です当時庶民は理解し難い先進科学を「魔法」と称して「...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 画像を釣り上げる
画面上部のボタンを長押しすると、下の透明なエリアからスルスルと画像が吊り上がってきて、一番上まで来ると「画像を固定しました」と表示が出て画像が固定されるようになります。途中でボタンを離すと画像は落ちます。前面のコンテナで画像を動かしています...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 横スクロール
コードエディター 本文<canvas id="bikeCanvas" width="320" height="100"></canvas>カスタムJavaScript const canvas = document.getElementBy...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 ミニ水槽
コードエディター 本文<div class="aquarium-container"> <canvas id="aquarium"></canvas></div>カスタムJavaScript const canvas = document....
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 ボールを浮かせるアニメーション
PUSH TO FLOATコードエディター 本文<div class="wrapper"> <div id="stage"> <div id="shadow"></div> <div id="ball"></div> </div> <but...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 二礼二拍手
二礼二拍手お賽銭を入れ、鈴を鳴らします二礼：深いお辞儀を2回繰り返します二拍手： パンパンと2回手を打ちますお祈り： 手をぴったり合わせ、感謝や願い事を伝えます一礼：最後に深く1回お辞儀をしますコードエディター 本文 <img i...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 画像の回転
長押しで回転コードエディター 本文<div class="container"> <img src="ここに画像のURL" id="target-image" alt="回転画像"> <br><br> <button id="rotate-...
JavaScript 生成AI+スマホで作成「WordPress(ブログ)で使えるJavaScript」 ブログの画面に雨を降らせる
「雨は、世界を洗い流す銀の針。街の喧騒を遠ざけ、心を静かな場所へと連れていく。たまには傘も差さずに、空の涙を受け止める時間があってもいい。」 コードエディター 本文 <div class="content"> <p id="writin...