最近はiOSでOpenGLをやるにもGLKitがあるので初期設定などスキップできて非常に便利になりました。反面、OpenGLの基礎を学ぼうにもブラックボックスな部分が多くなってしまいiOS開発を通して汎用的なOpenGLの基礎知識を得るのは難しいかと思いました。そんなOpenGLの基礎をあらためてしっかり理解したかったり、僕のようにOpenGLES1.1が強制される環境で開発している方向けにGLKitを使わずにOpenGLで描画する方法をまとめました。 改めて下記環境での記事です。 iOS Swift OpenGL1.1 GLKitを使用しない 動くコードをGithubに用意してあります。 https://github.com/ykensuke/OpenGLSample 画面に三角形を描画するサンプルです。 本題ですが、GLKitなしでOpenGL1.1をswiftで書くとこんな感じのコー
「GLSL を書いてオレオレフィルターをつくれる」というコンセプトのカメラアプリがリリースされました。 Filters | 面白法人カヤック シェーダを書いて動的に適用する、というアイデア自体は昔からあるものですが、 GLSL Studio : iOS端末上でGLSLが書けるシェーダ開発環境 | Shader.jp 簡単！OpenGL ES 2.0フラグメントシェーダー フラグメントシェーダをアプリ内エディタで書いて適用できるサンプル付き wonderfl や jsdo.it をつくったカヤック製アプリなので、 フォークできる リアルタイムプレビューしてくれるエディタでコード（GLSL）を書ける シェアできる という非常に魅力的な点があります。あと前述の従来品はサンプルだったりするので、もちろんカメラアプリとしてのクオリティも全然違います。 既に魅力的なフィルタがいろいろとアップされていま
授業の概要・位置づけ 3次元コンピュータグラフィックスの理論と実装方法のうち, 特に3Dゲームなどのインタラクティブなアプリケーションを実現する上で必要になるリアルタイムレンダリングの技術の学習を通して, 現在のCGシステムで用いられている各種の技術や考え方を理解し, それを応用したシステムを実装するための知識とノウハウを習得します. 学部科目の「コンピュータグラフィックス」に続く進歩的な内容であり, 教科書的な内容にとどまらず現実のシステムで応用されている技術の具体的な内容の一端に触れることを目指します. 概要説明，レンダリングパイプライン (講義資料, 講義ノート, 宿題) GPU (Graphics Processing Unit) (講義資料, 講義ノート, 宿題) 変換 (1) - 同時座標による座標変換 (講義資料, 講義ノート, 宿題) 変換 (2) - 四元数による回転と補
A little guide about modern OpenGL and why it gives us so much value. Introduction Ok... so you want to learn modern OpenGL. Great! But what does it really mean and what options are available? Do you have to buy expensive books about this technology, or maybe some basic online tutorials are enough? In this article, I will try to answer some of the questions above and create a guide to a wonderful
iOSアプリ開発で高速に写真や動画にエフェクトを加える事が出来るGPUImageの基本的なパターンと応用方法を理解するためのメモ。 GPUImageライブラリはOpenGL ES2.0をベースとしているため、大抵の場合は処理にCPUを使った場合よりも高速な動作が特徴。その上、複雑な概念を理解する必要があるOpenGLについて知る必要はなく、さらにカメラのためのAVFoundationのフレームワークを触る必要もない。 これはもう画像処理やカメラアプリに使わない理由がないんだけど案外日本語の説明がなかったので調べて行った過程とフィルタの作成方法についてを書いてみた。構成は下記の通り。 GPUImageの基本パターン 用意した静止画像へのフィルタ適用で基本パターンを解説。 カメラでのリアルタイムフィルタリング利用のための基本パターン解説 GPUImageの応用 複数フィルタを重ねがけする オリ
なめらかな線を描く
Open In とは他のアプリへファイルを渡すあれ。 DropBoxはどんなファイルでも Open In で受け取れるようになっている。そこでDropboxのplistファイルを解析してみたというのがこの記事。 Open In … All Files | Coco...
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
Blenderで3Dモデルを作って、それをGLKitで使うという内容の記事。 Practical Blender with GLKit – Part 1 – Introducing GLKit « fruitfly http://38leinad.wordpress.com/2011/10/19/practical-blender-with-glkit-part-1-introducing-glkit/ Practical Blender with GLKit – Part 2 – Blender Scripting with Python « fruitfly http://38leinad.wordpress.com/2011/11/02/practical-blender-with-glkit-part-2-blender-scripting-with-python/?utm_sou
下のイラスト調のやつを爆速にしようと思って試した。（まだイラスト調のほうは実装してないです） WebGL GPGPU Sample Code WebGLで計算を行う方法は、 GPU側へ入力データをテクスチャとして転送 出力サイズの画面にフレームバッファオブジェクトを設定して画面サイズの四角を描画 このときのフラグメントシェーダーでテクスチャ(入力データ)を参照して計算を行う javascript側から結果を読む としています。 基本的にはOpenGLでやる場合と同じなので、以下のサイトがとても参考になります。 OpenGLによる実装方法 - Satoshi OHSHIMA's web site (今落ちてるみたいですが、そのうち復活することを願ってリンクを張っておきます) 「GPGPU シェーダ」とかでググれば、古のGPGPU手法に関するPDF等がいっぱいヒットすると思います。 オレオレ計
とりあえずサンプルを実行してみました。手順は以下。 環境準備 ランタイム(Framework)のインストール こちらの「Runtime Libraries」の「SDL-1.2.14.dmg」をDL。 SDL.framework を以下にコピー /Library/Frameworks/ テンプレートのインストール 以下のディレクトリに「SDL」というディレクトリを作成。 ~/Library/Application Support/Developer/Shared/Xcode/Project Templates/ 次に「Development Libraries」の「SDL-devel-1.2.14-extras.dmg」をDL。 XcodeTemplates ディレクトリから自分のOSに有ったもの(自分の場合はLeopardなので TemplatesForXcodeLeopard )を選択し
無為空間 むいむい(´ω｀*) Entries OpenGL ESとUIViewの比較 タグ: Objective-C iPhone OpenGL 同じ画像を50枚、画面内をくるくる跳ね回らせる処理を、OpenGL ESとUIViewでそれぞれ書いて実行してみた（SDK for iPhone OS 2.2）。 まずはOpenGL ES。 なお、以下の記述は全てSDK for iPhone OS 2.2のプロジェクトテンプレートを使ったものであり、それ以外のバージョンでも同じように書けるかどうかは不明である。 プロジェクトテンプレート「OpenGL ES Application」を選んで新規プロジェクトを作成 iPhone OS 2.1 Library（2.0でも良い／2.2には無い）のサンプルコード「CrashLanding」から「Texture2D.*」と「Ship.png」をコピーして
iPhoneでプログラムしているときにOpenGL ESで使いたいテクスチャは効率の面からなるべく一つのファイルにするのがベストです。 しかし、実際には素材は複数の画像になりがちです。 そのため、実際にテクスチャファイルを制作する場合にはその複数の画像を大きな一枚の画像にレイアウトを検討しながら配置し、配置した位置情報をメモしてプログラムに記述するという大きな手間が発生してしまいます。 その様なメンドクサイ画像配置作業を自動に行ってくれるツールがこちらで紹介されているのを見つけました(素晴らしい!!作者さんGJ)。 Streaming Colour Studios » Blog Archive » Texture Atlases and Bitmap Fonts http://www.streamingcolour.com/blog/2009/08/27/texture-atlases-a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
