APRICOT DESIGN BLOG アプリコットデザインの
スタッフブログ
【canvasアニメーション】canvasで広がるアニメーションの表現
UPDATE : 2019.10.31
CATEGORY : Sasayama Sayaka

さやさんです。
今日はハロウィンですね。
去年の今頃に旅行をした際に街中がハロウィン祭り中で
たくさんの仮装の人達に驚いた記憶があります。
我が家では仮装するほどではないのですが
家の中をハロウィンのオーナメントで飾り付けたり、
夕ご飯がちょっとしたハロウィンメニューになったりして
ハロウィンをささやかに楽しんでいます!
さて、本題です。
今回はハロウィンの話をしておいて微妙にハロウィンとは関係ない
(けど、時期的に無理やりハロウィンとこじつけた)
アニメーションの紹介です。
おや、怪しい暗闇(?)の中から何かの姿が……
(アニメーションが見れない場合は『Return』を押してください)
See the Pen
vYYJbxd by sasayama (@sasayama)
on CodePen.

こう、徐々に暗闇から何かが現れる表現、ハロウィンっぽいですよね(無理やり)
上記はcanvas要素とJavaScriptを使ったアニメーションです。
canvas要素はjsと組み合わせると様々なアニメーションの表現ができる要素らしく、
アニメーション好きの私にとって今一番勉強したい要素なのでした。
営業マンゼロだから低コスト・高パフォーマンス!東京・長野(長野市、松本市)・金沢(石川県金沢市)でホームページ制作・WEB制作・ネットショップ制作を中心に、ブランディングに繋がるロゴ制作・チラシ・名刺・パンフレット・DM・ショップカード等の各種印刷物、看板・のぼりなどの販促物を制作しているデザイン事務所アプリコットデザイン。
[長野オフィス-本社-]
〒381-2246
長野県長野市丹波島1-805
[東京ブランチ]
〒100-0004
東京都千代田区大手町 2-6-1 朝日生命大手町ビル2F
[松本ブランチ]
〒390-0851
長野県松本市大字島内4619-3 QuintetDoor 1階南室
[金沢ベース]
〒920-0831
石川県金沢市東山1丁目10-1 103
記事が気に入ったら「いいね」してね。(SNSとは連動してません)
DAILY RANKING
- 奥が深いよ ダミーテキストの世界...
2168 VIEW
- 【長野のおいしいお店紹介06】 気軽にアフタヌーンティーが楽しめる「C...
2167 VIEW
- Google検索機能「完全一致検索 ””(ダブルクォーテーション)」...
276 VIEW
- 面白い特設サイト紹介5選...
274 VIEW
- CSSのネタ帳~雨~
260 VIEW
- 2月、移転します。
247 VIEW
- 【2021年/アップデート後対応】All in One SEOの設定方...
236 VIEW
- AIに負けない我が社の画像検索...
234 VIEW
- とっても痛い、手強い親知らず。...
230 VIEW
- とにかく楽しいホームページ紹介5選...
229 VIEW
- 【色のお勉強】人はなぜ色が見えるのか...
227 VIEW
- 飯山市美容室オープン
227 VIEW
- 長野県のコワーキングスペース、ちょっとだけ調べてみました。...
226 VIEW
- 大根おろし革命
225 VIEW
- わたしに必要なもの
225 VIEW
NEW POST
お問合せ先
クリックで
事務所一覧が
開きます
CLOSE×
tel.0120-622835営業時間/9:00〜18:00
定休日/土日祝日
長野本社
026-217-2184東 京
03-6670-5177松 本
0263-87-7486金 沢
076-252-7566
営業時間/9:00〜18:00
定休日/土日祝日
WORKS制作実績
UPDATE : 2020.10.05
CATEGORY : ホームページ制作・WEB制作
株式会社M.S.P
UPDATE : 2020.08.13
CATEGORY : ホームページ制作・WEB制作
オルガン針株式会社
UPDATE : 2020.08.13
CATEGORY : ホームページ制作・WEB制作
株式会社ミヤテック
UPDATE : 2020.05.16
CATEGORY : ホームページ制作・WEB制作
株式会社サンプロ
UPDATE : 2020.05.16
CATEGORY : ホームページ制作・WEB制作
横山歯科クリニック
UPDATE : 2020.05.01
CATEGORY : ホームページ制作・WEB制作
トゥモローウェディング
STAFF BLOGスタッフブログ
2021.02.25
リモートお誕生日!
こんにちは!あんちゃんです! だいぶ久しぶりの投稿になってしまいました... 私事ですが先日、30歳のお誕生日を迎えました! アプリコットでお誕生日を迎えるのは、今年で3
VOICE : YAMAZAKI ANRI
CATEGORY :
2021.02.24
わたしに必要なもの
はっけよーい!ジョーン! 相撲には自信がある、腕っぷし自慢アプリコットのイケイケデザイナージョンです!(長い!) 何ヶ月か前の話ですが、ニーズについて思ったこと
VOICE : TERASHIMA MISAKI
CATEGORY :
2021.02.22
【2021年/アップデート後対応】All in One SEOの設定方法
さやさんです。 今回は最近アップデートがあり、管理画面が大幅に変更となったWordpressのプラグイン『All in One SEO』の設定方法をご紹介します。
VOICE : SASAYAMA SAYAKA
CATEGORY : ホームページのこと
JOURNALジャーナル
2020.07.27
検索結果に出るアレについて@SEO対策
お客様に頻繁に聞かれることがあるのですが 検索結果に出るアレについてご説明しておきます。 アレとは例えば「アプリコットデザイン」と検索すると 検索結果に表示されるこれ↓
VOICE : Nakamura Hiroki
CATEGORY : WEB制作・ホームページ制作
2020.07.13
SNS・インスタに依存してはいけない
「インスタ映え」というワードが流行り出して、 かれこれどのくらいになるのでしょうか。 まだまだインスタは有効的なアピール手段に変わりありません。 しかし、先日インスタ
VOICE : Nakamura Hiroki
CATEGORY : 集客・プロモーション
2020.05.18
自社の商品やサービスを注目させるためには
1日の中で私たちは様々な広告やキャッチコピーを目にしています。 朝起きてテレビをつけた瞬間。 新聞を開いた瞬間。 スマホを開いた瞬間。 仕事をしている最中。
VOICE : Nakamura Hiroki
CATEGORY : 集客・プロモーション