タグ

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

  • 2010-04-20 - Kazzzの日記

    iPhoneAndroid端末は静電容量タイプのタッチスクリーンを装備しており、メインの入力デバイスとしているのが特徴だ。 これらのタッチスクリーンは旧来の感圧タイプとは違い、非常に繊細な操作を可能にしておりスクリーンをそっと触りながら任意の方向に撫で滑らす操作、いわゆる「フィンガータッチモード」に対応しており、様々な用途に利用される。(マウスなどの補助的なデバイスを使用する旧来からのPCと最も違う部分だ) モバイルプラットホームOSのユーザインタフェースではこのタッチモードをアフォードするために様々なエフェクト、アニメーションを駆使しているが、その中でも特徴的なのがタッチしてから特定の方向に指を動かした時に見られる、画面が滑らかにスライドしていく(場合によっては加速度まで表現する)アニメーションだろう。 そんなユーザインタフェースとアニメーションは非常に高度なプログラミングが要求されそ

    2010-04-20 - Kazzzの日記
    intemous9
    intemous9 2012/04/24
    写真集「てき」なのを作るのに参考になりました
  • jQueryでスクロールすると表示する系いろいろ

    jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration

    jQueryでスクロールすると表示する系いろいろ
  • HTML5でiOS Webアプリを作ってみました -えほんのじかん(iPad版)-

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは、EveryWhere開発部の久下孝順、高橋淳史と申します。 先日リリースされました、iPad用Webアプリ「えほんのじかん」(iPad版)の紹介をさせていただきます。 このサービスの内容はごく単純で、たくさん並んだサムネイルから気に入ったものを選択すると、アニメーションと朗読によって構成された絵風の動画が流れる、というものです。 もともとこの「えほんのじかん」の元祖は、「テレビ版」でした。 インターネット対応テレビ向けに提供しているテレビYahoo! JAPANやYahoo! JAPAN for AQUOSなどからみることができます。 iPad版より作品収録数は多く、30作品以上を掲載しています。 テレビ

    HTML5でiOS Webアプリを作ってみました -えほんのじかん(iPad版)-
  • HTML5ってすごいわ! この8bitアニメーションを見てちょうだい!(動画あり)

    HTML5ってすごいわ! この8bitアニメーションを見てちょうだい!(動画あり)2010.08.03 15:00 どん! どん! どどどん! HTML5って当に魔法のようなのですね。この下のアニメーション動画は、HTML5を使って作られているのです。水の反射なんて、そりゃもうキレイなもんですよ。動画にあるのは1部だけですが、ネタ元で全シリーズ36シーン公開しています。ネタ元必見です! 大きい画で見ると8bitらしさがよくわかります。 こちらの作品はMark Ferrariさんがイラストを、Joseph Huckabyさんがコーディングを担当。コーディングは8bitカラーシンクをHTML5で使ったそうです。 すごいなぁ、HTML5。この夏のキーワードは5だな! [Effectgames] Jesus Diaz(原文/そうこ)

    HTML5ってすごいわ! この8bitアニメーションを見てちょうだい!(動画あり)
  • 1