arusu0629のブログ

UnityエンジニアからiOSエンジニアへ

2018-03-31から1日間の記事一覧

WebGLについて⑥

【前回】 arusu0629.hatenablog.com ※この章は少し長い内容となっております...mm シェーダの記述と基礎 WebGLではプログラマブルシェーダの一種であるシェーダ言語が実装されている。それがGLSL(OpenGL Shading Language)である GLSLを使って2種類のシェー…

WebGLについて⑤

【前回】 arusu0629.hatenablog.com コンテキストの初期化 コンテキストの取得から初期化まで htmlソース要素をgetElementByIdを使って取得 取得したcanvas要素を使ってWebGLコンテキストを取得する。これをするにはgetContextメソッドを利用する 画面をクリ…

WebGLについて④

【前回】 arusu0629.hatenablog.com 頂点ポリゴン WebGLでは基本的に次のいずれかしか描画することが出来ない 点 線分 三角形 基本的にWebGLでは三角形を用いて画面上に何かを描画する そしてその三角形こそがポリゴン。ポリゴンは3つの頂点を結んで描かれる…

WebGLについて③

【前回】 arusu0629.hatenablog.com 行列(マトリックス)の基礎知識 行列の必要性 3Dレンダリングする際に非常に多くの計算が必要になる どんなモデルをどこに、どんな角度で、どんな大きさで存在するのか、それを描画したいモデルの数分計算する必要がある …

WebGLについて②

【前回】 arusu0629.hatenablog.com レンダリングのための下準備 固定機能パイプライン →3Dレンダリングを行う一連の処理の流れ(①で出てきた3つの座標変換をしてくれる) しかしWebGLには固定機能パイプラインが存在しない つまり座標変換を全て記述する必要…

WebGLについて①

少し前から3Dについての勉強をしたくて、最近は決まってやることが無かったので、ボチボチ勉強していこうと思います。 (デザインではなくプログラミングについてです) 勉強方法は会社の先輩に教えていただいた下記サイトを読んで、自分が大事だなとかよく分…