別に怒ってない 卒業生に、「先生、あの時怒ってたでしょ」って言われることがあります。いや、本当に怒ったことはあるんですけど、たいていは議論しているうちにエキサイトしてきているのを「怒っている」と受け取られるんですね。内心は別に怒ってませんし、議論が終われば平静に戻ります。研究の議論とか、学生さんの提出物に対するレビューなんかは、それなりに真剣にやっているつもりなので、時にはエキサイトしてしまいます。でも別に怒っているわけではありません。それでも、私と議論すると「心を折られる」と言われてしまったのは、私の不徳の致すところなので (パワハラと取られかねませんし) もうちょっと穏便な物言いをしようと思います。昔、MIXI の友達からの紹介文に「笑いながら毒を吐く」と当時の学生さんに書かれてしまいましたから、どこか根性が曲がってるところがあるんでしょうね。学生さん相手でなくても「ブログと印象が違い
GLSLライブコーディングVJに使えそうなツールを色々触った雑な感想 個人の意見です GLSLを書けるとこはいっぱいありますが、その中でもライブコーディングVJに使えそうなものを選びました 随時追記していきます Sh4derJockey https://github.com/slerpyyy/sh4der-jockey glslを書く事だけに集中できるツール コードエディタはないが、ホットリロードしてくれるのでライブコーディングできる fft,image,ndi,midiを扱える パイプラインを.yamlとして記述できる MIDIのバインディングがGUIで簡単にできる vertex,fragment,compute shaderを使える いつもVJの時に使ってます kodelife https://hexler.net/kodelife LiveCoding環境 MIDI,fft,3dモデ
Interested in adding textures, lighting, shadows, normal maps, glowing objects, ambient occlusion, reflections, refractions, and more to your 3D game? Great! Below is a collection of shading techniques that will take your game visuals to new heights. I've explained each technique in such a way that you can take what you learn here and apply/port it to whatever stack you use—be it Godot, Unity, Unr
GLSL (OpenGL ES2.0)リファレンス.md GLSL (OpenGL ES2.0)リファレンス この文章は、日経BP社から出版されている「HTML5ゲーム開発の極意」の付録PDFを元に、参照しやすいようmarkdown形式に書き起こした、個人的メモです。 WebGL リファレンス GLSL (OpenGL ES2.0)リファレンス ##目次 データ型 スウィズル演算子 組み込み関数 数学関数 三角関数 ベクトル、行列関数 ベクトルの関係演算 ヘルパー関数 組み込み変数と定数 定数 頂点シェーダ変数 フラグメントシェーダ変数 データ型 名前 説明 void 関数が戻り値を持たないときや、引数リストが空だということを示すときに使われる特別なデータ型。 例： void myFunc(void) { ... } int 符号付き整数値。 例： int myInt1 = 14; int
Build and Share your best shaders with the world and get Inspired Latest contributions: "fractal glow 2" by nayk 10 minutes ago, "glow fractal " by nayk 13 minutes ago, "Jitter blend" by fakeljl 55 minutes ago, "Smokey Trail [287 Chars]" by SnoopethDuckDuck 1 hour ago, "infinite nested frame" by yufengjie 2 hours ago
このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
自己紹介 名前: notargs 作ったもの LGTM Shaders CRT Shader 今回話す内容 ?「Game Jamでプログラマーのみのチームになってしまった…」 ?「Game Jamでプログラマーのみのチームになってしまった…」 ?「音楽素材どうしよう…」 ?「Game Jamでプログラマーのみのチームになってしまった…」 ?「音楽素材どうしよう…」 @「それ、シェーダーで作れますよ！！」 メリット プログラマーだけで楽曲制作が完結できる OpenGLとPCMにさえ対応していれば動くため、移植性が高い プロシージャルなので圧縮率が高い デメリット 高度な知識と実装力が必要 めんどくさい 手法 Transform Feedback 頂点シェーダでの計算結果を頂点バッファオブジェクトに再度格納する機能 CPUからアクセス可能 Transform Feedback 頂点シェーダでの
webGLだとネタは全く無いが、GLSLだと探せばあります。なので参加させてもらいました。よろしくお願いします。 2Dでお絵かき ２Dでお絵かきするなら直線と円だけでも、それなりのモノが描けます。それにアニメーションがプラスされれば、更に楽しい。３Dとか曲線とかは捨て置き、直線と円を使っての小技を書いてみます。 まずは２Dの距離関数 float circle(vec2 p, float r) // 線円 { return abs(length(p) - r); } float line(vec2 p, vec2 a, vec2 b) // 直線 { vec2 pa = p - a, ba = b - a; float t = clamp(dot(pa,ba)/dot(ba,ba), 0.0, 1.0); return length( pa - ba*t ); }
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 01, 2016 can be registered. (Secret articles can be registered anytime articles are posted.)
Shader Art好きなGLSLビギナーですが、記事を書いてみます。 今回行うこと GLSLは難しいイメージですが、時折予想できない結果が出てくるところが面白いと思います。今回は以下の2つの点を踏まえたデモを3つ掲載します。 20行以下のコードである 圧縮せずに可読性を保つ コードからは実行結果が予想しづらい デモ1:光る玉 void main( void ) { vec2 p = (gl_FragCoord.xy*2.0-resolution) / min(resolution.x, resolution.y); float l = 0.3/length(p); gl_FragColor = vec4( vec3( 1.0, 1.0, 1.0 ) * l, 1.0 ); }
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 本稿は、WebGL で GLSL を使って暖を取るために個人的にまとめたもので、もしかしたら仕様と異なるような表記や勘違いがあるかもしれません。そういうの見つけたときはぜひ教えてください。🔥🔥🔥 GLSL やシェーダに気軽に触れてみてほしい、楽しく取り組んでみてほしいという観点からやや崩れた文体で、イメージのしやすさ優先で書いてます。そういうの苦手な人は公式の仕様を見ましょうね。 GLSL について知る GLSL がなんであるかは、たぶんこの記事を読んでいる方には説明不要かと思いますが、あえて簡単に説明します。 まず、P
DirectX shader bytecode cross compiler. Originally based on https://github.com/James-Jones/HLSLCrossCompiler. This library takes DirectX bytecode as input, and translates it into the following languages: GLSL (OpenGL 3.2 and later) GLSL ES (OpenGL ES 2.0 and later) GLSL for Vulkan consumption (as input for Glslang to generate SPIR-V) Metal Shading Language This library is used to generate all shad
前回はダブルバッファリングとFPSについて説明しました。 nn-hokuson.hatenablog.com そろそろ画面に図形の１つでも表示したいところですが、OpenGLのプログラムだけでは画面に絵を出すことはできません。絵を出すにはシェーダを書く必要があります。そこで、今回はOpenGLで使うシェーダ言語、GLSLについて説明します。 今回の記事の内容は次のとおりです。 シェーダとは バーテックスシェーダとは フラグメントシェーダとは シェーダをOpenGLのプログラムに登録する シェーダとは シェーダ(Shader)とは名前からも分かるとおり影をつける計算をするためのものです。下の記事でも紹介しているとおり影を適切につけることで平面のものを立体に見せることが出来ます。 nn-hokuson.hatenablog.com OpenGLとGLSLを使ってプログラミングをする流れは次のよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
