未分類 ブラウザ上で 3D モデルのアニメーションを再生するツールを作ってみました
ブラウザ上で 3D モデルのアニメーションを再生できる簡単なツールを作ってみました。今回は、3D モデルを読み込み、用意されているアニメーションをブラウザ上で確認できるビューワーです。 インストール不要で、URLを開くだけでアニメーション付...
未分類 
アプリ制作 ポーカー大会風のランキングボードを作りました
ポーカー大会の中継で表示されるような、ファイナルテーブル風のランキングボードを作ってみました。プレイヤー名、国旗、チップ数、BB数などを一覧で表示できる、ポーカー中継風のボードです。ランキングボードを見る作ったもの今回作ったのは、ポーカー大...
生活改善 ニトリの収納ケース配置を購入前に試せるシミュレーターを作りました
ニトリの組合せ可能な収納ケースの配置を、購入前にブラウザ上で試せる非公式シミュレーターを作りました。幅・高さを設定し、ケースの配置、はみ出し、重なりを確認できます。
競馬レース（HorseRace） BGM とアナウンスを同時再生してみる（ダッキング）
ゲームや映像を作っていると「それっぽさ」を出したくなります。今回は、レース前の演出として BGM とアナウンスを同時に再生するため、アナウンス中は BGM の音量を自動で下げるという、いわゆるダッキングという技術を試してみました。シンプルで...
試行錯誤 5 分だけやってみる
作業に取りかかるまでの「悩んでいる時間」がもったいないと感じることがあります。やってみると大したことがないのに、やる前だけ妙に重たく感じることがあります。先日もちょっとした作業に対して、なんとなく面倒くささを感じていました。でも実際にやって...
体験拡張 家庭に“筐体感”を作れるか？ 〜 リズムゲーム × LED 連携 実験 〜
ゲームセンターの体験って、 ただ画面を見るだけじゃないですよね。音、振動、光の演出――五感まで包み込む体験があります。それを家庭でも作れるか。光の演出の一つとして、Unity と Razer Chroma（LED） を使って、音楽に合わせて...
数式なしの数学 線形補間を「2 つの場所の間を、どれくらい進んだか」で理解する｜数式なしで 5 問練習
「線形補間」という言葉を見ると、数式が出てきそうで少し身構えてしまいます。でも、やっていることはとてもシンプルです。線の上を、どれくらい進んだかを表しているだけです。線形補間は「2 つの場所の間を、どれくらい進んだか」まずは図で考える左 右...
数式なしの数学 数式なしでわかる「線形補間」
数式が出てきた瞬間、ページを閉じたくなったことはありませんか。私はあります。今日は数式を使いません。「線形補間」という言葉も、少しむずかしそうに聞こえますよね。でも、やっていることはとてもシンプルです。線形補間とは、「線の途中の場所」のこと...
競馬レース（HorseRace） 色と期待度の関係
レース中における所有馬の速度などにおいて、色で期待度を示します。パチンコやパチスロ、ゲームを盛り上げるための先読みが組み込まれているもので使用されている一般的な色を使用します。白（通常）→ 青 → 緑 → 赤 → 虹より多くの色を使った表現...
競馬レース（HorseRace） バーチャルカメラ
日本ダービーやジャパンカップ、有馬記念などの大レースでは、あらかじめ用意した映像効果と実際のライブ映像を重ねる「バーチャル映像」が使用されます。以下は最後の直線で残り距離の表示（残線）をバーチャルで被せている様子です。どちらも東京競馬場開催...