プログラミング RenderDocを使ってブラウザ上のWebGLをデバッグする (2024年版)
ブラウザで動作するWebGLを使ったアプリケーションもよく見かけるようになりました。ライブラリやフレームワークも充実して手軽に作ることができるというのも魅力だと思います。その中で、描画処理のデバッグについて困ることがあるのでは？と思いました...
プログラミング
プログラミング 
プログラミング 絵文字あり世代のUnicode事情🧑💻
Unicodeは、文字やその符号化方式を定義する規格です。具体的には、文字集合と文字符号化方式の二つに分けられます。文字集合は、文字とそれに対応するコードポイントの対応表です。一方、文字符号化方式はUTF-8、UTF-16、UTF-32など...
ハードウェア Raspberry Pi 5とNeoPixel (WS2812B)
本記事は前回記事の続報となります。 Raspberry Pi 5ではGPIOへのアクセスがRP1チップ経由になったことで、 NeoPixel が使えないという話題があるようです。以下の Issue で現時点(2024/07時点)では議論して...
ハードウェア WS2812BのLEDパネル
WS2812Bはチップ内蔵フルカラーLEDです。このLEDを使ったNeoPixelという商品シリーズでAdafruit さんが様々なタイプで販売しています。電子工作で使うにも使いやすくて定番のフルカラーLEDかなと思います。手元で試してみた...
インフラストラクチャ WindowsからラズパイへRemote-SSH
私は、Windows の VSCode を使って、ラズパイ (Raspberry Pi) へ接続し、操作をするということをよくやります。ただ初期の環境設定を手抜きすると、接続のたびにパスワードの要求が発生して手間が掛かります。頻繁にこの環境...
プログラミング RaspberryPiで新しいMesa3Dを使う
先日 Raspberry Pi にも VK_KHR_dynamic_rendering が使えるようになるというニュースがありました。みたところ、Mesa 24.1 に含まれる V3DV ドライバで対応とのことです。しかし、早く試してみたい...
プログラミング RenderDoc GPUカウンター
RenderDoc で GPU カウンター(ハードウェアカウンタ－) の値を見ることができます。NVIDIA GPUを使用する場合では、準備が必要なので、その手順を説明します。準備NVIDIA GPUを使う場合、GPUカウンタ－へのアクセス...
プログラミング リモートで RenderDoc を使う
RenderDoc はグラフィックスのデバッグ支援ツールです。オープンソースとして開発されており、多くのグラフィックスAPIに対応しています。OpenGL や DirectX11、DirectX12 や Vulkan などを対象として使える...
プログラミング Vulkan: シェーダーメイン関数を指定する
Vulkan を使用しており、シェーダーソースコードを作成しているとき、メイン関数(エントリーポイント)をちょっと変えたいことがあると思います。例えば、共通コードが多めで、メイン関数からの呼び出し部が少しだけ変化するような場合です。前提や背...
プログラミング VK_EXT_full_screen_exclusiveを使う
はじめにVulkanにはVK_EXT_full_screen_exclusive拡張機能というものがあり、これを使うとコンポジタを迂回しての描画が可能となります。この拡張機能が提案されたのが 2019年くらいだったので、今更ではありますが、...
プログラミング DirectXのリソース解放忘れを調査するには
はじめにDirectXのデバッグ機能には、生成したリソースの解放漏れをチェックするというものが含まれています。有効にするとデバッグ実行後に、Visual Studio の出力ウィンドウによくわからないテキストが出てくるのを見たことがある人も...
ハードウェア 新：スマートプラグミニとPico Wで作るワットチェッカー
前回作成したワットチェッカーですが、色々と使い勝手が悪くて作り直すことにしました。こちらについて紹介したいと思います。特徴前回は他の方のプロジェクトを利用させてもらったのですが、たまにリクエストを処理することが出来なかったり、グラフの表示の...
ハードウェア スマートプラグミニとPico Wで作るワットチェッカー
SwitchBot スマートプラグミニと Raspberry Pi Pico W を組み合わせて、お手軽なワットチェッカーを作成しました。両者合わせて、約3000円のコストです。デバイスRaspberry Pi Pico WRaspberr...
プログラミング Android Studio + Emulator で Vulkan アプリを動作させる
以前、 Android Studio と付属する Android Emulator の組み合わせで、 OpenGL ES 2.0 (3.0) のプログラムが動いたという記事を作成しました (記事: Android Studio + Emul...
プログラミング video.js と vue.js (3.x) と TypeScript によるサンプル
Video.js を使おうと思って、 Vue.js (3.2) + TypeScript の環境でうまく使えるものがないかなと探していました。結果は見つけられずだったので、自分で基本となる部分を書いてみました。サンプルコード今回作成したコー...