taichino.com » as3 http://taichino.com 永遠のネバーランド Sat, 04 Feb 2012 13:33:04 +0000 ja hourly 1 http://wordpress.org/?v=3.2.1 仕組みとパラメータ http://taichino.com/programming/812 http://taichino.com/programming/812#comments Wed, 19 Aug 2009 20:12:29 +0000 taichino http://taichino.com/?p=812 Flash Math Creativityという本が元ネタです。

以下のswfを見て下さい。円が次々と迫ってくる単純なプログラムです。これはこれで面白いわけなんですが、続きがあります。

円を作成して、フレームベースで振動や拡大しつつ、フェードアウトさせるという単純なものですが、ソースコード中の「以下パラメータ群」に注目して下さい。幾つかのパラメータがあります。振れ幅や、拡大率等、各々は簡単なパラメータなのですが、これを組み合わせて変更すると、思ったよりもダイナミックに挙動が変化します。

package {
    import flash.display.*;
    import flash.events.*;
    import flash.geom.*;
 
    [SWF(width="500", height="400", backgroundColor="#FFFFFF", frameRate="15")]
    public class FrameTest extends Sprite {
        public function w() : Number { return 500; }
        public function h() : Number { return 400; }
 
        function FrameTest() {
            addEventListener(Event.ENTER_FRAME, mainLoop);
        }
        public function mainLoop(evt:Event) : void {
            if (Math.random() * 100 < frequency()) {
                var circle:MovieClip = new MovieClip();
                circle.graphics.beginFill(0xFFFFFF);
                circle.graphics.drawCircle(0, 0, 21);
                circle.rad = 0;
                circle.radiusX = radiusX();
                circle.radiusY = radiusY();
                circle.x = w() / 2;
                circle.y = h() / 2;
                circle.transform.colorTransform = color();
                addChild(circle);
                circle.addEventListener(Event.ENTER_FRAME, onEnterFrame);
            }
        }
 
        public function onEnterFrame(evt:Event) : void {
            var target:MovieClip = MovieClip(evt.target);
            target.rad += angleRate();
            target.radiusX += radiusDX();
            target.radiusY += radiusDY();
            target.x = w() / 2 + target.radiusX * Math.sin(target.rad * Math.PI / 180);
            target.y = h() / 2 + target.radiusY * Math.cos(target.rad * Math.PI / 180);
            target.scaleX = target.scaleY *= scaleRate();
 
            target.alpha *= fade();
            if (target.alpha < 0.03) {
                target.removeEventListener(Event.ENTER_FRAME, onEnterFrame);
                removeChild(target);
            }
        }
 
        //
        // 以下パラメータ群
        //
 
        public function fade() : Number {
            return 0.95;
        }
        public function color() : ColorTransform {
            return new ColorTransform(1, 0.5, 0, 1, 0, 0, 0);
        }
        public function frequency() : Number {
            return 20;
        }
        public function scaleRate() : Number {
            return 1.05;
        }
        public function radiusX() : Number {
            return 0;
        }
        public function radiusY() : Number {
            return 0;
        }
        public function radiusDX() : Number {
            return 1;
        }
        public function radiusDY() : Number {
            return 1;
        }
        public function angleRate() : Number {
            return 30;
        }
    }
}

パラメータを変更して、例えば少しランダム性を持たせると以下のような挙動になります。プログラムの構造は同じなのに、ここまで変化があるのが面白くてエントリにしてみました。ソースコードはあえて載せませんので、色々弄ってみると面白い発見があると思いますYO！(しつこいですが、以下のswfは上記ソースコードからパラメータのみ変更しています。)

関数でもフレームワークでも、プログラムは上手く仕組みを作ると、後はパラメータを少し弄るだけで色んな挙動を実現する事が出来るようになりますね。最近漸く抽象化の面白さが解ってきたような気がします。あとやっぱ数学って出来るにこした事はないですね。これはsin,cosしか使ってないですけど。

]]> http://taichino.com/programming/812/feed 0 pythonとperlとphpとas3とjavascriptで日時計算 http://taichino.com/programming/794 http://taichino.com/programming/794#comments Mon, 10 Aug 2009 14:08:32 +0000 taichino http://taichino.com/?p=794 各言語でスニペットのまとめエントリ第2段は日時計算です。日時データは表現方法が様々なため、必要なデータ形式にデータを変換するのが覚えれなくてイライラしますね。そこで以下の3つの表現を相互に変換するスニペットを書きました。

  • 日時オブジェクト
  • フォーマットされた文字列
  • unixタイムスタンプ(1970-01-01 00:00:00 UTC からの経過秒数)

