2007/02/25 (Sun) 概ね完了。なかなかよさげ。

こちら に「らじあるすらいだー」の最新を。

無事、画質劣化問題も解決し、その他もろもろの問題も片付きまして、とりあえず遊べるようになりました。もっとも、まだ自テストが少なすぎますけど、早く見てもらいたくって。 (*^.^*)

五角形をやっていて気がついたのですが、通常の１５パズルでは解けないようなパターンも、右端と左端が繋がっているからなのかどうかは知りませんが解くことができるように思えます。そう、隣同士が入れ替わっているというパターンに出くわしたのです。

＃ でもって、ぐりぐりしている内に解けました。

ということで、なかなかに新鮮かも。

見た目は画数の多いほうがきれいな印象がありますが、実際にとりかかるとたくさんのピースを動かすのが手間でうざったいです。

やはり、正五角形か正六角形くらいで遊ぶのが楽しいかな？

2007/02/24 (Sat) らじあるすらいだーと命名

懸念点が概ね解決したので、いよいよパズル作りにはいろうと思います。
先にも書いたように、今回はアニメーションの部分が先にできてしまったので、いつもの順序とは違い、パズルのピースの配置の記憶ではなくて、アニメーションのところから実装してみることにしました。

で、こちら が今日までのところです。

まだピースの配置を記憶する部分ができていないので、シャフルも実装していません。が、今回は最初の設計をきっちりおこなったので、この段階で、数字キーで以下のように変更されます。

　１ ・・・ 段数を３段に
　２ ・・・ 段数を４段に
　３ ・・・ 正三角形
　４ ・・・ 正四角形
　５ ・・・ 正五角形
　６ ・・・ 正六角形
　７ ・・・ 正七角形
　８ ・・・ 正八角形
　９ ・・・ 正九角形

今のところ、１４通りのパターンが用意されていることになります。

2007/02/23 (Fri) 多角形の内外判定

さて、これでパズルを作り始めれる...と思ったら、まだ問題があることに気がつきました。

空白のピースから隣のピースにマウスが移った時に、始めてその（逆の）方向にピースを動かす...といった動作をさせるためには、現在のマウスがどのピースの上に存在するかということを判定しなければなりません。

今までは、長方形や円に近似させれば良かったのですが、今回は斜め向きの台形などもあるため、もう少し真面目に内外判定をしなければユーザーの思ったとおりの動きにはならないことに気がつきました。

う～ん、これは数学に頼るしかない...。


ということで、「内外判定」「座標」あたりで検索をかけると、
「偏角の原理」というものを見つけました。

あなたがビルのてっぺんにいるとします。
４つの地点を結んでできる四角形の左回り（または右回り）の順番で
それぞれの地点を見ていく時、元の頂点に戻るまでに一周したら
あなたは４つの地点の内部にいます。
一周せずに体をねじるだけに終わったら外部にいることになります。

...なるほど、体感しました。


で、これを式に表すと

すべての辺に対し対象点との外積が全て同一符号なら内部

（Ｐ－Ａ）×（Ｂ－Ａ）
（Ｐ－Ｂ）×（Ｃ－Ｂ）
（Ｐ－Ｃ）×（Ｄ－Ｃ）
（Ｐ－Ｄ）×（Ａ－Ｄ）

となるそうです。

ちなみに外積は

Ｑ×Ｒ ＝ Ｑx × Ｒy - Ｒx × Ｑy
　　　 ＝ |Ｑ||Ｒ|ｓｉｎ（θ）

なので、２つをあわせると

（Ｐx - Ａx）×（Ｂy - Ａy）－（Ｂx - Ａx）×（Ｐy - Ａy）
（Ｐx - Ｂx）×（Ｃy - Ｂy）－（Ｃx - Ｂx）×（Ｐy - Ｂy）
（Ｐx - Ｃx）×（Ｄy - Ｃy）－（Ｄx - Ｃx）×（Ｐy - Ｃy）
（Ｐx - Ｄx）×（Ａy - Ｄy）－（Ａx - Ｄx）×（Ｐy - Ｄy）

となるのではないかと。

やっとプログラムにできるところまできましたね。

2007/02/22 (Thu) gsquare に味をしめて...

gsquare で台形の画像が比較的簡単に拡大・縮小できるということがわかったので、１つ思いついてしまいました。

＃ 簡単にできるとなるとそちら方向に発想が行くというのが安易ですねぇ...。困難に立ち向かうという姿勢ではなく、安易なところから道を探すという根性があさましい...

＃ などとは思っていないのでした。 :-P

さて、その思いつきとは...

2007/02/21 (Wed) おにいさん、そこは涙を流すところです...。

今日はとっても忙しかったので危うく見逃すところでした。 (--;

＃ と、あたかも毎回すぐに感想を書いているようなフリをしてみる...


じゅもくちゃんと万引き君の鉢合わせを楽しみにしております。
そこに やや影の薄い ぶじょくちゃん がどうからむか。

そして、きっと ます子 は、その舞台のセッティングを影で支えながら泣いていることでしょう...。

2007/02/21 (Wed) 凄いぞ！ gsquare！！

これでほとんどアニメーションの部分が完成してしまった！！

＃ いつもと逆の工程ですよ？

こちらにサンプルを用意しておきました。
sample.jpg を置き換えていただければ、どんな画像でも。

ピースの横方向と縦方向の移動が gsquare 関数のみで実現できるとは！！

大きな声では言えませんが、円ではなくって正多角形に仕様変更して良かったぁ～。

ということで、サンプルは こちら です。

2007/02/20 (Tue) ｎ角形の頂点のサンプル

昨日考えた式を元に、簡単なサンプルを作ってみました。
...良かった。間違っていなかったようですね。

ということで、サンプルは こちら から。

今回はソース（*.hsp）と *.exe と両方入れてありますのでサンプルの動作だけを見ることもできます。

今回のサンプルは、私の動作確認が目的なので動きを期待しないように。