canvasでキラキラした背景を作る方法 - KAYAC Engineers' Blog

tech.kayac.com、ささやかにリニューアルしました！ tech.kayac.comをご覧の皆さん、はじめまして。意匠部ME課のfuchigamiといいます。 どうして技術部ブログに意匠部の野郎が？って感じですが、 技術部ブログのリニューアル記念ということで、ちゃっかりcanvasについて記事を書こうと思います。 最初なので、、、 簡単にぼくの属性を説明すると、html5とか好き、CSS3とか好き、canvasとか興味ある、非モテ、javascriptはjQueryがなんとなくわかる程度、非リア充。こんな感じです。 今回のリニューアルではコーディング全般を担当しました。 特に、プログラミングに関してはド素人だ！ということを強調しておきます。 そんなぼくが、canvasを使ってキラキラした背景を作ってみました 「リニューアルするからには新しいことがやりたいよね。だったらhtml5とc

[deg84]

今更だけど入れておこう

[blue1234jp]

canvasでキラキラした背景を作る方法

[msuhara]

これすごい。変態ですね。

[mico-mico]

こんどやろー(・∀・)

[fumix-hat]

canvasでwebサイトの背景をリアルタイム生成する。

[agw]

min-heightプロパティについて。

[Cherenkov]

カヤック

[ethertank]

canvasで最奥背景。やっぱりサイズはスクリプトになるのか。

[kimura_m_29]

ランダムに描画しているから、リロードするたびに変わる。きれい：canvasでキラキラした背景を作る方法 | tech.kayac.com - KAYAC engineers' blog

[asagi29]

ランダムに描画しているから、リロードするたびに変わる。きれい：canvasでキラキラした背景を作る方法 | tech.kayac.com - KAYAC engineers' blog

[blanc2005]

おぉ〜これは良い

[yamadar]

改めて、素晴らしいです。

[dododod]

リロードしちゃう

[kurobuchi]

うわー、背景ペタっと画像貼りつけてるんじゃないのか。凄い。

[kkeisuke]

html5

[Ehren]

かっこいい

[ku_marin]

html5のスターとなるか、canvas／ディフェンスに定評のあるIEが今回も空気を読まないです

[nitoyon]

canvas で背景画像生成。毎回ランダム。

[yasyas]

リロードするたびに違う背景がでてキレイだね。

[hoehoe3]

IEだと表示しないｗ

[sw_lucchini]

かっこいいけど動きがぬるぬるしてるよね

[sabotem]

おぉ。全体のデザインも良い感じ！→読んだ：canvasでキラキラした背景を作る方法 | tech.kayac.com - KAYAC engineers' blog

[silverfoxtail]

HTMLとCSSで9割くらいできると思ったけど、やっぱりJSは勉強しないといかんようだ...まいったねこりゃ。

[hisasann]

globalCompositeOperation = "lighter"

[otoyasumi]

ページ最右下とか404ページに遊び心があって楽しい。

[edo_m18]

canvas使って色々遊んでみたいなー。

[teramako]

globalCompositeOperation="lighter" か良いね http://d.hatena.ne.jp/teramako/20090823/p2 に取り込みたい

[site159]

キャンバスをごりごり

[thzak]

これは良いチュートリアル

[lovely]

いろいろオフってるので（謎）背景が表示されないんだけど、それはそれできちんと作られているのがすばらしい / 設定いじるのが面倒なので背景は他のブラウザで見ました