公開日時 2015年7月28日 タグ JavaScript, Webデザイン 近年デスクトップ版のWebサイトでは、様々な動きをつけたエフェクトをよく見かけます。以前このブログで 背景に動画を使ったWebサイトの作り方 を紹介しましたが、今回はWebGL、JavaScriptなどで作られたアニメーションをメインに利用しているWebサイトを中心に紹介します。 JavaScriptライブラリー 実例紹介の前に、素敵アニメーションを利用するための便利なライブラリーをいくつか紹介します。 ドキュメント | サンプル集 揺れ動く布や、画面いっぱいに浮かぶ球体など、様々な3D表現を可能にするJavaScriptライブラリー。ホームでは実際に利用しているWebサイトが数多く紹介されています。豊富なサンプル集も必見です。 GreenSock アニメーション用のライブラリー。オブジェクトを動かすのはもちろん、画像と動画を組み合わせたり、3Dトランスフォームを実装したりできます。日本語の情報が少ないのが難点。 画面いっぱいにアニメーションを実装するのではなく、例えばボタンや、吹き出し部分にだけ簡単な動きをつけるなら、Dynamics. jsが使えます。Webサイト上でスライダーをドラッグして、お好みのアニメーションを生成可能。サンプルをクリックするとソースが閲覧できます。 実例いろいろ DreamTeam Katarzyna Konkowska 螺旋状の白いオブジェクトがぬるぬると出てきます。エリア推移時のエフェクトも必見。 The Boat | SBS 雨がざぁざぁ降っています。スクロールすると嵐のように画面が揺れ、時折雷のように一瞬画面が白く光ります。※音注意 株式会社ホムンクルス ゆっくりと動く少し不気味な背景。カーソルを動かすと波立ちます。エリア移動時のぬるぬる動くアニメーションも魅力的。 Peugeot Catch the Dragon イントロ動画を見終わると、赤いドラゴンと三角形が動き出す!※音注意 Paprika 手書きや、タイプ&カーニングの様子、つぶつぶを降らせたり、迷路のような直線でページタイトルを表示。リロードする度に表示方法が変わります。 Teamgeek つぶつぶで描かれたロゴにカーソルをあわせるとはじけちゃう! WWF Tiger Challenge つぶつぶ第二弾。スクロールするとつぶつぶがはじけて別のテキストや、走っているトラ君に変化します。ローディング中のラインアートもかっこいい!
Web幹事が、ホームページ制作の発注の手間を80%削減・質が200%アップできる理由 | Web幹事 Web幹事はホームページ制作を経験した専門のコンサルタントが、要件をヒアリングし・最適な制作会社をご紹介するサービス。Web幹事に依頼すると、Web制作の発注の手間を1/5...
PCでも、スマートフォンでも、画面をス クロール させた時の各パーツ等の 「動き・挙動」 というのは、 ユーザー の興味を引きつける上で非常に重要な要素です。 最近では動画以外の要素にも動きをつけて表示するホーム ページ が増えてきました。 今回は、 ページ 下部へとス クロール させるごとにユニークな動きをする、簡単に設置できるjQueryの プラグイン をご紹介します。デモ ページ と併せ、「どんな動きをするか」という具体的な説明もご覧ください。 注目!スクロール時にユーザを引きつけるjQueryプラグイン8選 1. セクションが重なるようにレイヤー表示「」 配布ページ | デモ 一つひとつのセクションをレイヤーに見立て、 ページ トップから積み重なるように表示するエフェクト効果を実装できます。垂直に配置した各パネルを上部に固定配置しながら、積み重なるようにス クロール することができます。言葉だけではイメージが湧きにくいので、 デモ をご覧ください。 2. 背景も前景の要素もパララックスできる「」 ス クロール するごとに、複数のレイヤーにある要素を異なるスピードで動かし、立体感や奥行を演出する技法をパララックスエフェクト(視差効果)と呼びます。enllax. jsは、背景だけではなく前景要素にもパララックスエフェクトをかけることができる プラグイン です。背景には「background」、前景には「foreground」をjQueryのスクリプト部分で指定するだけで設定は完了です。 3. あっちからもこっちからも飛び出してくる「Skrollr」 Skrollrは、近くに見えるものは早く、遠くに見えるものを遅く移動させることで立体感を出すことができます。しかしそれだけではなく、回転しながら遠くから近くにやってきたり、右からも左からも飛び出すようなアニメーションを表示させることが可能で、ス クロール するごとに画面を暗くすることもできます。 4. 事前に敷いた線路上を動く「jQuery Scroll Path」 一般的なホーム ページ ではス クロール すると上から下に流れていきますが、jQuery Scroll Pathを使うと、まるでプラレールの線路上で電車が走っているかのようにあらゆる方向に動いていきます。一番下までス クロール すると、また最初のレール位置に戻る無限ス クロール も設定できます。 5.
書誌詳細情報 ヒロシマ・ナガサキ一九四五年 定価 1, 650円 (税込) ISBNコード 9784272612406 発行日 2020/07 出版 大月書店 判型/頁数 四六判 144ページ 在庫 あり この本のジャンル 農業書センターおすすめ >> 一般書・よみもの・コミック >> 歴史・地理・経済・社会 解説 女優たちが制作し読み継いだ原爆朗読劇が2019年に幕を下ろした。あの日の広島と長崎の子どもたちを証言する舞台は深い感動をよんだ。上演された子どもたちの詩、母親や教師の手記、峠三吉らの原爆詩を再録して構成する。 目次 原爆の日―吉岡満子 小学三年・坂本はつみ 小学四年・松島愛子 小学三年・金本湯水子 小学4年・三吉昭憲 小学六年・慶箕学 決して忘れない―本多博子 小学五年・香川征雄 小学五年・栗栖英雄 小学二年・横本弘美〔ほか〕 同じジャンルの本をさがす
夏の雲は忘れない 打ち上げ・中村たつスピーチ - YouTube
「夏の雲は忘れない」 ヒロシマ・ナガサキ 1945年 2019年、『夏の会』は幕を閉じましたが、女優たちは個人的に平和朗読活動を続けております。 皆様の支えがあっての12年間でした。心からお礼申し上げます。本当にありがとうございました。 台本・映像などの資料は、広島原爆死没者追悼祈念館に寄贈させていただきました。そちらへお問い合わせください。 国立広島原爆死没者追悼平和祈念館 082−543−6271(代表) 082−207−1203(直通) 夏の雲は忘れない - 株式会社 大月書店 憲法と同い年 2020年夏 「夏の雲は忘れない」が本になって帰ってきました!
ホーム > 和書 > 文芸 > 詩・詩集 > 詩・詩集(日本) 出版社内容情報 女優たちが制作し読み継いだ原爆朗読劇が2019年に幕を下ろした。あの日の広島と長崎の子どもたちを証言する舞台は深い感動をよんだ。上演された子どもたちの詩、母親や教師の手記、峠三吉らの原爆詩を再録して構成する。 内容説明 子どもたちの詩、母親や教師の手記、峠三吉らの原爆詩―女優たちが制作した原爆朗読劇を書籍化。 目次 原爆の日―吉岡満子 小学三年・坂本はつみ 小学四年・松島愛子 小学三年・金本湯水子 小学4年・三吉昭憲 小学六年・慶箕学 決して忘れない―本多博子 小学五年・香川征雄 小学五年・栗栖英雄 小学二年・横本弘美〔ほか〕
広告 ※このエリアは、60日間投稿が無い場合に表示されます。 記事を投稿 すると、表示されなくなります。 「夏の雲は忘れない」 ヒロシマ・ナガサキ 1945年 2019年、『夏の会』は幕を閉じましたが、女優たちは個人的に平和朗読活動を続けております。 皆様の支えがあっての12年間でした。心からお礼申し上げます。本当にありがとうございました。 台本・映像などの資料は、広島原爆死没者追悼祈念館に寄贈させていただきました。そちらへお問い合わせください。 国立広島原爆死没者追悼平和祈念館 082−543−6271(代表) 082−207−1203(直通) 夏の雲は忘れない - 株式会社 大月書店 憲法と同い年 2020年夏 「夏の雲は忘れない」が本になって帰ってきました!
毎日新聞のニュースサイトに掲載の記事・写真・図表など無断転載を禁止します。著作権は毎日新聞社またはその情報提供者に属します。 画像データは(株)フォーカスシステムズの電子透かし「acuagraphy」により著作権情報を確認できるようになっています。 Copyright THE MAINICHI NEWSPAPERS. All rights reserved.
平和への思いを込めて朗読劇を披露する出演者=長崎原爆資料館 被爆者の手記などを基に構成した原爆朗読劇「夏の雲は忘れない」が30日、長崎市平野町の長崎原爆資料館で上演された。長崎平和推進協会の被爆75周年記念事業の一環。昨年末に解散した朗読団体「夏の会」のメン... 続きを読む >