カテゴリー: Javascript/jQuery

1920×1080に60×60のタイルを敷き詰めてひっくり返す

というわけでjqueryで作ってみた。
1920×1080の1枚画像と、60×60のバラバラの画像のロゴ(素材の都合でサンプルでは1枚だけど127枚まではテスト済み)でできてます。

Google Chrome/Safariでご覧ください。
1920×1080
800×600
400×300

300×400くらいのワンポイント程度ならまあまあなのですが、1024×768を超えたあたりからアホみたいに重いです。
修練度ひくいわー…ぐぬぬ。

※筆者はMBA 13インチ(2012) CPUメモリマシマシでbootcampしたWindows7 Google Chromeで見てます。あとでMacでも見てみよう。

近頃はCanvasとか使う…んですよね？

以前ロゴラボザイオンさまのトップページ担当させてもらったときAS3で作ったんですが、目指せこのくらい。

恥ソースはこちら: Github – ayutaya / jquery.rotateMotion

onSubmit=return falseしたあとの謎。

こんな状況で、初期状態から一度でもNGボタンを押すと送信できないっていう。

テスト環境はFirefox3.6でした。

あまり調べる時間が無かったので、他の方法で対応したんだけど、いったいどうやったらいいんでしょうね？

<!DOCTYPE script PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”content-Type” content=”text/html; charset=utf-8″ />
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
$(‘#OK’).click(function(){$(‘form’).submit(function(){return true;});});
$(‘#NG’).click(function(){$(‘form’).submit(function(){return false;});});
});
</script>
</head>
<body>
<form name=”a” method=”post” action=”index.php”>
<input type=”button” value=”NG” id=”NG”/>
<input type=”button” value=”OK” id=”OK”/>
<input type=”submit” value=”submit” name=”submit” />
</form>
</body>
</html>