アスペクト比

備忘録です。今回は画像をリサイズする際にアスペクト比を保持して実行する方法と併せて不足した部分をグレイ背景で補完する方法についてまとめます。

みなさん、こんばんわ！ Ｋｏｅｄｏです。 今日も当ブログにお越しいただきありがとうございます。 今日は晴天とまではいきませんが、青空が見えた一日でした。最近は曇天とか雨の日が多かったので気持ちの良い一日でした。残念ながら、また今晩から雨のようですが・・・ 先日から導入したＯＰＰＯのＲｅｎｏ５Ａですが、これがなかなか良くて結構気に入って使っております。 ＯＰＰＯ Ｒｅｎｏ５Ａ導入！ ↓ coedowalk.hatenablog.com coedowalk.hatenablog.com 今日はスマホで鉄道写真を撮るにあたり、設定を変えて撮影をしてみました。今回はアスペクト比の変更とズームを使った撮…

こんにちは！ こちらのブログをご覧いただきありがとうございます!(^^)! ここ最近、YouTube、クラシル、インスタと動画撮影を始めました。 撮影して行くと、いくつかの壁にぶち当たりました。 まず1つ目は、YouTube、クラシル、インスタというプラットフォームごとに画像の縦横比（アスペクト比）が異なるということ。 このことについてまったく無知でした！ 普段、写真や動画はスマホで縦型で撮ることに慣れています。 しかし、YouTubeに関しては画像の縦横比（アスペクト比）が横型で16:9ということを知らず編集を進めてしまったので、動画の周りに黒い部分が出来てしまい見ずらくなってしまっていまし…

スマホで写真を撮る時、標準のサイズ（4：3）で撮っていると思いますが、その他にサイズを選ぶことが出来ます。 スマホのカメラの性能が飛躍的に良くなっています。 ちょっと前でしたらデジカメが全盛でしたが、今やスマホが気楽に高画質で撮れるようになってきました。 このスマホで良い写真が気楽に取れるようになりましたが、写真アプリには様々な機能が装着されています。 その1つに写真の大きさを選べる機能があります。 通常は4対3と言うサイズが標準になってます。 スマホやデジカメの縦横比（アスペクト比）は4：3です。 カメラの縦横比は「2：3」、「4：3」、「16：9」、「1：1」の4種類があります。 それぞれ…

実務のフロント側で画像のリサイズをおこなう必要があったため忘備録として書くことにしました。 おおまかな実装の流れ リサイズ関数の実装 Fileオブジェクトを引数としたリサイズ関数の定義 FileReaderオブジェクトを作成 ファイルの読み込み完了時に呼び出される関数の実装 Canvas を用いて画像をリサイズ 呼び出し元の実装 実装 まずはresizeImageという関数を定義します 以降asyncは動作には必要ないですが、非同期関数だということを明示するキーワードとして記述しています。 ファイルの読み込みや画像リサイズを非同期でおこなうのでPromiseオブジェクトを作成しています。 リサ…

CSL2からはParadox Wikiにアセットクリエイター向けの情報が掲載されます。 Paradox Wiki Asset Creation Guide この記事シリーズはそれを読んで自分なりに解釈したところや疑問点などをだらだらと記載していきます。Wikiは随時更新されているのでこの記事の情報が古くなっている可能性があります。適時ソースを確認してください。 基本 CSL2では物理ベースレンダリング（PBR）になりました。このことからCSL1からコンバートする場合テクスチャ類はそのまま使うことはまず不可能だと思ったほうがいいでしょう。 テクスチャセットとファイル群は次のようになります。 テク…

OBS Studioに関する情報メモを書いてる記事。 ※「OBS Studioに関する個人的メモ」を移転しました。(現在は閲覧不可) 記事投稿日 2021年10月6日、最終投稿更新日 2023年12月05日 16時00分頃 かなり文字数が多いのでブラウザの検索機能をお使いください。 将来的に記事を分けて投稿したいと思っています。(現在作業中) 記事が見にくくて申し訳ありません。 ブラウザ検索ショートカット Windows : Ctrl + F macOS : Command + F この記事は下記環境を使用しています。 Linuxは使っていないのでメモしてません。 特定のデバイスがないと表示さ…

風景写真等の写真はPC画面で見る限りは1000万画素もあれば十分だと思っている。 野鳥撮影においては、遠くの小鳥などを撮るケースも多く、大きくトリミングする必要が出てくる。 トリミング前提で考えると、画素数は多い方が良い。 大きなカメラは持てないので、カメラ＋レンズで1kgぐらいにしたい。焦点距離は35mm判換算で600mmは必要。できれば800mm欲しい。焦点距離が短めでも、画素数が多ければトリミングでカバーできる。 現時点で販売されているAPS-C、フォーサーズカメラの各メーカー高画素機種は以下。 富士フイルムが、4020万画素で画素数が多い。キヤノンも3250万画素で続く。パナソニックが…

