並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 5 件 / 5件

新着順 人気順

canvas アニメーション 保存の検索結果1 - 5 件 / 5件

  • 【2024年】AWS全サービスまとめ | DevelopersIO

    こんにちは。サービス開発室の武田です。このエントリは、2018年から毎年公開しているAWS全サービスまとめの2024年版です。 こんにちは。サービス開発室の武田です。 このエントリは、2018年から毎年公開している AWS全サービスまとめの2024年版 です。昨年までのものは次のリンクからたどってください。 AWSにはたくさんのサービスがありますが、「結局このサービスってなんなの?」という疑問を自分なりに理解するためにまとめました。 今回もマネジメントコンソールを開き、「サービス」の一覧をもとに一覧化しました。そのため、プレビュー版など一覧に載っていないサービスは含まれていません。また2023年にまとめたもののアップデート版ということで、新しくカテゴリに追加されたサービスには[New]、文章を更新したものには[Update]を付けました。ちなみにサービス数は 247個 です。 まとめるにあ

      【2024年】AWS全サービスまとめ | DevelopersIO
    • Making of “Kindolphin” | 麦 Baku

      group_inou / HAPPENING group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装は僕一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 We have just released a Webtoon app that highlights the lyrics of group_inou's music video "HAPPENING". You can switch between Japanese/English, change colors, stop and have a close look, or just scratch and

        Making of “Kindolphin” | 麦 Baku
      • どこでもGoodnotes

        どこでもグッドノート コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 過去 2 年間、Goodnotes のエンジニアリング チームは、成功した iPad のメモ作成アプリを他のプラットフォームに導入するプロジェクトに取り組んできました。このケーススタディでは、2022 年の iPad アプリが、ウェブ テクノロジーを基盤とするウェブ、ChromeOS、Android、Windows に実装され、チームが 10 年以上にわたって取り組んできた同じ Swift コードを再利用した WebAssembly について説明します。 ウェブ、Android、Windows に Goodnotes が登場した理由 2021 年、Goodnotes は iOS と iPad 向けのアプリとしてのみ提供されていました。Goodnotes のエンジニアリング チームは、Go

          どこでもGoodnotes
        • HTMLでモグラたたきゲームをつくりました - Qiita

          燃え上がれ! 時間内にマスコットをひたすら集める、シンプルなゲームです 今年もミニゲームを公開する季節がやってきました。 今回作ったのはモグラたたき風のゲーム。 モグラたたきと言えば、ゲーム作りの入門編とも言えるたいへんミニマムなゲームです。 それはもうミニマムに作って。サッとお出しするつもりでした。 ササッ(半月遅れ) 色々ありました。そんな諸々はnoteにまとめて。 こちらはいつものように知見あつめです。 技術概要 今年のテーマは原点回帰! 回帰もなにも、まだ原点のうしろに2つしかないような気もしますが! ともあれHTMLです。WebGLでなければCanvasですらない。 HTMLでマークアップ。CSSで装飾&アニメーション。JavaScriptは添えるだけ。 実にピュアなWebページ。 なお。毎度のようにライブラリ利用はありません。 今回はランキングもないので本当に何もなし。 ビルド

            HTMLでモグラたたきゲームをつくりました - Qiita
          • PNGアニメーション(APNG) | 動くWebデザインアイディア帳

            See the Pen 9-2 PNGアニメーション(APNG) by 動くWebデザインアイディア帳 (@ugokuweb) on CodePen. 「Result」内の表示を確かめてね! 動きを実現する仕組み 仕組み ⇒ 1枚の動く画像 長所 ⇒ 透過が利用可能。GIFに比べて画質がきれい。オンラインジェネレーターなどの制作ツールで比較的簡単に制作できる。 短所 ⇒ IE,Edgeには非対応。※apng-canvas.jsで疑似的な対応は可能 オンラインサービス「Ezgif.com(https://ezgif.com)」を利用して制作。 パラパラ漫画のようにコマ送りで複数の画像を組み合わせてPNG形式のアニメーション画像をつくる。 作り方 ① 動かすコマを、画像制作ソフトを使ってコマ数分作る。 カンバスサイズは全てのコマで同じサイズにし、画像を少しずつ動かしてコマ数分を制作。 サンプル

              PNGアニメーション(APNG) | 動くWebデザインアイディア帳
            1