はてなブックマーク

エンジニアの丸山（@maruware）です。 7月末に開催されたWRCフィンランド戦でToyota Gazoo RacingさんとEchoCamというコンテンツをやっていました。 そのときに、AfterEffectsによる動的動画生成をしていたのですが、あんまり日本語の記事がなさそうなので多少参考になるかなということで 今回はそちらを紹介したいと思います。 EchoCamとは ↑の紹介動画の通り、 ユーザー（観戦者）が撮影した写真の時刻とドライブレコーダーの時刻を同期して、動画を生成、ユーザーに届ける というものです。 図で書くとこんな感じ。 その中の動画生成にAfterEffectsを使っています。紹介動画の40秒あたりからが生成される動画です。 AfterEffectsを使った動的動画生成 ①aerenderでAfterEffects自動化 AfterEffectsにはCLIから実行で

Androidのセットアップ、実は自動化できます。 VRエンジニアの桟(@katapad )です。 以前、GearVRを使った案件で、数十台の端末セットアップを自動化しました。Googleアカウントなどのパスワードをちまちま入力するの、めんどくさいですよね。iPhoneのようにバックアップからリストアできたらよかったのですが、うまくいかずにガリッとやっちゃいました。 ↑自動でGoogleアカウントを設定している様子 詳しい実装を書くとめちゃくちゃに長くなるので、ここでは要点だけを書きますね。 Android SDKのadb shell機能を使うと、わりとやりたい放題できる shellが用意されており、PC側からそれなりに操作できます。 キーボードイベントを発生させる タップ・スワイプイベントを発生させる ロングタップもOK 各種設定画面を開く 画面のキャプチャを撮る これを「設定画面を開い

こんにちは、エンジニアの岩渕（@buccchi）です。 去年12月のふたご座流星群ピークの夜に放送された「流星放送局」では流星を感知できるシステム“Meteor Broadcaster”からの通知を受けて生放送画面にみんなの願い事をリアルタイムに合成して降らせるということをやってました。今回はこの演出部分について説明します。 構成 番組中はドラマとライブ（アーティストライブ、トーク）がありました。それぞれに対応するため2種類の構成を用意しました。 ドラマ時の機材構成 ドラマは5分程度のものが5話ありました。 事前に画角とカットが切り替わるタイミングがわかっているので、各カットに応じたパースや大きさで流星を降らせることができる様に、1話ごとに決めカットを3つと、汎用的に使えるヒキ・ヨリ・ミドルのカットを3つ、それと非表示用のカットを1つの計7カットを用意してこれをドラマのタイムコードに合わせ

はじめまして。 バックエンドエンジニアの会津（@ido）です。 2016年に携わった案件「流星放送局」ではサイトを訪問している大量ユーザーにプッシュ通知を行う必要がありました。 Websocketサーバ実装といえばSocket.IOなどがありますが、昨今の流行りに乗って自前で開発はせずサーバレスでフルマネージメントなAWS IoTのMQTT over WebSocketを利用して実装しました。 疎通まではコンソールからAWS IoTの設定するだけの簡単なお仕事なのですが、大量のWebsocket接続へのプッシュ通知がどの程度遅延するかを計測するというなかなか骨の折れそうな性能テストをしなければなりません。 ただ流石にこんなニッチな性能テストができるサービスは存在していなかったので、Locustを利用してテストを行いました。 なぜLocustなのか 普段Pythonばかり書いているのでテスト

こんにちわ。エンジニアのビジュアル担当、渡邊(@_nabe)です。 今回はバスキュールとは全く関係ないんですが、趣味で北千住デザインという名義でthreejsを使ってブラウザVJをやっていまして、今回はそのVJネタのひとつを説明します。 やったこと ARみたく、実写と動的なCGを組み合わせてVJをしたいと考えた（こういう合成をマッチムーブというらしい）。 ただARは現状では精度が低かったり、リアルタイムが前提の表現なので、映像作品とみたときイマイチな場合がある。そこで、実写映像をあらかじめ撮影して別のソフトで3Dトラッキングし、それにWebGLで描画された音に反応するアニメーションをオーバーレイさせるという方法をとってみた。静的な映像と動的な映像のハイブリットといった感じ。 こんな感じで、背景はふつうのリニアな映像、手前の動いている物体は、音に合わせてリアルタイムに変形している。 どなたか

2024-05-09 宇宙に浮かぶひまわりの目からいろんな地球を見る こんにちは！ エンジニアの勝田（https://twitter.com/nichol76_yk）です！ 前回、武田がこんな記事↓を書いてました。 blog.bascule.co.jp 私たちが4月22日に配信した『KIBO宇宙放送局 #アースデイライブ 2024 〜丸い地球をほぼ生中継。〜 - YouTube』という… 2024-04-27 22Kの地球タイムラプス映像をグリグリする TouchDesigner Python MIDI どうも！バスキュールの武田(@neko_300YEN)です。 弊社が、4/22 アースデイにやってる番組『KIBO宇宙放送局 #アースデイライブ』 ここで使われたシステムについてメモを残しておきます。 #アースデイライブ2024 www.youtube.com ⇧番組アーカイブはこちら プ

こんにちは、丸山です。 12月に開催されていたCOFFEE MOMENT ENSEMBLE（以下、CME）や願いの森というインスタレーションイベントでバックエンドを担当しました。 CME動画 願いの森動画 この記事では『インスタレーションを支えるバックエンドの話』というテーマでCMEを具体例としてお話します。 構成 全体の構成は以下のようになっています。 スマホアプリ→Nestle内のAppサーバー→CME Appサーバー→店舗内機器 という流れで"コーヒーを淹れた"というイベントが伝播されます。 CME Appサーバー以降がバスキュールの担当範囲になります。 Appサーバー Appサーバーは主にWeb APIとWebSocketを実装しています。 “コーヒーを淹れた"というアクションに対してイベント発火とメインビジョン用の統計処理を行っています。 統計は都道府県別ランキング、時間帯別の小