python
pythonはdatetimeを使います。また日付計算はtimedeltaでオフセットを表現します。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

#!/usr/bin/python
# -*- coding: utf-8 -*-
 
import time
from datetime import datetime, timedelta
 
# obj, text, timestamp(time)の相互変換
format = '%Y-%m-%d %H:%M:%S'
orig   = datetime(2009, 8, 10, 14, 53, 30)
text1  = orig.isoformat(' ')                          # obj  => txt
date1  = datetime.strptime(text1, format)             # txt  => obj
time1  = time.mktime(date1.timetuple())               # obj  => time
date2  = datetime.fromtimestamp(time1)                # time => obj
time2  = time.mktime(time.strptime(text1, format))    # txt  => time
text2  = datetime.fromtimestamp(time2).isoformat(' ') # time => txt (obj経由)
 
print orig
print date2
print text2
print time2
 
# 現在時刻
now = datetime.now()
print now
 
# 日時計算
one_hour_later    = now + timedelta(hours = 1)   # 1時間後
two_days_later    = now + timedelta(days  = 2)   # 2日後
three_weeks_later = now + timedelta(weeks = 3)   # 3週間後
print one_hour_later
print two_days_later
print three_weeks_later

perl
perlはDateTimeオブジェクト。DateTimeオブジェクトはかなり強力ですが、文字列フォーマットを扱えないのが残念です。ここでは日付文字列を扱うのにDateTime::Format::Strptimeを使ってみました。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

#!/usr/bin/perl
 
use strict;
use warnings;
use Perl6::Say;
 
use DateTime;
use DateTime::Format::Strptime;
 
# obj, text, timestampの相互変換
my $format = '%Y-%m-%d %H:%M:%S';
my $parser = new DateTime::Format::Strptime(pattern => $format);
my $orig   = DateTime->new(year => 2009, month => 8, day => 10,
                           hour => 14, minute => 53, second => 30);
my $text1  = $orig->strftime($format);                                 # obj  => txt
my $date1  = $parser->parse_datetime($text1);                          # txt  => obj
my $time1  = $date1->epoch;                                            # obj  => time
my $date2  = DateTime->from_epoch(epoch => $time1);                    # time => obj
my $time2  = $parser->parse_datetime($text1)->epoch;                   # txt  => time (obj経由)
my $text2  = DateTime->from_epoch(epoch => $time2)->strftime($format); # time => txt  (obj経由)
 
say $orig;
say $date2;
say $time2;
say $text2;
 
# 現在時刻
my $now = DateTime->now;
say $now;
 
# 日時計算
my $one_hour_later    = $now->add(hours => 1);
my $two_days_later    = $now->add(days  => 2);
my $three_weeks_later = $now->add(weeks => 3);
say $one_hour_later;
say $two_days_later;
say $three_weeks_later;

php
phpでの処理の特徴は、他の言語が中心に日付オブジェクトがあるのに対して、phpでは中心に日付文字列がある事ですね。文字列に対する各種処理が豊富にそろっています。あと関係ないですが、改行付きのprintがあればもっとすっきりするのにと思います。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

#!/usr/bin/php
< ?php
# obj, text, timestamp(time)の相互変換
$format = 'Y-m-d H:i:s';
$orig  = new DateTime('2009-08-10 14:53:30');
$text1 = $orig->format($format);                # obj  => txt
$date1 = new DateTime($text1);                  # txt  => obj
$time1 = strtotime($date1->format($format));    # obj  => time (txt経由)
$date2 = new DateTime(date($format, $time1));   # time => obj  (txt経由)
list($y, $m, $d, $h, $mi, $s) = sscanf($text1, "%d-%d-%d %d:%d:%d");
$time2 = mktime($h, $mi, $s, $m, $d, $y);       # text => time
$text2 = date($format, $time2);                 # time => text

echo $orig->format($format) . "\n";
echo $date2->format($format) . "\n";
echo $text2, "\n";
echo $time2, "\n";
 
# 現在時刻
$now = new DateTime();
echo $now->format($format) . "\n";
 
