JavaScript

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を使って花火の残像も含めて再現しました。 ウインドウを最大化して全画面で見るといい雰囲気です。
JavaScript

JavaScript:コンソールねこ(ブラウザアプリ)

コンソールに猫が……いる! ブラウザのコンソールに生息する猫です。時々エサが出るかも!
JavaScript

JavaScript:Canvasで多角形を描画する関数

JavaScriptのCanvas機能にあるmoveToメソッドとlineToメソッドを利用した多角形を描画する関数イメージです。
JavaScript

スワイプで気軽に学ぶ プログラミング英語検定の基本300単語帳

プログラミングをしているとよく目にする英単語を集めたスマホ向け単語帳を作った。 プログラミング英語検定で紹介されているベーシック300語の英単語をスワイプで閲覧するだけ。 気軽に学ぼう。
JavaScript

JavaScript:キャンバスの残像を利用して流れ星を再現する

流れ星みたいにスーッと流れて消えるような描画をキャンバスのglobalAlphaを利用して再現してみました。