【クローム】リアルタイム時計　【アドオン】

〇ソシャゲblocker (リアルタイム時計onCanvas)
https://toshiaki1919.web.fc2.com/real_time_Cursor.zip

borderify.js //スクリプトコード
manifest

textにD&D(borderify.js/ソースコード)

そのほか空のファイル(※インストールに必要な設定ファイル)

左クリックで閉じる　右クリックで移動解除

アドオンのインストール方法１

アドオンのインストール方法2 ※別ページに移動します
https://fantia.jp/posts/1192920/post_content_photo/7506225

〇騎士や〇姫プロジェクトとかのソジャゲにどうぞ

〇ソシャゲblocker (リアルタイム時計onCanvas)

キャンバスにボタンを付ける(簡易版/JavaScript)

<-- メインキャンバス-->
<canvas id="canvas" width="895px" height="440px" style="position:absolute;background:red;"> </canvas>

<-- canvas Button1-->
<canvas id="canvas" width="100px" height="100px" style="z-index; position:absolute; left:900px; background: yellow;" onClick="ff();"> </canvas>

<-------JavaScript------------->
<script>
const canvas = document.getElementById('canvas'); //キャンバスの取得
const ctx = canvas.getContext('2d'); //キャンバスの属性を扱えるようにする

//オブジェクト1
ctx.fillStyle = 'green';
ctx.fillRect(20, 10, 150, 100);

//オブジェクト2
ctx.fillStyle = 'blue';
ctx.fillRect(320, 10, 150, 100);

//実行ボタン
function ff()
{
ctx.fillStyle = 'blue'; //青色を取得
ctx.fillRect(320, 250, 150, 100); //ボックスの作成
}
</script>

キャンバスにボタンを付ける(簡易版)
https://toshiaki1919.web.fc2.com/canvas_button_simple.html

ホームページUIできたよ（にじよめち〇ゃん）

ホームページ
https://toshiaki1919.web.fc2.com/homePage_Reference/homePageUI.html

ソース
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox

github版(本家)
https://mdn.github.io/learning-area/css/css-layout/flexbox/flex-align0.html

x-o〇verdのなにか....(´・ω・`)

にじよめちゃん　シュート
https://toshiaki1919.web.fc2.com/animation_slidein_shoot_button.html

stylusの使い方

div {position:absolute; top:100px; left:100px;}
div {background:green;}

//CSS