JavaScript JavaScript:キャンバスでシリア国旗を描画する Canvas APIの機能でシリア国旗を描画してみます。 ☆型を描画する機能は、Canvas APIにはないのでdrawStarという関数を自作しています。 2023.02.26 JavaScript
JavaScript JavaScript:クリックした対象タグ内の文字列を取得する bodyタグにclickイベントを発生させて、e.target.textContentで対象タグ(オブジェクト)内の文字列を取得できる。 2023.02.19 JavaScript
JavaScript 銀河鉄道の夜のセリフをスワイプできるサイト 以前作った『銀河鉄道の夜』のセリフだけをぬきだしたデータをJSONファイル化し、スワイプで順番に表示するサイトを作った。 2023.02.17 JavaScript
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