タグ

アニメーションに関するmonoraremediaのブックマーク (2)

  • Animate 基礎授業

    Adobe Animate CC AdobeのCreative Cloudを契約していると「Animate」というアプリケーションがダウンロードすることができる。「Animate」は少し前までは「Flash」という名称でアニメーションを制作するためのアプリケーションである。Animateで作成したオブジェクトだけでなく、IllustratorのベクタデータやPhotoshopの画像データを配置し、さまざまなアニメーションを制作することができる。 新規ドキュメント [起動画面] スタートアップスクリーンの新規作成から「HTML5 Canvas」を選びます。 ファイルメニューから「新規」を選んでも構いません。コンテンツのピクセル数を設定して開きます。アニメーションを表示させたいサイズを設定します。フレームレートは30fpsにしておきます。 あとからプロパティパネルのプロパティでサイズを変更する

    Animate 基礎授業
  • CSSだけでスライドショーはつくれるよ。

    この記事はCSS Programming Advent Calendar 2012、22日目のための記事です。 CSS Programmingとは、jsを使わないでHTMLCSSを駆使してゲームとかスライドショーとか作る技術です ということで、ここでは、前回の記事で作った、グローバルナビの下の大きめの画像のところ(以下:スライドショー)を、CSSだけで実装してみます。JavaScriptで実装したサンプルはこちら。 以下が目次になります。 まえがき CSS Programmingに使える便利なやつ transitionプロパティ E ~ F(間接セレクタ) :not(s)否定疑似クラス :checked疑似クラス <label>要素 それCSSで出来るよ。 きっかけづくり チョボのところの仕組み ~と:checked <label> transition :first-childと:fi

    CSSだけでスライドショーはつくれるよ。
  • 1