JavaScript JavaScript:canvasで画像のみその場で回転させる canvasで画像のみその場で回転させ、他の要素はそのまま表示させるJavaScriptプログラム。 2014.01.07 JavaScriptプログラム
JavaScript JavaScript:canvasに雪の結晶を降らせる canvas上の指定した位置に画像を描画できる、ということで前回作ったJavaScript:雪がたくさん降るを雪の結晶画像に変更した。 サンプルを見る 上記サンプルをさらに雪の結晶画像を回転させながら落ちてくるように改良したものがこちら。 2013.12.26 JavaScriptプログラム
JavaScript JavaScript:フォームに入力した文字列をpタグ付きに変換 フォームに入力した文字列をpタグ付きに変換するJavaScriptを作った。 Stringオブジェクトがもつsplitメソッド使い道としていいサンプルだと思う。 クリックして別ウインドウ表示 2013.12.25 JavaScriptプログラム
C言語 ○に国境はなし 「○に国境はなし」とは、”あるもの”が、世界共通であるということを言わんとする言葉だ。 ○の部分に入る言葉は多種多様。 ”学問”、”科学”、”宇宙”、”お菓子”・・・ 2013.12.20 C言語JavaScriptプログラム言葉
JavaScript JavaScript:雪がたくさん降る 「JavaScriptにおいて関数はクラスと同義である」ということで、実際に「雪」クラス(関数)を作って雪がたくさん降ってくる様をcanvasに描いた。 2013.12.19 JavaScriptプログラム
JavaScript JavaScript:canvasを使って雪を一つずつ降らす 前回作った雪の軌跡を表示するをアニメーション化してみた。 canvasを使ってarc関数で描かれた雪が、ランダムに一つずつ降ってくる。 サンプルを見る 雪の落下速度(speed)と揺れ(swing)はランダムに変えている。やはりsinカーブ... 2013.11.27 JavaScriptプログラム
JavaScript JavaScript:canvasに雪の軌跡を表示する sinやcosは、中学の数学で習ったが何の役に立つのかわからなかった。 それはわたしの想像力が足りなかったせいもある。sinやcosの波打つグラフを見て日常のゆらゆらした動きや雪が降ってくるような動きに想像力が及ばなかった。 サンプルを見る 2013.11.25 JavaScriptプログラム
JavaScript JavaScript:canvasにマウスで描画失敗作 最初に思い描いたイメージは、こんな感じでJavaScriptを使ってcanvasに絵を描くイメージ。 そして出来上がったのがこんな感じ・・・ 2013.11.08 JavaScriptプログラム
JavaScript enchant.js:単語を一文字ずつ当てる問題 前回作ったenchant.js:カウントダウンバーを組み込んで、『単語を一文字ずつ当てる問題』のひな型を作った。 マウスクリックで別ウインドウ表示 ダウンロード 2013.08.21 JavaScriptプログラム
JavaScript enchant.jsで四択問題 enchant.jsを使って四択問題を出題するサンプルプログラムを作った。 ただし、古いバージョン(v0.4.5)のenchant.jsでのみの動作となる。(enchant.jsのラベルクラスの仕様が最新バージョンでは変わっているため。) 2013.07.17 JavaScriptプログラム