Canvasで背景(星屑)テスト Canvasで星を作って動かして遊んでて、背景で動かしたら面白いかなと思って作ってみた。ちょっと(?)ケバいけどね:-P ランダム要素が入っているので毎回少しずつ違った背景になる。うるさくない程度に改良すれば何かのアクセントになりそうな予感。 ただ、作っているオブジェクトの数がけっこうあるので、低スペックマシンだとカクカクするかも。 追記 ちょっとパラメータを変更した。より重たくなったかも
![Canvasでアニメーション背景 - hogehoge @teramako](https://cdn-ak-scissors.b.st-hatena.com/image/square/455ce4865e9fa91ea47b89e8c87e85ab2110e9b5/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Fteramako%2F20090823%2F20090823190929.jpg)
現在のルール ノードは0.0〜1.0のランダムな2つの実数を特徴量(ノードID)として起動する(ノードの色はこれを表している)。また各ノードは最大100件保存できるノードDBを持っている。 起動時には、初期ノード情報としてネットワーク内のランダムな2ノードをノードDBへ追加する。 各ノードは、最大3つの能動的な接続行う。このときノードDBの中から自ノードと特徴量の距離が近く自ノードより特徴空間の中心に近いノードを選択して接続する。 各ノードは接続を最大4つまで受け付ける。 接続を受けたノードは、自分の持っているノードDBの中から接続相手にオススメのノード情報を20個送信する。また接続を維持している間、定期的にオススメノード情報を交換する。 オススメされたノード情報はノードDBに保存する。ノードDBがいっぱいの場合は接続優先度が低いほうから削除する。 各接続はある程度時間がたつと切断する。基
試してみて。 Canvas Ripple クリックでさざ波を作り、マウスのボタンを押してる間は200msおきにさざ波を描き続ける。簡単。 波の干渉 (重ね合わせ) もちゃんと見られるよ。 Firefox 3.0.10、Safari 4 beta、Opera 9.64、Opera 10 alpha で試した。 ただ、Opera 9.64 では drawImage(canvas,..) したときの alpha の取り扱いにバグがあるので、色がおかしくなる。Opera 10 なら大丈夫。(ただ Firefox や Safari に比べるとちょっともっさりしてる) uupaa さんの uupaa-excanvas.js では Silverlight モードのときに限って drawImage(canvas,..) が使えるらしいので、一応それもロードしてある。もし IE でも動いたら報告お願いします
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く