投稿日: 投稿者: 渡邉 翔

【送料無料】 155/65R14 14インチ KOSEI コーセイ プラウザー アシュラ 4.5J 4.50-14 YOKOHAMA ヨコハマ ブルーアース GT AE51 サマータイヤ ホイール4本セット

こんにちは、渡邉です。

今日は藤澤先輩による多重化映像技術のワークショップで多重化の歴史やPlayCanvasについて教わりました。第1回と第2回を終わらせることができました。

予定では第4回か第5回まで続くようです。

今までこの目で見てきたExPixelやExField以前のものについても知ることができて、進化の歴史を感じました 新品 O2センサー DENSO 純正品質 36532-RWP-004 ポン付け RK1 RK2 RK3 RK4 ステップワゴン (メール便に限り送料無料)。

また、PlayCanvasを久しぶりに触りました。3年前期のゲームプログラミング以来でしょうか。

アカウント登録すればwebブラウザだけでゲームを作れるお手軽さ

第1回で多重化映像技術の歴史とPlayCanvasの基本操作、
第2回でJavaScriptとシェーダーの触りをやりました。と言っても画像をxz平面に広がる板ポリに張り付けて表示させるだけですがね ハリケーン (HURRICANE) HBK521-01 330ミニシックスベンド ハンドルキット ホンダ モンキー ゴリラ('84年~'07年)。

少し前に適当に作ったおにぎりの画像を適当に選んだので画面サイズにあってませんが、とりあえず表示させることができたので良しとしてます。

以下、実行結果リンク
playcanv.as/b/bgUtlMLf/

 

JavaScriptも久しぶりでした。Unityでもちょっとやったんですけどねぇ。
先輩のコードを書き写しましたが、スペルミスがいろいろあってちゃんと実行できるまで時間かかりました。

 

シェーダーの話を聞いたことはありましたが実際に触ってみるのは実はこれが初めてです。今まで何やってたんだ俺…。

シェーダーのコードについては先輩の話を聞いて写しただけで詳しくやらなかったので、自分で何をやっているのか考えてみました。

【送料無料】 155/65R14 14インチ KOSEI コーセイ プラウザー アシュラ 4.5J 4.50-14 YOKOHAMA ヨコハマ ブルーアース GT AE51 サマータイヤ ホイール4本セット【早割_特価品】


BMW MINI/ミニ(R50/R53) RA/RE H14.3~H19.2 3ドア ルーフレール無用 キャリア車種別セット INSUT + IN-B117 + K118 + IN-JK INNO/イノー


【送料無料】 155/65R14 14インチ KOSEI コーセイ プラウザー アシュラ 4.5J 4.50-14 YOKOHAMA ヨコハマ ブルーアース GT AE51 サマータイヤ ホイール4本セット カーマット フロアマット 三菱 ミニキャブ 11年1月~12年12月 -シャギーマルーン

↓↓↓【メーカー在庫あり】 (株)タンガロイ タンガロイ 内径用TACバイト A40T-PWLNR08-D500 HD;【★直送便】データシステム テレビキット(切替タイプ・ビルトインスイッチモデル) ニッサン用 NTV318B-A;SCOYCO(スコイコ) Nプロジェクト SCOYCO ST01 Black M ST01/Black/M【smtb-s】, Project μ プロジェクト ミュー ブレーキパッド TYPE HC+ リア Mercedes-Benz A124(Cabriolet) 126066 E36 AMG, クーポン利用で最大1000円割引 グロンドマン バイク シートカバー ヤマハ YAMAHA スベラーヌブラック/黄色パイピング 被せ シグナスX[SE12J]台湾仕様 GR71YC460P100, ブリッツ SUS POWER エアクリーナー シリーズ 汎用 アタッチメント C3 C4 汎用φ70, カワサキ純正 ダンパーアッシー 44071-1103-50M JP店;FUJITSUBO Legalis K スズキ ワゴンR スティングレー DI 2WD 4/5型 MH22S用 (450-80261)【マフラー】フジツボ レガリスK 藤壺技研 DID ダイドー VXシリーズチェーン 520VX2 ゴールド 【軽圧入クリップ(FJ)ジョイント付属】 リンク数:90↓↓↓カヤバ ショック リア(左右) ■KYB New SR Special 日産 ローレル GC35 98/09~ (MEDVT、 MEDPT) (RB25DET)【NSF9122 ×2】, ミシュラン PILOT SPORT4S サマータイヤ 245/40R19 BLEST Bahnsport TypeDX ホイールセット 4本 19インチ 19 X 8.5 +38 5穴 114.3, ポルテ NNP10・NNP11 KBマフラーシリーズ KB-W・BURST(ケービー・ダブルバースト) 【ハーフステン/片出し】 K-BREAK/ケイブレイク, 【ゴジゲン】マフラー LAX TOURING (LAXツーリング) ウイングロード 【GF-WPY11】 [H11/5~H13/10] 右側シングル, 【送料無料】 205/45R16 16インチ BRANDLE-LINE ブランドルライン カルッシャー ゴールド 6.5J 6.50-16 DUNLOP ダンロップ ルマン 4(LM704) サマータイヤ ホイール4本セット フジコーポレーション

