Tokyo Demo Fest 2021のGLSL Graphics Compo優勝作品の解説 | gam0022.net
これはKLab Engineer Advent Calendar 2021の20日目の記事です。 12月11日～12日にオンラインで開催されたTokyo Demo Fest 2021（以下、TDF）に参加しました。 TDFは、日本国内で唯一のデモパーティです。 リアルタイムに映像や音楽を生成するプログラムを「デモ」と言い、デモを鑑賞したり完成度を競ったりして楽しむイベントを「デモパーティ」と言います。 「デモシーン」はデモやデモパーティを中心としたコンピューターのサブカルチャーです。 今年のTDFでは、『Alien Spaceship』という作品を発表しました。 Released "Alien Spaceship" at GLSL Graphics compo, #TokyoDemoFest 2021 It's running on #GLSLSandbox Only 1Pass Shad
GLSL Shaderを扱う際の基本的な用語のメモ｜okazu
※追加編集2020/12/20/00:00 間違ってたり、こっちの方が便利等ありましたらぜひ教えて下さい。 厳密なことは、Referencesのサイトに乗っています。 かなり感覚的な、ざっくりとしたメモです。 ここでは、私は、openFrameworksやp5.js、GLSLエディター等でのクリエイティブコーディング、ライブコーディング、ジェネレイティブ系での用途でshaderを使いたい目線での記入をしていく GLSL自体のプログラミングについてはあまり触れない。 そこに興味がないからだ。 shader周りの情報についてメモしていく。 GLSL / OpenGL versionGLSLないし、OpenGLのバージョンで用語、書き方みたいのが変わってくる。 大事だと思ったこと OpenGLそのものを使っていく、 processing、p5.js, openFrameWorks ...etc
GLSLで音を作るために 番外編 - らくとあいすの備忘録
こんにちは。らくとあいすです。 「GLSLで音を作るために」第二回の前にしてさっそく番外編となってしまいました。 今回は5/30に twigl.app及びVRChat上のクラブで配信したGLSLサウンドを用いたDJについて、記憶の新しいうちに書いておきます。 性質上、ここでは1mixしか聴けませんがライブ時に使用したURLを載せておきます。 これ自体を解読することはあまりオススメしませんが...。 twigl.app やったこと GLSLを用いて、僕の好きな曲や自分の曲を作りこみ、そしてそれをライブで繋いだり混ぜたりするDJのような形式で発表しました*1。 これは、1. 各トラックの作りこみ、2. 作ったトラックを使ったDJ風プレイの大きく二つの工程に分けられます。1については、書くことが膨大過ぎる上にケースバイケースなので、本記事では概略に触れるに留めます*2。2については、GLSL特有
WebGL初心者がthree.jsでオーディオビジュアライザー作ったので復習するよ！ - やばかわいいエンジニアの脳内整理ブログ
はじめに 🍡Yaba Kawaii Audio Visualizer🍡 This is a yaba kawaii audio visualizer using toon-shaded donuts. I've been learning webgl and glsl since last month, and this is my first portfolio! demohttps://t.co/At8R79HjIX codehttps://t.co/g5Li8tXFyq@threejs_org#webgl #threejs #shaders pic.twitter.com/laZZaft7Da— Ayako Yokoya (@ayakoyokoya) May 21, 2020 4月中旬から本格的にWebGL / GLSLについて学びたいと思いはじめ、独学で勉強を開始しました。 2
第１回 GLSLで音を作るために - らくとあいすの備忘録
こんにちは。らくとあいすです。 以前「GLSLで音を作る」という記事を書いたところ、ありがたいことに色々と反響をいただきました。 raku-phys.hatenablog.com せっかくなので、より詳しい記事を書いていこうと思ったのですが、私も始めたばかりということもあって日々色々なやり方が変わっていきます。 なので、長編の記事として、「これを読めばわかる」といったようなものが書きづらいといった状況にあります。 そこで今回から、GLSLサウンドに関連したちょっとしたお話を何回かに分けて(思いついたときに...)書いていこうと思います。(続くことは保証しません) 例によって今回も twigl.app のサウンドシェーダーを開きつつ読み進んでいただければと思います。 GLSLサウンドにおける時間の捉え方 GLSLサウンドでは、あらゆる部分が時間の関数となります。 GLSLで絵を作る場合は、縦
GLSLで音を作る - らくとあいすの備忘録
こんにちは、らくとあいすです。 つぶやきGLSLというというTwitterハッシュタグをご存じでしょうか？詳しくはハッシュタグを実際に見てもらうか、ブタジエンさんの記事*1をみると雰囲気をつかめると思いますが、簡単に言えば１ツイートの中に収まるGLSLシェーダーを書き、生成されたGIF画像と共にツイートする遊びです。 さて、普通シェーダーは絵作りのために用いられるものですが実は音を作ることも出来ます(？) 正確には、音の波形を表す配列(=テクスチャ)を生成するのにシェーダーを用い、それを読み取って音を出す仕組みが提供されています*2。ここではこのようにGLSLシェーダーを用いて作られた音楽のことをGLSLサウンドと呼びます。 最近このGLSLサウンドをつぶやきGLSLでやってみたところ、ありがたいことに多くの反応を頂けたのでその解説やGLSLサウンドの初歩的なところを書いていこうと思います
GPU で暖を取りたい人のための GLSLのカレンダー | Advent Calendar 2016 - Qiita
URLYou can post either your article on Qiita or your blog post. About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
超ハイレベルな作品が入り乱れた Tokyo Demo Fest 2016！ 大興奮の２日間をレポート！ - WebGL 総本山
top 2016 年 02 月 超ハイレベルな作品が入り乱れた Tokyo Demo Fest 2016！ 大興奮の２日間をレポート！ 最高峰の 3DCG やアート・ミュージック作品たち！ 2016 年 2 月、20 日と 21 日の 2 日間に行われた TokyoDemoFest 2016 は、年に一度の、日本で唯一のデモパーティ。 そんな一年に一度だけの特別なデモシーンのお祭りに参加してきました。昨年に引き続きの二度目の参加でしたが、今年は昨年と比較して圧倒的にレベルが上がっていました。 GLSL を駆使した GLSL だけで表現するコンポや、楽曲だけのコンポであるミュージックコンポ、そしてデモ作品がシノギを削るデモコンポに、さらには数々の有益なセミナー…… とにかく見どころ満載、大興奮の 2 日間でした。 会場が広くなりモニターも巨大化して大迫力に！ 今年は会場を 3331 Arts
The Book of Shaders
by Patricio Gonzalez Vivo and Jen Lowe This is a gentle step-by-step guide through the abstract and complex universe of Fragment Shaders. Contents About this book Getting started What is a shader? “Hello world!” Uniforms Running your shader Algorithmic drawing Shaping functions Colors Shapes Matrices Patterns Generative designs Random Noise Cellular noise Fractional brownian motion Fractals Image
GLSL-Projectron | fenomas.com
Or to be technical, I made a thing that makes things like that thing. (If your device doesn’t render it, it looks like this.) Backstory: a month and a half ago I left my job to make an indie game. One of the many things on my to-do list was “Learn shader programming”, and around that time I ran across this blog post by Roger Alsing about using genetic algorithms to create images. So I tried the sa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【連載】#4 twigl.app で始める GLSL クリエイティブコーディング！ ベクトルを理解し仲良くなろう - WebGL 総本山
gmork.in