Learning Modern 3D Graphics Programming
List of Figures 1. Position Vectors2. Direction Vectors3. Vector Addition4. Vector Addition Head-to-Tail5. Vector Negation6. Vector Subtraction7. Vector Scaling8. An Image9. Normalized Device Coordinate Space10. Scan Converted Triangle11. Shared Edge Scan Conversion1.1. Data Flow to Vertex Shader1.2. Data Flow to Rasterizer2.1. Fragment Position2.2. Vertex Array Memory Map2.3. Multiple Vertex Attr
Learn OpenGL, extensive tutorial resource for learning Modern OpenGL
If you're running AdBlock, please consider whitelisting this site if you'd like to support LearnOpenGL (it helps a lot); and no worries, I won't be mad if you don't :) Introduction Getting started Lighting Model Loading Advanced OpenGL Advanced Lighting Normal Mapping Parallax Mapping HDR Bloom Deferred Shading SSAO PBR In Practice Particles Postprocessing Powerups Audio Render text Final thoughts
OpenGL で インスタンシング描画
OpenGL 4.x でのインスタンシング描画を試してみました。インスタンシング描画とはCPU(C++)からの描画呼び出しは１回で、同じモデルを複数回描画することを指します。このときモデル形状のデータは使い回して、別々の場所に描画するということをやってみます。これはインスタンシングの中でもハードウェアインスタンシングと呼ばれていて、古くはDirectX 9.0c Shader Model 3 のころに導入されたものなので知っている人も多いかと思います。 一方で OpenGL でハードウェアインスタンシングが使えるようになったのはそこから結構遅れました。こっそりと対応APIが入っていたこともありましたが、OpenGL 3.3付近でようやく標準的なものとなったようです。 インスタンシング用API 複数回の描画を行うためには、モデル形状のような回数には不変なデータと、位置指定のようなインスタンス
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
OpenGL な UI を作るライブラリ一覧 - Qiita
自分が確認出来ているものをリストアップします AntTweakBar 古くからある GUI ライブラリ http://anttweakbar.sourceforge.net/doc/ 特徴 Windows/OSX/Linux 対応のクロスプラットフォーム仕様 インターフェースは C だが内部的には C++ で実装 Compatible/Core プロファイルに両対応 DirectX9-11 にも対応 ライセンスは zlib 長所 ドキュメント（オンライン）及びサンプルが比較的揃っている ひと通りの UI が揃っており、回転や方向を設定するための UI もある エフェクトやパラメータエディタであれば間違い無くこれひとつで組み立てられる GLUT/SDL1.2/SDL2/SFML/GLFW2 用のイベント処理をするためのラッパーがある 軽量 短所 Makefile 型なので細かいビルドが難しい
SIGGRAPH University - "An Introduction to OpenGL Programming"
This complimentary course, originally presented at the SIGGRAPH 2013 conference, provides an accelerated introduction to programming OpenGL, emphasizing the most modern methods for using the library. In recent years, OpenGL has undergone numerous updates, which have fundamentally changed how programmers interact with the application programming interface (API) and the skills required for being an
Shaderific for OpenGL
OpenGL ES Shading Language (GLSL) Data types and constants Scalar types Vector types Matrix types Custom types Texture types & functions Texture types Texture functions Built-in variables & constants Variables Constants Control flow and qualifiers Control flow Qualifiers Functions Common functions Power functions Trigonometric functions Geometric functions Matrix functions This documentation is ba
ゲームグラフィックス特論 第１回 講義ノート
PVS-Studio, a solution for resource intensive applications development
Home
This site is dedicated to tutorials for OpenGL 3.3 and later ! Full source code is available here. Feel free to contact us for any question, remark, bug report, or other : contact@opengl-tutorial.org, but don’t forget to read the FAQ first ! Contributions are welcome, especially for the translations ! If you enjoy our work, please don’t hesitate to spread the word ! Follow us ! News Jun 7, 2017 We
GLSL Sandbox超活用術 « demoscene.jp
みなさんこんにちは。holeです。メガデモアドベントカレンダー、今回はGLSL Sandbox超活用術です。 GLSL Sandboxとは はい、さっそくアクセスしてみましょう。 こんな画面が表示されたと思います。 これがGLSL Sandboxです。このウェブサービスはWebGLやJavaScriptによる先進的で意欲的なウェブアプリケーションを多数公開している大物プログラマーであるMr.doob氏が中心となって開発されているもので、ウェブ上でGLSL言語によるシェーダ開発・実行を行え、さらにその作品の公開・共有・派生までできるというものです。ちなみにGLSLというのはOpenGLによるシェーダ言語のことです。 現在、Herokuにホスティングされており、ソースコードはGithubより入手可能になっています。 作品を見る さて、GLSL Sandboxは基本的には作品開発・公開の場ですが
もんしょの巣穴blog OpenGL ES 2.0 その02
1日1HaloWars状態のMonshoです。 さすがに慣れてきたのでヒロイックでも余裕です。 そろそろいろいろ縛りプレーでもしようかな。 GLES2.0プログラムその02はシェーダコンパイルです。 なぜいきなりシェーダなのかというと、GLES2.0には固定シェーダがないからです。 単色トライアングルを出すだけでもシェーダを書かなければいけません。 GLES2.0のシェーダは頂点シェーダとフラグメントシェーダに分かれています。 頂点シェーダはそのままの意味で、フラグメントシェーダはピクセルシェーダのことです。 ピクセルシェーダといった方がわかりやすいかもしれませんが、ここではフラグメントシェーダと言うことにしましょう。 今回使用するシェーダプログラムは以下の通りです。 // 頂点シェーダコード attribute highp vec4 myVertex; uniform mediump m
GLSL で光の点をぐるぐるアニメーションさせるやつ書いてみた - 凹みTips
はじめに 最近 OpenGL ES 2.0 触っていてシェーダに興味を持ったのでやってみました。 参考 以下のサイトで勉強させて頂きました。 GLSLで簡単2Dエフェクト « demoscene.jp ここで紹介されている GLSL Sandbox で WebGL ベースでリアルタイムにシェーダの結果を確かめられるので利用させて頂きました。 http://glsl.heroku.com/ 結果 http://glsl.heroku.com/e#7720.0 解説 解説というのもおこがましいですが…、要は gl_FragColor に与える vec4 を現在のピクセル位置 gl_FragCoord や uniform 変数として与えられている resolution や time を利用しながらゴリゴリ作るわけです。 しかしながら、Sandbox の gallery から色々なサンプルコードを
GLSLで簡単2Dエフェクト « demoscene.jp
こんにちは。tomohiroです。 概要 二次元の模様の描画方法と座標変換で模様を楽しく変形する方法を紹介する。 これらの技術は20年以上も昔からdemosceneで使われていたものである。 実装にはGLSL言語を使う。 GLSLでの2Dエフェクト OpenGLでは画面に三角形をレンダリングするときに, 三角形内の各ピクセルに対してフラグメントシェーダを一回づつ実行してピクセルの色を決める。 (その後に画像を加工する処理等を入れる事もあるので、必ずしもフラグメントシェーダの実行結果の色がそのまま画面に表示されるとは限らない。) フラグメントシェーダはGPUで実行され, GLSL言語によって自由にプログラミングする事ができる。 今回紹介する手法は画面全体を覆う四角形を描画したときに実行されるフラグメントシェーダとして実装される。 今回はなんらかの外部データを扱う方法については説明しないので,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
wgld.org | WebGL: ポイントスプライト |
Google Code Archive - Long-term storage for Google Code Project Hosting.
OpenGL 3.3 Reference Pages
Home
chimanaco - creative developer | technical director and consultant
Learning Modern 3D Graphics Programming
OpenGL Step by Step - The OpenGL on Linux Programming Page