クリスマスだしcanvasで雪を降らせるJS書いてみた｜TechRacho by BPS株式会社
こんにちは、デザイナーのスギヤマです。 今日は、クリスマスイブですね。 個人的にクリスマスは静かに雪が降っていて、綺麗と言ったイメージがあります。 なので気分だけでもそんな雰囲気を味わうべく、色々参考にしながらcanvasの勉強を兼ねて雪を振らせるJSを書いてみました。 以下で簡単説明していきます。 サンプルコード サンプルおよび記事トップ写真 : 東京駅丸の内正面通りからの夜景 色々準備する canvasを使うための準備をしていきます。 今回はブラウザーのウィンドウにフィットする様に表示させる方向で進めます。 canvasの表示領域は、設定しないと可変にならないようなので、 リサイズイベントを検知してcanvasのサイズを変えるよう指定します。 snow.js /*------------------------ canvas要素の取得と設定 ----------------------
初心者でもできる！クリスマスっぽいデザインのポイント｜TechRacho by BPS株式会社
こんにちは、webデザイナーのニシです。12月ですね。子供のプレゼントをフライングして11月中旬に発注したらすでに違うものが欲しいと言い始めてサンタさん大混乱の我が家です。困った。 今回はアドベントカレンダーということで、クリスマスっぽいデザインのポイントを分析してみたいと思います。 ちなみにこの記事はノンデザイナー・初心者デザイナー向けの内容となっております。 これを読み終わった後、きっと「あ〜クリスマスっぽいわ〜」と思えるクリスマスデザインを作れるようになっているはずです。 目次 クリスマスっぽいフォント クリスマスっぽいモチーフ クリスマスっぽい色 ターゲット層に合わせたクリスマスデザイン まとめ クリスマスっぽいフォント クリスマスっぽいフォントとはどんなフォントでしょう。Googleで画像検索をしてみます。 明朝体とセリフ体が目立ちますね。ゴシック体・サンセリフ体も出てきますが、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
