Hatena Blog Tags
はてなブログ トップ
GLSL
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

GLSL

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
kenogadget’s blog•2ヶ月前

記念メダル販売機

いいですよね、観光地とかにある記念メダル販売機。別に何に使うでもないのについ目を惹かれてしまう。 でもちょっと高いですよね。コストが。記念として買うのはいいけどその後どうするんだっちゅう話。 本当は後先考えずに買っちゃいたい！けどお金は大事だしなぁ。 ということで、ゲームにしてみたいと思います。 現在鋭意製作中です。出来たらUnityRoomにでもアップしようと思います。 ここから先の記事ではその記念メダルゲーム制作の際に気になったUnityの技術について何回かお話することになると思います。 是非見てね！ anniversary medals 1 anniversary medals 2

#Unity#Shader#GLSL

ネットで話題

もっと見る
272ブックマークAtomでVJできるパッケージを作った #GLSL #livecoding - マルシテイアblog.amagi.dev
120ブックマーク毎日GLSLでアニメーションを作ってる - マルシテイアblog.amagi.dev
111ブックマークGLSL Sandbox Gallery<img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAAgAElEQVR4Xry9B5idV3Wvv496l6b3mTMzmlGZkWY00siS1UbVtiRbrpJs2bIs29iWjbFDMUbGFsWATTMlgKimmZjQEgLEJAFDKAmEUBISckkxCfcmhJQbSG/n/757n2/OOVOkGfJ/7n6erTOjOd/+vm+XtX7rt9ZeOxdCKFBHSy4XQueyENqXhtC6JISWJdWhbUldyC9rCD3VzaG3oTWEjs4QB...glsl.heroku.com
94ブックマーク[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（１） - Qiitaqiita.com
93ブックマークGLSL Sandbox Gallerygallery by @thevaw, @feiss and @mrdoob editor by @mrdoob, @mrkishi, @p01, @alteredq, @kusmabite and @emackey The server is in maintenance mode. You can not create or modify effects.glslsandbox.com
76ブックマークGLSL作曲入門 - Qiitaqiita.com
50ブックマークGLSLで簡単2Dエフェクト « demoscene.jpこんにちは。tomohiroです。 概要 二次元の模様の描画方法と座標変換で模様を楽しく変形する方法を紹介する。 これらの技術は20年以上も昔からdemosceneで使われていたものである。 実装にはGLSL言語を使う。 GLSLでの2Dエフェクト OpenGLでは画面に三角形をレンダリングするときに, 三角形内の各ピクセルに対してフラグ...www.demoscene.jp
42ブックマークGLSLシェーダによるカートゥーンレンダリング今日は、GLSLによるカートゥーンを紹介しようと思います。割と簡単にでき、それなりに見栄えがするからです。その応用として、輪郭線も描画します。 カートゥーンの原理 カートゥーンはセルアニメ調のレンダリングです。左下の図に示すように、頂点vにおいて、法線と光源ベクトル（頂点から光源へのベクトル）との内積（...www.arakin.dyndns.org
41ブックマークGLSL で暖を取るための準備をしよう！ GLSL お役立ちマニュアル - Qiitaqiita.com

関連ブログ

kenogadget’s blog•3ヶ月前

【Unity Shader】見る角度によって違う絵がみえるヤツ！〈レンチキュラー〉

kenoです。 皆さんご存知でしょうか。見る角度によって違う絵がみえるカードとか。 あれレンチキュラーっていうらしいですね。 面白いのでUnityのShaderでつくってみました！ レンチキュラーの作り方 最近勉強してるんですよ。Shaderってやつを。 Shader Graphの方じゃなくてコードで書くshaderです。 基本的な構造は「Vertex Shader(頂点シェーダー)」と「Fragment Shader(画素のシェーダー)」によって成り立っています。 UnityのProject画面から「Create→Shader→Unlit Shader」でシェーダーを作成します。 名前は「L…

#Unity#Shader#GLSL#レンチキュラー
mawasiの備忘録•3ヶ月前

GLSL関数メモ

ShaderToyで遊ぶときの自分用の関数チートシート glsl関数 関数 説明 radians(x) xを度からラジアンに変換する degree(x) xをラジアンから度に変換する abs(x) xの絶対値を返す sign(x) xが正なら+1.0、0.0なら0.0、負なら-1.0を返す floor(x) x以下の最も近い整数に等しい値を返す(0.5なら0) ceil(x) x以上の最も近い整数に等しい値を返す(0.5なら1) fract(x) x-floor(x)を返す mod(x, y) x-y*floor(x/y)を返す min(x, y) xとyのより小さい値を返す max(x, y…

#GLSL
鳥群技術の塒•7ヶ月前

技術書典17に出展します - 今回の新作紹介

今回の技術書典17も、私たち鳥群技術は出展者として参加させていただきます！ 頒布内容は既刊5冊に加え、新刊として2冊の無料電子本を頒布する予定です。 いつものごとく、この記事では新刊をそれぞれの作者による一言コメントつきでご紹介します！ ぜひぜひストアをチェックしてください！ また、ご購入＆お読みいただけたら是非ともX(Twitter)で感想を呟いていただきたいです！ Graphite＆Gitコードスタックではじめるソース管理 Graphite＆Gitコードスタックではじめるソース管理 techbookfest.org 著者：Hotaru Komajo（@fluorite2411） 著者からひ…

#技術書典#技術書典17#GLSL#Graphite#シェーダー
musicLineアプリ開発日記•1年前

記念動画デザインの観察（ランキング・急上昇・殿堂入り編）

musicLineの記念動画（ランキング・急上昇・殿堂入り）のデザインを紹介。 内部の実装もちょこっと紹介！の第二弾です。 いつでも、どこでも、気軽に作曲 ♪ musicLineをインストール ランキングの記念動画 3分作曲 musicLine~ いつでも、どこでも、気軽に作曲 ♪ ~ はじめに musicLineコミュニティでは曲（MIDI）の再生時に音の可視化映像が流れますが、ランキング等で上位に上がった曲はキラキラしたリッチな表現の映像になります。 ちなみに、前回はコンテストの記念動画を紹介しました。 今回はランキング・急上昇・殿堂入りの映像について観察し、内部実装（GLSLのコーディン…

#アプリ開発#Shader#OpenGL#GLSL
musicLineアプリ開発日記•1年前

記念動画デザインの観察（コンテスト編）

musicLineの記念動画（コンテスト）のデザインを紹介。 重ねているエフェクトを観察し、内部の実装をちょこっと紹介します。 いつでも、どこでも、気軽に作曲 ♪ musicLineをインストール コンテストの記念動画 3分作曲 musicLine~ いつでも、どこでも、気軽に作曲 ♪ ~ はじめに musicLineコミュニティでは投稿された曲（MIDI）を再生する時に、視覚的にわかりやすくなるように音符に合わせて可視化した映像が流れます。 その映像が、コンテスト等で上位に上がった曲はキラキラしたリッチな表現の映像になります。 詳しくはこちら 今回はその映像をどのようにして作成しているのかに…

#アプリ開発#Shader#OpenGL#GLSL
Renard's Blog•2年前

GLSLでノイズの等高線をきれいに描く

GLSLでノイズの等高線をきれいに描く 要約 普通にやると線が等幅にならない 勾配を取って、その方向の直線上で評価するときれいな等高線が得られる このような等高線が得られます 愚直にやった場合 まず考えつくのはfract(noise(uv)*5.0)<0.2のような実装ですが、これでは等高線が等幅になりません 実際にやってみると vec2 p=FC.xy/r; float l=.2,f=5.; float n=snoise2D(p*5.)*.5+.5; float c=float(fract(n*f)<l); o+=c; (ここから動かせます) 確かに等幅にならないことが確認できます これは、…

#Shader#GLSL
ゆうは•2年前

GLSLの「Hello, World」

GLSLは理解したいことの1つです。 GLSLはコンピュータでのグラフィックの基本のイメージがありますし、TouchDesignerでも使えるので、ぜひマスターしたいです。 「リアルタイムグラフィックスの数学 ― GLSLではじめるシェーダプログラミング」という書籍（Kindle）を購入しました。 VSCodeでGLSLを動かす VSCodeで動かすには、まずglsl-canvasという機能拡張をインストールします。 GLSL機能拡張 この機能拡張をインストールするだけで準備OKです。 GLSLのコードを書く そして、コードを書きます。 書籍どおりに書いて、表示できるか確認します。 #vers…

#GLSL
ゆうは•2年前

TouchDesignerのGLSLを使いたい

TouchDesignerのGLSLを使ってみたい。 GLSL単体でも少しずつ勉強しているのですが、GLSLだけでは何をしたらいいのか正直わからない。 けど、TouchDesignerでGLSLを使うことでいろいろできそうです。 GLSLを使う準備 まず、[OP Create Dialog]の[TOP]の[GLSL]を選択します。 GLSL TOPを選択 [GLSL TOP]を配置します。 [glsl1_pixel]（下のキャプチャの左下）をクリックするとパラメータが表示されます。 [Edit]ボタンを押すとGLSLが編集できるようなります。 GLSLを編集 開くと、すでにコードが入っています…

#TouchDesigner#GLSL