③Animate.cssによるスライドアニメーションとホバー効果2 この記事では、はてなブログ無料版のトップページを自分らしいスタイルにアップグレードするための具体的なカスタマイズ方法を紹介します。Intersection Observer（交差検知）とAnimate.cssライブラリを使って、オススメ記事やページへのリンク画像にスクロールに応じたスライドアニメーションを付与します。 HTML、CSS、JavaScriptのコーディングについては丁寧な解説を心掛けました。本記事が、ブログやサイトをより魅力的にするカスタマイズのヒントとなれば幸いです。 https://pixabay.com/u…

flutter_screenutilについて pub.dev スクリーンサイズが異なる端末でも、Widgetのサイズの比率を一定に保って表示してくれるパッケージです。 例えば下図のような2つのスクリーンサイズが異なる端末があるとします。 iPhone14上で、横を211(スクリーン横の1/3)、縦を130(スクリーン縦の1/4)となるようにContainerウィジェットを定義します。 //省略 ScreenUtilInit( designSize: const Size(390, 844), .... //省略 Container( width: 130.w, height: 211.h, c…

目次に戻る 前回のつづき 前回は、テトリミノの落下動作とブロックとの衝突判定について確認した。今回は、フィールドの作成とカメラ設定について確認する。 カメラ画角の設定（OrthoWidth） Unity では、高さ（OrthographicSize）を指定することで画角サイズを決定したが、Unreal Engine では、幅（OrthoWidth）を指定することで画角サイズを決定する。そこで、Unity の時とは計算方法を変更して、縦方向の高さを決定してから、それにアスペクト比を掛けることで横方向の幅を決定する。 画角とフィールド 上図から、 Aspect比 = 16:9 = 1.7777 O…

この記事でグラフをグラデーションにするやり方を調べましたが、その時はfill_between関数を使って細切れに塗りつぶす方法でした。ただこのやり方だとx方向にしか色分けできず、もうちょっと自由に設定できるものはないかと調べたところimshowを使うパターンもあるようです。 chemstat.hatenablog.com こまごまとした事はいったん置いておくとして、大雑把には以下のような流れで、背景をグラデーションにして、Pathの範囲内を切り出す、ということをやっています。 この辺は色々いじる方法がありそうなのでまたまとめようかと思います。 import numpy as np import…

2023年11月「Google広告」や「Googleマーケティングプラットフォーム」に関連する11の資格を取得しました。 取得した資格一覧や難易度・勉強方法についてまとめました。(広告やマーケティングの仕事は経験が無いので、ほぼ知識ゼロからの挑戦です。) 取得したGoogle認定資格一覧 資格取得の動機 試験概要(試験時間、出題形式など) 試験対策(研修コース受講) まとめ 取得したGoogle認定資格一覧 2023年11月に取得したGoogle認定資格は下記の通り。 Google 広告「検索広告」プロフェッショナル認定資格 Google 広告「ディスプレイ広告」プロフェッショナル認定資格 G…

pya1234さんのモザイクシェーダーをChatGPTを使って、URP対応のシェーダーに修正しました。「経緯とかどうでもいい」という方は、目次でダウンロードをクリックしてください。 ことの経緯 ダウンロード 使い方 ことの経緯 私は今まで、冒頭でリンクさせていただいたpya1234さんのモザイクシェーダーを重宝させていただいてたのですが、URP対応のプロジェクトで利用しようとしたところ、エラーが出て使えなくなってしまいました。これは困った…。旧来のシェーダーで使えたGrabPassが、URPでは使えないことが原因なようです。「URPに切り替えたことだし、前々から気になってたシェーダーグラフでモ…

BTOPCメーカー大手のサードウェーブ社がドスパラ公式サイトなどで販売しているクリエイター向けPCブランド「raytrek」シリーズの中から、2023年6月19日に新発売されたクリエイティブノートPC「raytrek R6-RL」の貸出機をお借りして実機レビューを行いました。PCの外観/内観写真を始め、スペックやベンチマークテストそしてカスタマイズにも触れています。クリエイター向けの最新PCをお探しの方は必見です。 2023年11月29日現在、レビュー時より7,000円安くなっているほか、メモリ32GBモデルがお買い得になっています 2023/06/19 公開2023/11/29 更新3回目 …

このブログをはじめてから、まだそんなに日が経っておりませんが、ブログアイコンはちゃんと設定しておいた方が、ブログの見栄えは良くなるはずですよね。 今日は、ブログアイコンとして設定するブログのロゴマークを、AIの技術を借りて、作ってみようと思います。 このブログのブログ名はWithailandです。できればこの文字列の全てをロゴにしたいところですが、イラスト生成用のAIによる文字列の生成についてインターネットで調べてみたところ、とても向いてないしうまくいかないということが読み取れました。私自身も実際に【Withailand】という文字列をPixAI.ArtやDreamでロゴにできないか試してみま…