記事の詳細

昨日発売した「一平ちゃんショートケーキ味」を仕入れてテンションが振り切れています!網干です!
見てくださいこの包装!クリスマスにふさわしいデザインがたまりません!
く~!ニクイ!
一平ちゃん夜店の焼そば ショートケーキ味
出典:明星 一平ちゃん夜店の焼そば ショートケーキ味: 明星食品

見た目もこんなに綺麗!!パッと見ケーキと見分けがつきません!!
とんでもなく綺麗で美しい焼きそば

最も衝撃的だったのはソースの香りです!
見た目は普通のソースっぽい色なのですが、香りが全く違いました!
甘い匂い……どこかで嗅いだことのある甘い香り……

これは……パ、パンケーキ!そう!パンケーキの香り!!

甘い!これはデザートだ!三時のおやつだ!
が、しかし!嗅覚の情報は確実にパンケーキなのに!視覚が捉えているのは焼きそば!
嗅覚情報と視覚情報が一致しない!不思議!!

こ、この視覚的感動を伝えるには………そうだ!!
画像にエフェクトをつけて、皆さんに私が見ているビジョンを共有すればいいんだ!!!!!

…ということで、今回は画像にキラキラした星の輝きのようなエフェクトをつける方法を記載します。

今回の記事を読むことで、下図のように画像にエフェクトをつけることができるようになります。

キラキラエフェクトのプログラムをご紹介

今回は下記の記事を参考にさせて頂きました。
CreateJS 星キラキラ
※オリジナルのソースコードは上記のページより引用してください

このソースコードから、やきそばが輝くために必要な部分だけ抜き出してご紹介します!
焼きそばだけに!ソース!!

htmlファイル

cssファイル

jsファイル

上記のプログラムに対して、下記の修正を加えることで好きな画像にキラキラエフェクトを追加することができます。
・htmlファイルのcanvasのサイズを画像のサイズに変更。
・cssファイルのコメント箇所を画像のファイル名(ファイルパス)に変更。
・jsファイルのコメント箇所を画像のサイズに変更。

以上のプログラムで、通常でも眩しいやきそばをもっと輝かせることができます!

ちなみに、一平ちゃんショートケーキ味は意外とおいしかったです!
かやくの「ヨーグルト風味キューブ」がちょっとアレな感じはありましたが…。
ごちそうさまでした!
やきそば完食

ではまた!

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

The following two tabs change content below.
網干 裕介

網干 裕介

コーダーの網干裕介(あぼしゆうすけ)と申します。webサイトは見た目が非常に重要なのですが、サイトを構成するソースコードも見た目が重要だと考えています。内も外も魅力的なコンテンツが作れる人物になれるよう、日々努力しています。

ほかの投稿も読んでみませんか?

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

AD

ページ上部へ戻る