【送料無料】 155/65R14 14インチ KOSEI コーセイ プラウザー アシュラ 4.5J 4.50-14 YOKOHAMA ヨコハマ ブルーアース GT AE51 サマータイヤ ホイール4本セット 【関西、関東限定】取付サービス品リアアンダー / ディフューザー【ノブレッセ】FIT3 リアディフューザー MARK-2 未塗装品 [グレード]RS/Sパッケージ 【送料無料】 205/45R17 17インチ BRANDLE-LINE ブランドルライン カルデス パールブラックポリッシュ 7J 7.00-17 YOKOHAMA ヨコハマ ブルーアース GT AE51 サマータイヤ ホイール4本セット【YOsum19】 CRIMSON(クリムソン) CLUB LINEA L368 KING LABEL (クラブリネア L368 キングレーベル) 24インチ 11.0J PCD:130 穴数:5 inset:31 DISK TYPE:LOW カラー:ブラックポリッシュ [ホイール1本単位]/H, ミシュラン Pilot Sport PS2 K2 サマータイヤ 245/40R19 KYOHO 共豊 SHALLEN シャレン WX monoblock ホイールセット 4本 19インチ 19 X 8 +45 5穴 114.3, トーヨータイヤ TOYOTIRES トランパス TRANPATH Lu2 245/40R19 19インチ スポーツ系 サマー タイヤ ホイール セット 夏用 SSR GTX03 19×8.5J+38 5/114.3, 215/45R17 ZEETEX ジーテックス HP2000vfm HP2000vfm VENERDi MADELENA MATERA ヴェネルディ マデリーナ マテーラ サマータイヤホイール4本セット, 【6700K】純正HIDヘッドライト交換用バルブ2個セット■カルディナ/トヨタ/ST210系後期/H12.1-H14.8■D2R■世界基準フィリップスのアップグレード用■3年保証■アルティノンフラッシュスター6700K■H.I.D 電球■PHILIPS

ヴァンソンレザース VANSON LEATHERS VS17604W ウィンターグローブ M~XL バイク用 オートバイ ウインターグローブ 防寒

↓↓↓↓↓↓


↓↓↓↓↓↓
↓↓↓↓↓↓

【プロミュー】送料無料【project mu】ポルシェ カイエン EURO ECO ブレーキパッド リア 10/11~14/07 ポルシェ カイエン Cayenne S HYBRID 92ACGE, 14インチ サマータイヤ セット【適応車種:キューブ(Z11系)】WEDS ライツレー DK ブラックメタリックポリッシュ 5.5Jx14SINCERA SN832i 175/65R14, SWAGE-LINE スウェッジライン フロント ブレーキホースキット ホースの長さ:標準 ホースカラー:クリアコーティング PCX125 PCX150, 【USA在庫あり】 バイカーズチョイス Biker's Choice スターターリングギア 66T 90年-93年 BigTwin 482452 HD, 2輪 グロンドマン 国産シートカバー 白/黄色パイピング(被せ) 品番:GR5556YC20P100 JAN:4562492984559 ヤマハ シグナスX SE44J(28S)前期

