event, CG, レイマーチング, TokyoDemoFest, GLSL, ライブコーディング, Shader Showdown
12月11日～12日にオンラインで開催されたTokyo Demo Fest 2021（以下、TDF）に参加しました。

TDFは、日本国内で唯一のデモパーティです。 リアルタイムに映像や音楽を生成するプログラムを「デモ」と言い、デモを鑑賞したり完成度を競ったりして楽しむイベントを「デモパーティ」と言います。 「デモシーン」はデモやデモパーティを中心としたコンピューターのサブカルチャーです。

TDFのShader Showdownというイベントに競技者として参加しました。

Collage_Fotor_v3

Read more

event, CG, レイマーチング, TokyoDemoFest, GLSL
これはKLab Engineer Advent Calendar 2021の20日目の記事です。

12月11日～12日にオンラインで開催されたTokyo Demo Fest 2021（以下、TDF）に参加しました。

TDFは、日本国内で唯一のデモパーティです。 リアルタイムに映像や音楽を生成するプログラムを「デモ」と言い、デモを鑑賞したり完成度を競ったりして楽しむイベントを「デモパーティ」と言います。 「デモシーン」はデモやデモパーティを中心としたコンピューターのサブカルチャーです。

今年のTDFでは、『Alien Spaceship』という作品を発表しました。

TDFのGLSL Graphics Compoにて、本作品が1位に選ばれました！

この記事では『Alien Spaceship』の利用技術と制作の裏側について解説します。

Read more

event, CG, レイマーチング, TokyoDemoFest, WebGL, GLSL, 発表資料, 登壇
昨日の2/14（バレンタインデー）に開催されたThe Tokyo Demo Fest team presents: メガデモ勉強会2021に参加しました。

私は「64KBのWebGLデモを実装する技術とデモ制作から得た『学びと発見』」というタイトルで発表を行いました。

発表スライドはこちらです。

Read more

シェーダー, event, GLSL, Unity
ネームカード

9/8～9/12に開催されたKLab Expert Camp（KEC）の第2回にメンターとして参加しました。

今回のKLab Expert Campは「シェーダー」がテーマでした。

5日間（平日4日間＋土曜日に成果発表＆懇親会）の日程でひたすらシェーダーを書き続けるという、エクストリームかつ珍しい内容の技術系インターンです。

当日の様子はハッシュタグ #KLabExpertCamp から確認できます。

Read more

event, CG, レイマーチング, Revision, WebGL, GLSL, TypeScript, JavaScript
4月10日～4月13日に世界最大のデモパーティRevision 2020に参加しました。

Revision 2020内で開催されたコンペのうち、PC 64K Introという64KBの容量制約のある部門で『RE: SIMULATED by gam0022 & sadakkey』という作品を発表しました。

Tokyo Demo Fest 2018に続き、私（@gam0022）が映像を、さだきちさん（@sadakkey）が音楽を制作しました。

……なんと、本作品が参加者投票により1位に選ばれました！ 日本人のチームがPC 64K Intro部門で優勝するのは Revision 史上初です。とても嬉しいです！

本記事では、技術解説をメインに、『RE: SIMULATED by gam0022 & sadakkey』を紹介したいと思います。

resimulated-collage

Read more

event, CG, Slide, レイマーチング, TokyoDemoFest, GLSL
2019/11/28にデジタルハリウッド大学で開催された近未来教育フォーラムの 「The Real Time Live & Reception リアルタイムグラフィックスの世界とVTuberが牽引する新たな人類」というイベントに登壇しました。

@FL1NEさんと一緒にデモシーンについて話しました。 私は簡単なシェーダーライブコーディングをしながらプログラミングによる形状のモデリングについて解説しました。

シェーダーライブコーディング（初期）

Read more

event, CG, Slide, レイマーチング, TokyoDemoFest, Unity
6/19に開催されたUnityエンジニアによるShader勉強会！で「Unity×レイマーチングによる映像制作の実践手法」という発表をしました。

Read more

event, CG, Slide
Mercari GDC 2019 報告会に登壇しました。

私はレンダリング系セッションの紹介に加えて、Meetupはいいぞ！という話をしました。

Read more

event
先週（3/18〜3/22）、アメリカのサンフランシスコで開催されたGDC2019に参加しました。

GDCは初参加でしたが、スポンサーセッションで登壇したり、Unity本社でUnity Profilerのミーティングを行ったり、 Meetupに参加して海外のシェーダーやWebGLのエンジニアと交流したり、Stadiaの遅延を味わったりと、セッションの聴講だけでなく貴重な体験をたくさんできました！

スポンサーセッションでの登壇

Google と KLab の2社の合同セッションReal-World Techniques and Best Practices for Optimizing Android Gamesで登壇しました。

前半はGoogleのFrancescoさんが「Android Common Performance Pitfalls」というタイトルで「Androidのパフォーマンスチューニングのはまりどころ」を紹介しました。

後半はKLabから私（@gam0022）、@ohomagic さん、@hnw さんの3人で 「Continuous Profiling for Android Game Performance Optimization」というタイトルで「CI/CDと連携したモバイル（Android）向けUnity製ゲームの自動プロファイリングシステムの構築方法」について紹介しました。

資料と動画は近日公開する予定ですので、乞うご期待ください！

Read more

event, CG, レイマーチング, TokyoDemoFest, GLSL, VSCode
これはWebGL Advent Calendar 2018の24日目の記事です。

みなさんはGLSL Sandboxのシェーダーをローカルで編集したりgitで管理したいと思ったことはありませんか？

VSCodeの拡張機能の『Shader Toy』をインストールすれば簡単に実現できます。

本拡張はShadertoyとGLSL Sandboxの互換性を備えており、 どちらのコードも修正なしにそのまま動作できます！

WindowsとMacの両方に対応しています。

次の画像はTraveler2 by kaneta（Tokyo Demo Fest 2018 GLSL Compo優勝作品）をVSCode上で動作させた様子です。

traveler2

導入方法と使い方

導入方法と使い方は簡単です。

導入方法

install

  1. 拡張機能のウィンドウを開く
  2. 「shadertoy」で検索
  3. インストールボタンを押す

使い方

GLSLのコードを編集した状態でコマンドパレットから「Shader Toy: GLSL Preview」を開くだけです。

GLSLのコードを認識しないときは、「Shader Toy: GLSL Preview」を閉じてから再実行すると認識できる場合があります。

Read more