# 日時計算
$one_hour_later    = clone $now;
$one_hour_later->modify('+1 hour'); # '+1 hour +2 day ...'
$two_days_later    = clone $now;
$two_days_later->modify('+2 days');
$three_weeks_later = clone $now;
$three_weeks_later->modify('+3 weeks');
echo $one_hour_later->format($format)    . "\n";
echo $two_days_later->format($format)    . "\n";
echo $three_weeks_later->format($format) . "\n";
?>

as3
as3はDateオブジェクトを使用します。コンストラクタが強力でオブジェクトだろうが、文字列だろうが、タイムスタンプだろうが何でも取ります。一方で日付の計算をミリ秒単位に変換して行わないと行けないのが大変です。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

package {
    import flash.display.*;
 
    public class DatetimeTest extends Sprite {
        function DatetimeTest() {
            // obj, text, timestamp(time)の相互変換
            var orig:Date    = new Date(2009, 8, 10, 14, 53, 30);
            var text1:String = orig.toString();               // obj  => txt
            var date1:Date   = new Date(text1);               // txt  => obj
            var time1:Number = date1.getTime();               // obj  => time
            var date2:Date   = new Date(time1);               // time => obj
            var time2:Number = (new Date(text1)).getTime();   // txt  => time (obj経由)
            var text2:String = (new Date(time2)).toString();  // time => txt  (obj経由)
 
            log(orig);
            log(date2);
            log(text2);
            log(time2);
 
            // 現在時刻
            var now:Date = new Date();
            log(now);
 
            // 日時計算
            var one_hour_later:Date = new Date(now);
            one_hour_later.setTime(one_hour_later.getTime() + 60*60*1000);              // 1時間後
            var two_days_later:Date = new Date(now);
            two_days_later.setTime(two_days_later.getTime() + 2*24*60*60*1000);         // 2日後
            var three_weeks_later:Date = new Date(now);
            three_weeks_later.setTime(three_weeks_later.getTime() + 3*7*24*60*60*1000); // 3週間後
            log(one_hour_later);
            log(two_days_later);
            log(three_weeks_later);
        }
    }
}

javascript
as3とjavascriptがこんなに似ているとは思いませんでした。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>datetime test</title>
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript">
      $(
          function() {
              // obj, text, timestampの相互変換
              var orig  = new Date(2009, 8, 10, 14, 53, 30);
              var text1 = orig.toString();                // obj  => txt
              var date1 = new Date(text1);                // txt  => obj
              var time1 = date1.getTime();                // obj  => time
              var date2 = new Date(time1);                // time => obj
              var time2 = (new Date(text1)).getTime();    // txt  => time (obj経由)
              var text2 = (new Date(time2)).toString();   // time => txt  (obj経由)
              alert(text1);
              alert(date2);
              alert(text2);
              alert(time2);
 
              // 現在時刻
              var now = new Date();
              alert(now);
 
              // 日時計算
              var one_hour_later = new Date(now);
              one_hour_later.setTime(one_hour_later.getTime() + 60*60*1000);              // 1時間後
              var two_days_later = new Date(now);
              two_days_later.setTime(two_days_later.getTime() + 2*24*60*60*1000);         // 2日後
              var three_weeks_later = new Date(now);
              three_weeks_later.setTime(three_weeks_later.getTime() + 3*7*24*60*60*1000); // 3週間後
              alert(one_hour_later);
              alert(two_days_later);
              alert(three_weeks_later);
          }
      );
    </script>
  </head>
  <body>
  </body>
</html>

まとめ
最近pythonを使い始めて肩入れしている気はしますが，pythonが一番綺麗です。timedeltaオブジェクトがあるのが素晴しいですね。どの言語でも、変換の中心になる形式があるので、その形式を押さえる事が重要そうですね。各言語とも特に不自由はありませんが、as3とjavascriptは日時計算が若干やりにくいので、やはりクライアントサイドは基本的にビューアとして考えるのがいいのかなと思いました。飛躍しましたか。そうですか。あとphpは一々惜しい印象。幾つかシンタックスシュガーを用意したら結構使い易くなるんじゃないかと思います。

おまけのMySQL

1
2
3
4
5
6
7
8
9
10
11
12

mysql> SELECT NOW();
+---------------------+
| 2009-08-06 12:08:55 |
+---------------------+
mysql> SELECT UNIX_TIMESTAMP(NOW());
+-----------------------+
|            1249528147 |
+-----------------------+
mysql> SELECT FROM_UNIXTIME(UNIX_TIMESTAMP(NOW()));
+--------------------------------------+
| 2009-08-06 12:09:31                  |
+--------------------------------------+

