独学で 1 ヶ月間 OpenGL を学んで得た基礎知識のまとめ ~ 2D 編 ~ · けんごのお屋敷
OpenGL。その単語の響きだけで素晴らしく魅力的に思える 3D コンピューターグラフィックスライブラリは、これまで何人もの駆け出しゲームプログラマーに幾度と無く挫折を味わわせてきた。「ゲーム作るならやっぱり高速に描画できる OpenGL でしょ。でも自分が作るゲームに 3D はいらないし、しかも難しそうだし、別に 2D 描画だけできればいいや」 と、軽い気持ちで手を出したのが運の尽き、世の中そんなに甘くはなかった。OpenGL というその難攻不落城は私達の進む道を阻むように高々とそびえ立っている。 OpenGL がコレほどまでに取っ付きにくいのは 気軽に Hello World できない からなんじゃないかと思う。OpenGL の場合だとそれは何かしら 1 つの図形を表示することにあたるのかな。でもたったそれだけなのに、覚えることが山ほどありすぎて全然本題にたどり着くことができないし、O
「FILTERS」で学ぶ GLSL - その後のその後
「GLSL を書いてオレオレフィルターをつくれる」というコンセプトのカメラアプリがリリースされました。 Filters | 面白法人カヤック シェーダを書いて動的に適用する、というアイデア自体は昔からあるものですが、 GLSL Studio : iOS端末上でGLSLが書けるシェーダ開発環境 | Shader.jp 簡単！OpenGL ES 2.0フラグメントシェーダー フラグメントシェーダをアプリ内エディタで書いて適用できるサンプル付き wonderfl や jsdo.it をつくったカヤック製アプリなので、 フォークできる リアルタイムプレビューしてくれるエディタでコード（GLSL）を書ける シェアできる という非常に魅力的な点があります。あと前述の従来品はサンプルだったりするので、もちろんカメラアプリとしてのクオリティも全然違います。 既に魅力的なフィルタがいろいろとアップされていま
生WebGL入門:初音ミクの美麗3Dモデルを表示する(前編)
Special Thanks to @hagat and @teehah for reviewing my articles! 近年、WebGLに流行の兆しが出てきました。WebGLとは、ブラウザに何らプラグインをインストールすることなく、JavaScriptよりGPUを使用した3Dの表示を可能とする技術です。プラグインのインストールが必要ないとはいえ今までは対応ブラウザが少なくあまり実用的ではありませんでしたが、先日のiOS8で正式に対応されたことでモバイルブラウザにおいて対応率が跳ね上がり、スマートフォンにおいてブラウザベースで3Dのゲーム等を作れる可能性が急激に高まりました。 今回WebGL Advent Calendarの一環として、生WebGLで3Dのオブジェクトを表示するところまで挑戦してみます。WebGLにはthree.jsを始めとして有用なライブラリがたくさんあり、大抵の場
WebGL Fundamentals
WebGL from the ground up. No magic. These are a set of articles that teach WebGL from basic principles. They are NOT old rehashed out of date OpenGL articles like many others on the net. They are entirely new, discarding the old out of date ideas and bringing you to a full understanding of what WebGL really is and how it really works. If you are interested in WebGL2 please see webgl2fundamentals.o
ユニティちゃんのゲームをUnityを使わずにOpenGLで作る[1]：モデル表示してアニメーションまで - ラーメンは味噌汁
2014-06-21 ユニティちゃんのゲームをUnityを使わずにOpenGLで作る[1]：モデル表示してアニメーションまで OpenGL ES 3.0 iOS 7 ユニティちゃん ユニティちゃんでiOS用のゲームを作ってみます。 普通にUnity使ってもプログラマー的には面白く無いのでOpenGL ES 3.0を使ってガリガリ書いていきます。とりあえず今回はモデルを表示してアニメーションさせるまで。 ライセンス このアセットは、『ユニティちゃんライセンス』で提供されています。このアセットをご利用される場合は、『キャラクター利用のガイドライン』も併せてご確認ください。 プロジェクト https://github.com/ramemiso/ios_unitychan_es3公式さんにユニティちゃんライセンスに同意する形でなら公開しても問題ないと返答頂いたので、ライセンス表記とライセンスフ
![ユニティちゃんのゲームをUnityを使わずにOpenGLで作る[1]：モデル表示してアニメーションまで - ラーメンは味噌汁](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6754f1307a907b77f694f6f57b1c6b874910cf1/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fr%2Framemiso%2F20140621%2F20140621124226.png)
sonson.jp
Nov 28, 2017 iOS 11 ProgrammingでCore MLについて書きました． Sep 27, 2017 High Sierraのインストール問題 Sep 20, 2017 HTMLSpecialCharactersの内部実装の速度について Sep 18, 2017 iOSDC2017 Jun 30, 2017 iOS11 Programming - CoreML Mar 28, 2017 try swift 2017 感想 Nov 17, 2016 質問の大切さ，おもしろさ Apr 25, 2016 Let's Encryptを疑え！信用はお金で買え！ Apr 14, 2016 imgurで画像アップロードできないので怒った Jan 26, 2016 ガチエンジニアがお勧めする科学絵本シリーズ〜よーするに医学絵本シリーズ Jan 26, 2016 ガチエンジニアがお勧
OpenGL Programming - Wikibooks, open books for an open world
The latest reviewed version was checked on 27 March 2022. There is 1 pending change awaiting review. OpenGL logo Welcome to the OpenGL Programming book. OpenGL is an API used for drawing 3D graphics. OpenGL is not a programming language; an OpenGL application is typically written in C or C++. What OpenGL does allow you to do is draw attractive, realistic 3D graphics with minimal effort. The API is
OpenGL/3.x - bambooflow Note
GLSLの勉強メモ。 GLSL1.3以上の書き方を覚えます。 Deprecatedの記述が混ざったりするのはできるだけ避けるように。
3Dプログラミング基礎知識(1) - Tech-Sketch
3Dプログラミングの基礎知識(1) はじめに 主にiPhone/AndroidからOpenGL ESを使って3D表現を行う場合に必要となる基礎知識についてまとめていきたいと思います。 基礎の基礎から説明して行くため、言語や3Dライブラリ(DirectX/OpenGL)に依存しない情報が多くなります。OpenGLに限らず「C++ + DirectX」などの環境で開発を行う人もどうぞ。 内容 5回ぐらいに分けて以下のような内容を書いていきたいと思います。 モデルを構成する頂点情報、面情報 画面に描画されるまでの流れ、平行移動・回転・拡縮行列（ワールド変換） カメラ、Zバッファ 法線、ライティング 頂点シェーダ、ピクセルシェーダ（フラグメントシェーダ） 座標系 3D表現を行う為には3次元の座標系をどのように定義するか決める必要があります。 2Dの場合はX軸、Y軸で座標系を表しますが、3Dの場
頭と尻尾はくれてやる！ BlenderのモデルをOpenGL ES使ってiOSで表示する
Blenderで作った立体をiOSで動かすのにはどうるすのかな、って思っていくつかチュートリアルをやってみたりしたのよ。その流れというか概要をざっくりとメモしておくわ。将来の自分用かな。 How To Export Blender Models to OpenGL ES: Part 1/3 | Ray Wenderlich ↑三部作の一つ目のチュートリアル。Blenderで作った立方体にテクスチャー画像を割り当てた場合の解説。 Blenderで出力したobjファイルをそのままXcodeで読み込んで、、、なんてことはしないみたい。 一度blender2openglesってコードでobjファイルを処理してiOSで使えるファイル（〜.hと〜.c）を作成してる。それをXcodeのプロジェクトで使ってる。 アプリではGLKit（GLKBaseEffect）を使って自作のシェーダーは使わず。 How
learning | openFrameworks
The documentation is written by users like you that enjoy OF. Did you find some incorrect information? If you are not sure, ask in the forum first. If you want to correct the documentation, in most cases there's a button at the beginning of the page that will bring you to the editor in github. You can also fork the repository, create a separate branch and open a pull request. Do you want to contri
Game Programming Wiki - GPWiki
Welcome Welcome to The Game Programming Wiki! Here you will find game programming tutorials and source code for a variety of languages and platforms. Also, because this is a wiki, you are encouraged to contribute your knowledge and help the repository grow! If you're lost or confused, please try the help page, or else drop on by the forums and ask for clarification there. Introduction What is game
GLSL Gaussian Blur もどき part2
こんにちは。muchoです。 前回のGLSL Gaussian Blur もどき part1に引き続き、GLSLでBlurをかけてみました。 前回、ガウス分布を求める公式がおかしいなーと思いしらべてみたところ やっぱりおかしかったんですが、ガウス分布はやっぱり正弦波のようなので 結果的には一緒だろうということで、前回と変わらず。 変えたところは、ブラーのサイズによって、計算回数が増えていくんですが、 見た目と速度の具合で、調整しました。 ブラーサイズ50pxで60fps ブラーサイズ100pxで60fps ブラーサイズ300pxだと40fpsを切ってしまった。 前回とロジックは一緒で 一度横にブラーをかけ、その後、縦のブラーをかけています。 フレームバッファオブジェクトを使ったらかなり高速になりました。 以下抜粋ソースです。なにかの参考になれば。 //-------------------
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OpenGL ES入門まとめ | プロバナ
http://oshiro.bpe.es.osaka-u.ac.jp/people/staff/imura/OpenGL/
http://r3dux.org/2011/05/simple-opengl-keyboard-and-mouse-fps-controls/
Lazy Foo' Productions - OpenGL Tutorials
GLSL tessellation Shaders under Mac OSX
IBM Developer
Blender Tutorial for Beginners: How To Make A Mushroom