Profile picture

新しい技術や古い技術も気になる優柔不断マン!トキメキ大事に!
旧サイトはこちら!

BlazorとPixiJSを融合させてみるぞ

April 02, 2024

この記事は1分ぐらいで読めるっぽいよ。

前置き

Blazorでグラフィカルなアプリケーションを作るとき皆さんはどうしますか?
...といいますかぶっちゃけあまりニーズが少ないのか、はたまたこれから出てくるのか🤔

ちょいと仕事でBlazorでグラフィカルなアプリケーションを作らなければならず、
とりあえず、BECanvasというHTML5のCanvasをC#にラッピングしてくれるライブラリを使っていました。
しかし、お察しの通りヤツはGPUをあまり賢く使ってくれません。
(結果激重になってしまった...orz)
と、言うわけでGPUを上手に使うことで見事SDGsを果たそうという企画です(大げさ

レポ&デモ

ゆきまくら製デモのレポです

デモの概要を軽く説明すると、Click meを押すとキャンバス上に■が現れます。
その■をクリックまたはタップすると、色が変わり、キャンバス外のlask clickobjの項目に選択されたオブジェクトの情報が表示される感じです。
Pixi-Viewportも導入してあるので、思うがままにヌルヌル拡大縮小できます!

問題点

  • PixiJSの導入バージョン及び、Pixi-Viewportの導入バージョンが古め
    • なんか、Pixi-Viewportが最新だと言うこと聞いてくれなかった...(´・ω・`)
      • さらに最新のPixiJSだとWebGPU対応周りで結構変わってるっぽい?
    • 裏を返せば、Pixi-Viewport使わない方は最新を導入してください

詳解

気が向いたら書きます&レポの方も気が向いたらコメント追記します(おい

昨日はエイプリルフールだからなんかネタぶっこもうかと思って、
音のソノリティ✕アル中カラカラ(もう古い?)の動画でも作ろうかなと思ってたが、
Tictokでやってる人見つけてしかもそんなにバズってなかったので萎えました(おい

にしても、PixiJSとかWebGLすごいね...
こんなお手軽にプラットフォーム気にぜずGPU上手に使えるとは...
標準化及びそれに準拠してる方々には頭が上がりませんな^^;
では(^^)ノシ


このポエムを轟かせたいと思ったらシェアやで

© 2024 yukimakura All rights reserved, Built with Gatsby