覚えにくいんですが、UNIX_TIMESTAMPとFROM_UNIXTIMEを使えると結構便利だと思います。

]]> http://taichino.com/programming/794/feed 1 pythonとperlとphpとas3とjavascriptでJSON http://taichino.com/programming/778 http://taichino.com/programming/778#comments Sun, 09 Aug 2009 01:50:39 +0000 taichino http://taichino.com/?p=778 扱う言語が多くなってきて、特定の処理を思い出せずにイライラする事が頻発しています。そこで自分が使う各言語でスニペット付きでまとめる事にしました。第一弾はJSONの扱いです。連想配列をJSONにencodeして、再度decodeという基本的な流れを書きました。

python
2.6系だとJSONが標準で組み込まれてるらしいんですが、手元は2.5系なのでsimplejsonを使っています。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

#!/usr/bin/python
# -*- coding: utf-8 -*-
import sys, codecs
sys.stdout = codecs.getwriter('utf_8')(sys.stdout)
 
import simplejson
 
data = { 'items':[
  {'name':'iPhone',  'price':50000},
  {'name':'macbook', 'price':100000},
  {'name':"マクド",  'price':100},
]}
text = simplejson.dumps(data)  # encode
copy = simplejson.loads(text)  # decode
 
print "data = " + str(data)
print "text = " + text
print "copy = " + str(copy)
for item in copy['items']:
  print item["name"]

perl
perlはJSON.pm。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

#!/usr/bin/perl
 
use strict;
use warnings;
use Data::Dump qw(dump);
 
use JSON;
 
my $data = {'items' => [
  {'name' => 'iPhone',  'price' => 50000},
  {'name' => 'macbook', 'price' => 100000},
  {'name' => 'マクド',  'price' => 100},               
]};
my $text = encode_json($data);
my $copy = decode_json($text);
 
print "data = " . dump($data), "\n";
print "text = " . $text, "\n";
print "copy = " . dump($copy), "\n";
for my $item (@{ $copy->{"items"} }) {
    print $item->{"name"}, "\n";
}

php
phpは5.2系以降で標準でphp-jsonライブラリが組み込まれているようです。それ以前の場合はpeclで別途インストールします。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

#!/usr/bin/php
< ?php
$data = array('items' => array(
    array('name' => 'iPhone',  'price' => 50000),
    array('name' => 'macbook', 'price' => 100000),
    array('name' => 'マクド',  'price' => 100)
  )
);
$text = json_encode($data);
$copy = json_decode($text, true);
 
var_dump($data);
print $text . "\n";
var_dump($copy);
foreach ($copy["items"] as $item) {
  print $item["name"] . "\n";
}
?>

as3
as3ではas3corelibを使います。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

package {
    import flash.display.Sprite;
    import com.adobe.serialization.json.JSON;
 
    public class JsonTest extends Sprite {
        function JsonTest() {
            var data:Object = {
                items: [
                    { name:"iPhone",  price:50000  },
                    { name:"macbook", price:100000 },
                    { name:"マクド",  price:100    }
                ]
            };
            var text:String = JSON.encode(data);
            var copy:Object = JSON.decode(text);
 
            log(data);
            log(text);
            log(copy);
            for each (var item:Object in copy["items"]) {
                log(item["name"]);
            }
        }
    }
}

javascript
javascriptは色々方法があるようですが、僕はjson2.jsを使っています。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<html>
  <head>
    <script type="text/javascript" src="json2.js"></script>
    <script type="text/javascript">
      var data = { 'items':[
        {'name':'iPhone',  'price':50000},
        {'name':'macbook', 'price':100000},
        {'name':'マクド',  'price':100},
      ]};
      var text = JSON.stringify(data);  // encode
      var copy = JSON.parse(text);      // decode
 
      alert(data);
      alert(text);
      alert(copy);
      for (var i in copy["items"]) {
        alert(copy["items"][i]["name"]);
      }
    </script>
</head>
</html>

どの言語もほぼ同じように処理できていて、JSONは連想配列が使える言語と相性が本当にいいですね。中でもjavascriptがやっぱり一番簡単に扱えてる気がします。perlはリファレンスの扱いが面倒で、phpはarrayにシンタックスシュガーを用意したらもっと良い言語になると思いました。

あと、json.orgの情報量が凄いので要ブックマーク！

]]> http://taichino.com/programming/778/feed 0