JavaScript

JavaScript

JavaScript:キャンバスでシリア国旗を描画する

Canvas APIの機能でシリア国旗を描画してみます。 ☆型を描画する機能は、Canvas APIにはないのでdrawStarという関数を自作しています。
JavaScript

JavaScript:クリックした対象タグ内の文字列を取得する

bodyタグにclickイベントを発生させて、e.target.textContentで対象タグ(オブジェクト)内の文字列を取得できる。
JavaScript

銀河鉄道の夜のセリフをスワイプできるサイト

以前作った『銀河鉄道の夜』のセリフだけをぬきだしたデータをJSONファイル化し、スワイプで順番に表示するサイトを作った。
JavaScript

ランダムな名前を返すJavaScript関数

引数に名前の最大文字数を指定して使う。 使用例 getRoboName(10)
JavaScript

JavaScript:1枚の画像をブロック単位に分割してランダムに置き換え10秒で元に戻る

ブロックの置き換えは100回行う。 ただランダムに置き換えてしまうと元の画像に戻らなくなるので、前半50回の置き換え順序を後半50回では、下から順にして元に戻るようにしている。
JavaScript

JavaScript:1枚の画像を分割して表示していく

canvasに1枚の画像を分割して表示していくJavaScriptサンプル。
JavaScript

JavaScript:シンプルな8パズル

ゲームクリアまでの時間計測つきの8パズルゲームです。 JavaScriptのソースコードも掲載しています。
JavaScript

気象庁の天気予報JSONファイルをJavaScriptで利用する流れ

例として今日の東京地方の天気予報を表示させる。 プログラムでは、一括して変数weatherに天気予報JSONを取得しているので、あとは必要なデータを取り出して表示するだけ。
JavaScript

RGBカラーを16進数カラーコードに直すアロー関数式

{ r: 255, g: 128, b: 10 } などの10進RGBカラーを引数に渡すと、#FF800Aなどの16進数カラーコードが返ってくるアロー関数式です。
JavaScript

JavaScriptで花火を描画する

夏なのでJavaScriptのCanvas APIを使って花火の残像も含めて再現しました。 ウインドウを最大化して全画面で見るといい雰囲気です。