Rustのグラフィクス周りメモ/wgpuとその使い方
はじめに Rustでグラフィクスプログラムをクロスプラットフォームに書く環境が、wgpuというクレート中心に揃っていて大変素晴らしいので、それについてメモします。 記事の後半では実際にwgpuを使って三角形の描画までを試してみます。 バージョン Rust: 1.62.0 wgpu: 0.13.1 グラフィクスAPI この記事ではグラフィクスプログラミングを、グラフィクスAPIを利用したプログラミングを指すものとします。 まずはグラフィクスAPIについて最初に説明をします。 グラフィクスAPI グラフィクスのAPIとは、具体例をあげるとOpenGLやDirctX的なやつです。 現代においてリアルタイムグラフィクスを利用するプログラムを書く場合、CPUだけで実行される普通のプログラムとは違い、GPUを使うプログラムを書くことになります。 GPUを使うプログラムを書くとはどういうことかというと、
Stroll on a VULKAN-o - 火山に散歩
Introduction - はじめに R&D部に所属しつつ、社内のPlaygroundエンジンを開発しているピコアです。 今回のテーマは最新描画APIのVulkanです。 Vulkanはグラフィックス処理APIトレンドの最先端にあるもので、ゲーム開発者が従来よりもGPUのパワーをきめ細かく制御できます。 そのかわりに開発者がさまざまな責任を負うことにもなります。 Vulkanの使い方や細かなAPIの説明などはネット上のあちこちで見つけられるので、今回はあまり触れません。 この記事の目的は、ゲームエンジンの開発者が実際にVulkanを利用した感想、学習中に得られた経験・苦労、そしてVulkanの良いところについての知見の共有です。 History of 3D Graphic APIs - 描画APIの歴史 まず、グラフィックスAPIの歴史と変遷をおさらいします。 内容は設計思想の流れと時代
OpenGLやDirectXなGUIにimguiが最強すぎる - Qiita
imguiとは imguiは、OpenGLやDirectXなどの描画環境の中で動くGUIフレームワークです（vulkanも？）。 "Immediate Mode GUI"と呼ばれるパラダイムにより、大変短く直感的なコードでGUIを構築できます。 どういうGUIコンポーネントが使えるかは、リポジトリのスクショを見ていただいたほうが良いかと思います。 デバッグや調整、テスト用のGUIを構築することが目的のフレームワークです。 環境 今回この記事ではwindows10, vs2015, Cinder（0.9.0）上でサンプルを作成しました。 Cinder用には専用のimgui拡張があるため、そちらを使用します。 https://libcinder.org/ https://github.com/simongeilfus/Cinder-ImGui 根本的な考え方や、imguiのAPIは同じですが、
グラフィックスプログラミングに泣かされる : OpenGLが抱える問題について | POSTD
リアルタイムのグラフィックAPIのメインストリームであるOpenGLとDirect3Dは、プログラマが異なるハードウェアと相互にやりとりする方法としては恐らく最も広く利用されているものでしょう。しかし、これらの行うCPU-GPUインテグレーションの品質は到底受け入れがたいものです。良いパフォーマンスを実現するためには、CPU側のコードとGPU側のシェーダプログラムを緊密に調整する必要がありますが、今のAPIではCPUとGPUは独立して実行するものとして扱われています。そのため、文字列型のインターフェイスや大量のボイラープレート、貧しいGPU固有のプログラミング言語が存在することになってしまうのです。 この投稿では、必ずしも愉快とは思えないOpenGLアプリの些細な現実をいくつかお見せします。 プログラムリスト や 全ソースコード を参照しながらお読みください。 シェーダは文字列 3Dでオブ
☆PROJECT ASURA☆ [Vulkan] 『はじめのVulkanプログラミング』
OpenGLの後継であるVulkanがついに正式公開されました。 色々とやる前にまずは，開発環境の設定と初期化等を説明するためにクリアカラーを表示するだけの単純なサンプルを作ってみました。開発環境はWindowsを前提として，話を進めていきます。 OpenGLなどのAPIを策定するKhronos Groupは2015年のGDC(Game Developers Conference)で新しいグラフィックスAPI「Vulkan」(ヴァルカンと読む)を発表しました。 実は私GDCで実際に発表される場にいまして，当日は超満員で部屋に入れない人などももいました。講演開始の1時間前ぐらいに席取りのため着席したのですが，すで1時間以上前だというのに，人がちらほらいてあっという間に席は無くなってしまいました。 その時の講演の動画がYouTubeにアップロードされています。 さて，Vulkanの何
![☆PROJECT ASURA☆ [Vulkan] 『はじめのVulkanプログラミング』](https://cdn-ak-scissors.b.st-hatena.com/image/square/d64bf38601ae37dc9797ea09b126df6e98e1bc9a/height=288;version=1;width=512/http%3A%2F%2Fwww.project-asura.com%2Fprogram%2Fvulkan%2Fimages%2F001_Simple%2FSimple_002.png)
【Android】OpenGL ES高速化テクニック集OpenGL ESからJBulletまで3DAndroid入門＠プロバナ
はじめに 2014/03/05：３項目追加しました。 OpenGL ESは、OpenGLから機能を削減してかなり軽くなった描画APIです。 当然、AndroidはPCのCPUやメモリには現時点では歯がたちませんので、クロノスグループの人たちがいろいろがんばってくれたわけですが、それでも動作がモッサリしててギビしいよ！という方のために、今回は個人的に凄まじい効果を生んだ高速化テクニックを紹介していきます。 この中には、3Dだけではなく、普段のプログラミングにも活かせるワザがちょこちょこ入っています。 「OpenGL ES 高速化」みたいなキーワードでググってみると、基本中の基本であるVBOやバッファのランクを下げる（ShortBuffer→ByteBuffer）等が多く見られ、それ以上の効果的な最適化処理を紹介しているサイトがありませんので、記事を書くことにしました。 3D系の入門書やサイト
Anders Riggelsen - Visual glBlendFunc and glBlendEquation Tool
Graphics from www.interfacelift.com: Splash by Richard Mohler Bisti Badlands by Ben DiAnna Lazy Days II by boss019 Flamingos by Jestrella Treetops - Michaux State Forest by Se7en The Road To Bonneville by Chris F Clouds Over Water by DerekProspero Starry Night by ManiDProductions Mt Rainier from Kerry Park by Jeffery Hayes Moon Rise by Phil2001 Death Star by unknown (google search) Thanks to: Alex
OpenGLプログラミングメモ
ここは、OpenGLについて学習し、その過程を記録するページです。 プログラミングメモとしてご利用下さい。 glutCreateWindowの位置を直す編集をした際に「<」以降が消えるという@wikiの仕様に気づかず、 正常に動作しないプログラムを長期に渡り掲載しておりました。 現在、修復作業中です。 直接、コードを記載すると今後、似たような仕様変更で同じ不具合に遭遇するかもしれないので プログラムコードはテキストデータとしてダウンロードする形に今後変更するかもしれません。
独学で 1 ヶ月間 OpenGL を学んで得た基礎知識のまとめ ~ 2D 編 ~ · けんごのお屋敷
OpenGL。その単語の響きだけで素晴らしく魅力的に思える 3D コンピューターグラフィックスライブラリは、これまで何人もの駆け出しゲームプログラマーに幾度と無く挫折を味わわせてきた。「ゲーム作るならやっぱり高速に描画できる OpenGL でしょ。でも自分が作るゲームに 3D はいらないし、しかも難しそうだし、別に 2D 描画だけできればいいや」 と、軽い気持ちで手を出したのが運の尽き、世の中そんなに甘くはなかった。OpenGL というその難攻不落城は私達の進む道を阻むように高々とそびえ立っている。 OpenGL がコレほどまでに取っ付きにくいのは 気軽に Hello World できない からなんじゃないかと思う。OpenGL の場合だとそれは何かしら 1 つの図形を表示することにあたるのかな。でもたったそれだけなのに、覚えることが山ほどありすぎて全然本題にたどり着くことができないし、O
複数スレッドでGLの処理が可能なGLSurfaceView作りました - eaglesakuraの技術ブログ
複数スレッドでGLの処理が可能なGLSurfaceView作りました Githubで配布しています https://github.com/eaglesakura/multicontextglsurfaceview 何が出来るのか GLSurfaceViewを継承したクラスです。動作には互換性があり、GLSurfaceViewをMultiContextGLSurfaceViewに切り替えるだけで使えます。 GLSurfaceViewとの違いは、標準で複数スレッドでのOpenGL ESコマンドの利用を可能にしている点です。GLSurfaceViewでテクスチャ等のリソースを非同期で読み込もうと思っても、最終的には GLSurfaceView#queueEvent にキューイングして、描画スレッドを止める必要があります。 GLSurfaceViewは後述のMaster & Slaveの仕組みを利
OpenGLを使った地図描画エンジンの作り方（1）
初めに 従来のYahoo！地図アプリは、社内ではラスタ形式地図アプリと呼んでおり、サーバ上で生成された地図タイル画像（ラスタデータ）を端末側で貼り合わせることで、地図を表示していました。 しかし、画像でやり取りを行うために、次のようなデメリットもありました。それは、通信の帯域を多く占有したり、地図の回転をする場合に地名などの文字も回転してしまい、読みづらくなったりする点です。 そこで、今回フルリニューアルしたAndroid版Yahoo！地図アプリでは、サーバからベクトルデータを受信して、端末側で地図を描画するベクトル形式地図アプリに移行しました。 ベクトル形式地図アプリに移行したAndroid版Yahoo！地図アプリは、従来版と比べ、以下のような点がメリットとして挙げられます。 通信の軽量化 回転拡大縮小のスムーズ化 3Dなど新しい地図表現の追加 ベクトル形式地図アプリ ラスタ形式のデータ
TegraデバイスでOpenGL ESプロファイリング - WonderPlanet DEVELOPER BLOG
今回エンジニアブログを担当する小瀬です。 ３D開発などを行っていると、GPU側の挙動が見えずデバッグに苦労する事があるかと思います。 XCodeにはGPUプロファイラが付いている事をご存知の方も多いかと思いますが、NVIDIA製のTegra2以降のGPU限定でAndroid上でもGPUプロファイリングができるPerfHUD ESをご紹介したいと思います。 ■導入方法 □ アカウント登録 まずツールキットをダウンロードするためには、NVIDIAの開発者サイトへ登録する必要があります。 以下のデベロッパーサイトの右上にある「Login」から「Create User Account」でアカウントを作成します。 https://developer.nvidia.com/ □ デベロッパープログラムへの登録 その後、アカウント画面から各種デベロッパープログラムに登録する事ができるようになります。Pe
「モバイルARアプリ開発“超”入門」関連の最新 ニュース・レビュー・解説 記事 まとめ - ITmedia Keywords
モバイルARアプリ開発“超”入門（6）： ARに使えるOpenCVで作る画像認識Androidアプリ （2012/3/1） モバイルARアプリ開発“超”入門（5）： iPhoneで動くARアプリを作るためのライブラリ10選 （2012/1/25） モバイルARアプリ開発“超”入門（4）： 3DモデルがアニメーションするARをOpenGL ESで作るには （2011/12/21） モバイルARアプリ開発“超”入門（3）： NyARToolKit for Androidよりも簡単なAndARとは （2011/11/16） モバイルARアプリ開発“超”入門（2）： NyARToolKitでマーカー型ARのAndroidアプリを作る （2011/10/24） モバイルARアプリ開発“超”入門（1）： いまさら聞けないAR（拡張現実）の基礎知識 プログラミング未経験でも手軽にAndroidアプリが作
Herlock - JavaScript クロスプラットフォームゲームエンジン
動画を見る 動画を見る HerlockはJavaScriptを使用してワンソースでAndroid、iOSのネイティブアプリを開発することができる国内初のネイティブアプリ向けクロスプラットフォーム開発環境です。 手軽にパフォーマンスの高いネイティブアプリ・ゲームの開発が可能です。 Herlockクローズドベータ版（無料）は2013年8月初旬リリース予定です。 メールアドレスをご登録いただいた方はリリース情報をメールにてお送り致します。 弊社はお客様の個人情報をお預かりすることになりますが、そのお預かりした個人情報の取扱について、下記のように定め、保護に努めております。 【利用目的】 1）当サービスに関するお知らせ、ご案内のため 2）アンケート調査、モニター募集のため 3）サービス実施のため 【第三者への提供】 弊社は法律で定められている場合を除いて、お客様の個人情報を当該本人の同意を得ず
［CEDEC 2013］性能はまちまちで挙動も大違い。Androidスマートフォン向けグラフィックスエンジン開発に立ちはだかった難関
［CEDEC 2013］性能はまちまちで挙動も大違い。Androidスマートフォン向けグラフィックスエンジン開発に立ちはだかった難関 ライター：米田 聡 いまや有力なゲームプラットフォームに成長したスマートフォン。ゲームデベロッパ各社は，スマートフォン上で動作するゲーム開発に取り組んでおり，CEDEC 2013でもそれをテーマにしたエンジニアリングセッションがいくつか組まれている。 左から，トライエース研究開発部の永野和博氏，大嶋貴史氏，デイビス・エリオット氏 最先端のスマートフォンは，家庭用ゲーム機に迫るグラフィックス性能を持っているが，その性能を引き出したゲーム開発には，いろいろと難しいところがあるようだ。「CEDEC 2013」の2日めとなる22日に開かれた「モバイルGPUでのハイエンドレンダリングエンジン開発事例」というセッションでは，スマートフォン向けグラフィックスエンジン開発の
凹みTips
はじめに 前回の記事で、Timeline で長い uLipSync クリップを表示した際のパフォーマンス問題を解決するために、Timeline でのテクスチャを非表示にする Preference の追加を紹介しました。 tips.hecomi.com ただこれだと現在どのデータを表示しているか分かりづらい、というお声をいただき別のオプションを追加してみました。 リリース github.com 紹介 テクスチャの横幅 Max Width Of Waveform Texture を調整すると生成するテクスチャの横幅を調整できます。重いときは横幅を小さい値にすることで低解像となりますが軽量にテクスチャを生成できるようになります。 2048 / 128 / 32 テクスチャの滑らかさ 普段はグラデーションで滑らかな画像を生成しているのですが、解像度を下げたときなどはちょっとボヤッとしすぎてしまいま
Main Page - tueda
Android Androidプログラミング-HelloWorld Androidプログラミング-OpenGL Androidプログラミング-NDK-HelloWorld Androidプログラミング-NDK-OpenGL Androidプログラミング-NDK-共有ライブラリ(libpng)を作る Androidプログラミング-NDK-共有ライブラリ(libpng)を使う Androidプログラミング-NDK-例外とSTL Androidプログラミング-NDK-覚え書き Google NaCl NaClプログラミング-環境構築 OpenGL OpenGLあれこれ OpenGLのバージョンの違い OpenGLプログラミング-頂点バッファーオブジェクト OpenGLプログラミング-ライティング OpenGLプログラミング-画面全体を覆う１枚の板ポリゴンの表示 OpenGLプログラミング-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HW オーバーレイを無効にしないと表示がおかしくなる (Android) – ユニティ・テクノロジーズ・ジャパン株式会社
OpenGL カテゴリーの記事一覧 - おもちゃラボ
ギークアカデミー：先端を走る技を、ギークに学ぶ
