JavaScript JavaScript:1枚の画像をブロック単位に分割してランダムに置き換え10秒で元に戻る ブロックの置き換えは100回行う。 ただランダムに置き換えてしまうと元の画像に戻らなくなるので、前半50回の置き換え順序を後半50回では、下から順にして元に戻るようにしている。 2022.12.10 JavaScript
JavaScript JavaScript:シンプルな8パズル ゲームクリアまでの時間計測つきの8パズルゲームです。 JavaScriptのソースコードも掲載しています。 2022.12.05 JavaScript
JavaScript 気象庁の天気予報JSONファイルをJavaScriptで利用する流れ 例として今日の東京地方の天気予報を表示させる。 プログラムでは、一括して変数weatherに天気予報JSONを取得しているので、あとは必要なデータを取り出して表示するだけ。 2022.10.05 JavaScript
JavaScript RGBカラーを16進数カラーコードに直すアロー関数式 { r: 255, g: 128, b: 10 } などの10進RGBカラーを引数に渡すと、#FF800Aなどの16進数カラーコードが返ってくるアロー関数式です。 2022.09.15 JavaScript
JavaScript JavaScriptで花火を描画する 夏なのでJavaScriptのCanvas APIを使って花火の残像も含めて再現しました。 ウインドウを最大化して全画面で見るといい雰囲気です。 2022.08.05 JavaScript
JavaScript JavaScript:コンソールねこ(ブラウザアプリ) コンソールに猫が……いる! ブラウザのコンソールに生息する猫です。時々エサが出るかも! 2022.06.21 JavaScript
JavaScript JavaScript:Canvasで多角形を描画する関数 JavaScriptのCanvas機能にあるmoveToメソッドとlineToメソッドを利用した多角形を描画する関数イメージです。 2022.06.04 JavaScript
JavaScript スワイプで気軽に学ぶ プログラミング英語検定の基本300単語帳 プログラミングをしているとよく目にする英単語を集めたスマホ向け単語帳を作った。 プログラミング英語検定で紹介されているベーシック300語の英単語をスワイプで閲覧するだけ。 気軽に学ぼう。 2022.02.26 JavaScript
JavaScript JavaScript:キャンバスの残像を利用して流れ星を再現する 流れ星みたいにスーッと流れて消えるような描画をキャンバスのglobalAlphaを利用して再現してみました。 2021.12.12 JavaScript