【送料無料】 185/55R16 16インチ MONZA モンツァ ZACK JP-818 6J 6.00-16 DUNLOP ダンロップ エナセーブ EC204 サマータイヤ ホイール4本セット【DUsum19】;USヒッチメンバー Curt Class 1 Trailer Hitch 113043 w / Hyundai Azera用オールドスタイルボールマウント Curt Class 1 Trailer Hitch 113043 w/ Old Style Ball Mount for Hyundai Azera Daytona Boots デイトナブーツ オンロードブーツ DAYTONA URBAN GTX BLACK サイズ:37 TANABE NF210ダウンサスGWS191レクサスGS450h 06/3~12/1;【USA在庫あり】 イースタンモーター クランクケース メイン ベアリング 71年-02年 Big Twin 9028 0924-0108 JP店

【要メーカー取寄】 HKS ハイパーマックス Sスタイル C プリウスPHV(ZVW52)用 対応年式:17/02-現行 [HIPERMAX S-Style C][80110-AT116];ACRE ブレーキパッド ■アクレ フォーミュラ700C フロント 【品番:309】 三菱 デボネア S12A(SOHC) 89.10~92.10

まずは頂点シェーダー

VertexShader

vertexって頂点ってことですよね(Google翻訳で確認)。
たぶん板ポリの頂点を使うためのコードだと思います。では読んでいきます。

attributeは属性という意味(のはず)。変数の種類かな?
vec3は3次元ベクトル、aPositionは名前からして位置でしょう。3次元ベクトルのx,y,zを使ってる感じか。
vec2は2次元ベクトル、aUv0はUV座標(画像を張り付ける位置)かな。

uniformは制服?統一とかって意味もあるそうですがよくわかりません。
mat4はmatrix(行列)の略で4×4行列だと思います。
matrix_modelは板ポリゴンのモデル行列、matrix_viewProjectionはビュープロジェクション行列だな。

varying…? わからん。直訳は「変化する」らしいですが…。
vUv0、またUV座標ですか。

で、void main(void) C言語のmain関数っぽいと思いました。引数なし、と。
vUv0にaUv0を代入してgl_Positionにビュー行列とモデル行列をかけた位置情報を渡しているんですね。

gl_Positionというのは調べたところ組み込みの変数で、この変数に情報を渡さなければいけないそうです 。

 

では次にフラグメントシェーダー
fragmentとは欠片とか断片とかって意味だったか。
色についてのシェーダーらしいですが、やはりよくわかりません TSUBAKI チェーンキット HONDA CR85RB (G.ホイール) (428タイプ MX PRO)【Tsubaki Chain kit HONDA CR85RB (G. WHEEL) (428 MX type PRO)】【ヨーロッパ直輸入品】。

中身を見てみます。

FragmentShader

uniformまでは頂点シェーダーで出てきました。
sampler2Dとは何だろうか。おそらく画像データから色情報を抽出したものかなと思います。

で、main関数

4次元ベクトル型変数のcolorに画像の色情報を代入
gl_FragColorにそのcolor変数を代入してますね 【リジカラ [リジットカラー]】リジカラ The Beetle 16C[2012/4~2013/9] 2WD フロント。

colorにはたぶんRGBAの4要素が入っていると思います。
gl_FragColorはやっぱり組み込み変数らしいですが、頂点シェーダーと違って、絶対必要というわけではないそうです。
ただ、普通は色情報を使うので基本的には使うことになる変数だということみたいです (POSH) ポッシュ 031447-56 車種専用 クラシカルスリム&シャープタイプウインカー 1台分セット ブラックボディ/クリアレンズ ゼファー ZEPHYR1100/RS 750/RS 400/χ ZRX400II。

今までゲームエンジンを使って難しいことを全然考えずに画像を表示させてきましたが、見えないところでいろいろやってるんですねぇ。ゲームエンジンの便利さにかまけてこういったところを疎かにしてしまうのは良くないと思いました。(小波感)

次回はこのシェーダーの詳しい話と多重化のためのコードをやるそうです。
いやぁ楽しみですなぁ!

 

【送料無料】 アシュラ 4.5J 4.50-14 14インチ サマータイヤ コーセイ ホイール4本セット プラウザー ヨコハマ ブルーアース GT AE51 KOSEI YOKOHAMA 155/65R14 アシュラ 【送料無料】