タグ

2013年7月23日のブックマーク (2件)

  • プレゼントをなんでもお肉に リアルな“ステーキ肉包装紙”が遊び心満点

    プレゼントがお肉そっくりになる“ステーキ肉包装用紙セット”がユニークだ。お肉の切断面とまな板の表面をそれぞれリアルに再現した包装用紙のセット。プレゼント箱などを包んで、まな板に載せた生肉のようにして贈ることができる。 はいプレゼントって渡されたらインパクト抜群 さらに紙やトレイ容器でお肉屋さんらしさを演出。もはや中身がなんだろうがお肉を渡された気しかしない ただ今製品化に向けてKickstarterで支援募集中 作ったのは海外のデザイン包装紙会社「Gift Couture」。現在セットの製品化を目指して、クラウドファンドサイト「Kickstarter」にて支援を募集中だ。セットは15ドル(約1500円)の支援プランから無料で送ってもらえる(アメリカ以外への配送は追加10ドル必要)。プランにはトレイ容器やタグシールつきのものもあって、プレゼントをスーパー売り場のお肉っぽくみせることもできる。

    プレゼントをなんでもお肉に リアルな“ステーキ肉包装紙”が遊び心満点
    kick178
    kick178 2013/07/23
    肉好きな人にあげたらすごく喜ぶかすごくがっかりされるかどちらかだな…
  • 「HTML5で冷気を表現したサイトがすごいな」を分解してみた! / SQUEEZE - Web Design Studio -

    HTML5で冷気を表現したサイトがすごいな | IDEA*IDEA」で紹介されていた「メンソール系 氷冷エナジードリンク RAIZIN COOL」のリアルな冷気の表現がHTML5/Canvasで作成されているということで、どんな風に出来ているか気になったので分解してみました。 Canvasに透過pngを描画してループさせる (1)(2)(3)と、それぞれに<canvas>を配置します。そこに透過pngで作成されたリアルな冷気画像を、少しずつ動かして描画します。(1)は右から左へ、(2)は時計まわり、(3)は上から下へ。 スムーズなループアニメーション (1)の右から左へのアニメーションの場合、同じ位置に同じサイズで<canvas>を2つ配置して、それぞれに同じ透過pngを描画します。片方は透過pngの幅サイズ分、右にオフセットして画像の右端と左端が継ぎ目なく繋がるようになっています。 マ

    「HTML5で冷気を表現したサイトがすごいな」を分解してみた! / SQUEEZE - Web Design Studio -