毎日GLSLでアニメーションを作ってる - マルシテイア
最近GLSLやWebGLの世界に入門して、毎日こんなアニメーションを作っている。 4月末、東京に出張する機会があり、ついでに何か面白いイベントや展示がないか探していると、チャネルというイベントを見つけた。 以前から気になっていたBRDG/VRDG方面のイベントらしい。 会場は六本木のSuperdeluxe。出張先のオフィスからも近いので、少し早退して行ってみる事にした。 そこではハードな電子音に合わせて、GLSLやHaskellのライブコーディングによるVJが行われていた。 先週末に開催したチャネル#16 のライブ映像を公開しました。 https://t.co/YgpC3YYC0B #unity3d #tidal #maxmsp #tokyo #BRDG #livecoding #kodelife pic.twitter.com/rWaHodipUA— BRDG / VRDG (@toky
The Book of Shaders
Patricio Gonzalez Vivo、Jen Lowe著 この本はフラグメントシェーダーについてのガイドブックです。難解で複雑なフラグメントシェーダーの世界を、一歩一歩わかりやすくご案内します。 翻訳について この文書はPatricio Gonzalez VivoのThe Book of Shaderの日本語訳です。 技術的な内容はできる限り正確に伝えるように心がけていますが、その他の部分では言葉を補ったり簡略化したり、表現を変えている部分もあります。英語が得意な方はぜひ原文もお読みください。 フィードバックにはgithubのレポジトリをご利用ください。 目次 イントロダクション 初めの一歩 シェーダーとは？ ハロー・ワールド！ ユニフォーム変数 シェーダーを使う アルゴリズムで絵を描く シェイピング関数 色について 形について 二次元行列 パターン Generative desi
WebGL 開発支援サイト wgld.org
次なる Web を見据えて 来たるべき WebGL2 の時代へ 2011 年、最初のバージョンである 1.0 が勧告された WebGL は、ウェブブラウザ上で OpenGL ES に相当するグラフィックス API の機能を利用することができる JavaScript の API です。 そして 2016 年、WebGL の正当な後継バージョンとなる WebGL2 (もしくは WebGL 2.0) がいよいよ本格的に利用できる段階になりつつあります。 当サイトでは、2012 年の開設以来、WebGL 1.0 系の API を用いるための技術解説を掲載してきました。そして今後は、時代の変遷に合わせて WebGL 2.0 系の解説記事も公開していく方針です。 WebGL 2.0 が登場するとは言っても、後方互換を保つという意味もあって 意図的に有効化 しない限りは WebGL 1.0 相当の AP
Shadertoy BETA
Build and Share your best shaders with the world and get Inspired Latest contributions: "Gradinhas" by Elsio 9 minutes ago, "cirlccleMaking" by jessesound 45 minutes ago, "Simple Raytraced Sphere Example" by Spheya 1 hour ago, "Better Graphing Calculator" by ThePlaneGuy45 2 hours ago, "dancing points" by nayk 2 hours ago
glslfan.com - shader live beta
glslfan is a platform that can broadcast the live coding of GLSL shaders.
浩平 床井’s Presentations on SlideShare
メディア情報処理1 6 years ago 1,330 views 天空画像を用いた表面下散乱 7 years ago 2,124 views ゲームグラフィックス特論 第１４回 9 years ago 2,953 views ゲームグラフィックス特論 第１３回 9 years ago 3,824 views ゲームグラフィックス特論 第１２回 9 years ago 1,600 views ゲームグラフィックス特論 第１１回 9 years ago 4,054 views ゲームグラフィックス特論 第１０回 9 years ago 16,301 views ゲームグラフィックス特論 第９回 9 years ago 6,054 views ゲームグラフィックス特論 第８回 9 years ago 2,692 views ゲームグラフィックス特論 第７回 9 years ago 4,510
Made by Evan
Figma (2012-2021) I'm one of the cofounders of Figma, a collaborative browser-based interface design tool. My main contributions were to the rendering engine, the multiplayer collboration service, the vector and text editors, and the plugin system. Read more... esbuild (2020-present) My biggest open source project is esbuild, a very fast JavaScript and CSS bundler. It's main purpose is to bring ab
GLSLで簡単2Dエフェクト « demoscene.jp
こんにちは。tomohiroです。 概要 二次元の模様の描画方法と座標変換で模様を楽しく変形する方法を紹介する。 これらの技術は20年以上も昔からdemosceneで使われていたものである。 実装にはGLSL言語を使う。 GLSLでの2Dエフェクト OpenGLでは画面に三角形をレンダリングするときに, 三角形内の各ピクセルに対してフラグメントシェーダを一回づつ実行してピクセルの色を決める。 (その後に画像を加工する処理等を入れる事もあるので、必ずしもフラグメントシェーダの実行結果の色がそのまま画面に表示されるとは限らない。) フラグメントシェーダはGPUで実行され, GLSL言語によって自由にプログラミングする事ができる。 今回紹介する手法は画面全体を覆う四角形を描画したときに実行されるフラグメントシェーダとして実装される。 今回はなんらかの外部データを扱う方法については説明しないので,
ユニティちゃんのゲームをUnityを使わずにOpenGLで作る[1]：モデル表示してアニメーションまで - ラーメンは味噌汁
2014-06-21 ユニティちゃんのゲームをUnityを使わずにOpenGLで作る[1]：モデル表示してアニメーションまで OpenGL ES 3.0 iOS 7 ユニティちゃん ユニティちゃんでiOS用のゲームを作ってみます。 普通にUnity使ってもプログラマー的には面白く無いのでOpenGL ES 3.0を使ってガリガリ書いていきます。とりあえず今回はモデルを表示してアニメーションさせるまで。 ライセンス このアセットは、『ユニティちゃんライセンス』で提供されています。このアセットをご利用される場合は、『キャラクター利用のガイドライン』も併せてご確認ください。 プロジェクト https://github.com/ramemiso/ios_unitychan_es3公式さんにユニティちゃんライセンスに同意する形でなら公開しても問題ないと返答頂いたので、ライセンス表記とライセンスフ
![ユニティちゃんのゲームをUnityを使わずにOpenGLで作る[1]：モデル表示してアニメーションまで - ラーメンは味噌汁](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6754f1307a907b77f694f6f57b1c6b874910cf1/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fr%2Framemiso%2F20140621%2F20140621124226.png)
vim3D
Vim3D A vi-interface to creating 3D scenes by Dan Lynch and Barry Martin Vim3D™ is a viewer/graphical interpreter for 3D scene descriptions using c++ and OpenGL. Vim3D originated from Dan Lynch, while coding a Bezier curves assignment for Ravi Ramamoorthi's CS 184 course at UC Berkeley, Spring of 2010. Dan had started the first prototype based off of the popular vi clone known as Vim, which is a b
［CEDEC 2013］性能はまちまちで挙動も大違い。Androidスマートフォン向けグラフィックスエンジン開発に立ちはだかった難関
［CEDEC 2013］性能はまちまちで挙動も大違い。Androidスマートフォン向けグラフィックスエンジン開発に立ちはだかった難関 ライター：米田 聡 いまや有力なゲームプラットフォームに成長したスマートフォン。ゲームデベロッパ各社は，スマートフォン上で動作するゲーム開発に取り組んでおり，CEDEC 2013でもそれをテーマにしたエンジニアリングセッションがいくつか組まれている。 左から，トライエース研究開発部の永野和博氏，大嶋貴史氏，デイビス・エリオット氏 最先端のスマートフォンは，家庭用ゲーム機に迫るグラフィックス性能を持っているが，その性能を引き出したゲーム開発には，いろいろと難しいところがあるようだ。「CEDEC 2013」の2日めとなる22日に開かれた「モバイルGPUでのハイエンドレンダリングエンジン開発事例」というセッションでは，スマートフォン向けグラフィックスエンジン開発の
Anders Riggelsen - Visual glBlendFunc and glBlendEquation Tool
Graphics from www.interfacelift.com: Splash by Richard Mohler Bisti Badlands by Ben DiAnna Lazy Days II by boss019 Flamingos by Jestrella Treetops - Michaux State Forest by Se7en The Road To Bonneville by Chris F Clouds Over Water by DerekProspero Starry Night by ManiDProductions Mt Rainier from Kerry Park by Jeffery Hayes Moon Rise by Phil2001 Death Star by unknown (google search) Thanks to: Alex
床井研究室 - 第１回 レンダリングパイプライン
夏休みゼミするぞ なんだかんだで夏休みも半分過ぎつつありますが, この夏休みに私が研究室の皆さんに対して何もしないってのもなんだか具合が悪い気がします. そこで, とりあえず OpenGL に関するゼミをしようと思います. OpenGL に関しては, もう長いこと「手抜きOpenGL」をベースにやってきましたけど, やはり時代はどんどん変わりますし, いつまでもこの内容でやってるというのも芸がないと思いますので, 少しは今風の内容を盛り込んでみたいと思います. 私も勉強しながらやっていますので, よろしくお付き合いください. OpenGL とは OpenGL は, プログラムからグラフィックスハードウェアを制御するために使用する, アプリケーションプログラムインタフェース (API) のひとつです. これはグラフィックスハードウェアがもつ機能をそのまま表現したものですから, プログラミング
OpenGL de プログラミング
OpenGL de プログラミング トップページページ一覧メンバー編集 メニュー 最終更新： mikk_ni3_92 2010年06月26日(土) 16:18:39履歴 Tweet ＜はじめに＞ 学習のためにつくった、(主に)OpenGLについてのまとめです。 引用、参考は 引用、参考ページ 参考図書など※ ※こんな感じにたくさん並べてます ＜準備編＞ 準備編01(glutのインストール) 準備編02(glext.h) 準備編03(glewの導入) 準備編04(OpenGL3.0以降のARB_compatibility拡張) 準備編05(freeglutを使う) ＜基本編＞ 基本編(ウィンドウ作成、線の描画) 基本編02(マウス、キーイベント) 基本編03(3Dプログラミング,視野の設定など) 基本編04(アニメーション) 基本編05(光、材質の設定) 基本編06(テクスチャ) 基本編07
ArakinのGLSLを使ったOpenGLプログラム
ようこそ OpenGL を使った色々なプログラムを作成し、その使い方を紹介している ホームページです。このページは自宅サーバーで動かしていたのですが、引越しでしばらくネットが使用できず、すっかりGoogleの検索から消滅していました。しかし、ようやく復活しました。 最近、全然OpenGLプログラムを作っていませんが、GLSLを使用した簡単なプログラムがダウンロードページに置いてあります。OpenGLとは全然関係ありませんが、電子工作のページもあります。よかったら覗いてください。 最新のOpenGLサンプル GLSLを使用したキューブ環境マッピングのプログラムです。同時にバンプマッピングも使っています。これまでのサンプルはモデルの回転だけでしたが、視点も四元数で回転できるようにしました。キューブ環境テクスチャはTerragenで作成しており、その作り方も紹介しています。 最新の電子工作 ds
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Graphtoy
GitHub - patriciogonzalezvivo/glslEditor: Simple WebGL Fragment Shader Editor
GLSL Sandbox Gallery
gl.blendFunc()
Success!
