JavaScript

JavaScript

JavaScript:canvasで画像のみその場で回転させる

canvasで画像のみその場で回転させ、他の要素はそのまま表示させるJavaScriptプログラム。
JavaScript

JavaScript:canvasに雪の結晶を降らせる

canvas上の指定した位置に画像を描画できる、ということで前回作ったJavaScript:雪がたくさん降るを雪の結晶画像に変更した。 サンプルを見る 上記サンプルをさらに雪の結晶画像を回転させながら落ちてくるように改良したものがこちら。
JavaScript

JavaScript:フォームに入力した文字列をpタグ付きに変換

フォームに入力した文字列をpタグ付きに変換するJavaScriptを作った。 Stringオブジェクトがもつsplitメソッド使い道としていいサンプルだと思う。 クリックして別ウインドウ表示
C言語

○に国境はなし

「○に国境はなし」とは、”あるもの”が、世界共通であるということを言わんとする言葉だ。 ○の部分に入る言葉は多種多様。 ”学問”、”科学”、”宇宙”、”お菓子”・・・
JavaScript

JavaScript:雪がたくさん降る

「JavaScriptにおいて関数はクラスと同義である」ということで、実際に「雪」クラス(関数)を作って雪がたくさん降ってくる様をcanvasに描いた。
JavaScript

JavaScript:canvasを使って雪を一つずつ降らす

前回作った雪の軌跡を表示するをアニメーション化してみた。 canvasを使ってarc関数で描かれた雪が、ランダムに一つずつ降ってくる。 サンプルを見る 雪の落下速度(speed)と揺れ(swing)はランダムに変えている。やはりsinカーブ...
JavaScript

JavaScript:canvasに雪の軌跡を表示する

sinやcosは、中学の数学で習ったが何の役に立つのかわからなかった。 それはわたしの想像力が足りなかったせいもある。sinやcosの波打つグラフを見て日常のゆらゆらした動きや雪が降ってくるような動きに想像力が及ばなかった。 サンプルを見る
JavaScript

JavaScript:canvasにマウスで描画失敗作

最初に思い描いたイメージは、こんな感じでJavaScriptを使ってcanvasに絵を描くイメージ。 そして出来上がったのがこんな感じ・・・
JavaScript

enchant.js:単語を一文字ずつ当てる問題

前回作ったenchant.js:カウントダウンバーを組み込んで、『単語を一文字ずつ当てる問題』のひな型を作った。 マウスクリックで別ウインドウ表示 ダウンロード
JavaScript

enchant.jsで四択問題

enchant.jsを使って四択問題を出題するサンプルプログラムを作った。 ただし、古いバージョン(v0.4.5)のenchant.jsでのみの動作となる。(enchant.jsのラベルクラスの仕様が最新バージョンでは変わっているため。)