●●WebGL(PIXI.js + glsl)と物理演算(matter.js)で可愛い絵本風タピオカ作ったので解説●● - Qiita

2019/09/02 23 users WebGL JavaSc Qiita タピオカ フル

こんにちは。WebGLのお勉強1週間目くらいの絵描き系エンジニア「ゆき」です。最近Qiita界隈でもタピオカが流行っているらしいので、今日は勉強中の技術をフルに活用してタピオカを作ってみました。 ここで試せます（スマホ未対応）： https://tapioca-pixi.firebaseapp.com この記事の内容と想定読者 この記事ではJavaSc... 続きを読む

DOMMUNEでライブコーディングVJした - マルシテイア

2019/03/26 30 users DOMMUNE マルシテイア ライブコーディング 目次 機材

3/21(木)、DOMMUNEでVJしました。 僕は自作のVJシステムVEDAを使って、GLSLのライブコーディングを行いました。 目次 出演の経緯 僕のVJについて システム/機材 出演の経緯 www.dommune.com DOMMUNEは言わずと知れた映像配信メディア。 大学生の頃から観ていたので、自分が出演できることになるとは…… 収録は恵比寿駅か... 続きを読む

インターネット溶かすボタンできた - マルシテイア

2017/12/13 265 users マルシテイア amagitakayosi amagi

2017 - 12 - 13 インターネット溶かすボタンできた インターネット溶かすボタンできた #GLSL pic.twitter.com/P6oVAvJeez — amagi (@amagitakayosi) 2017年11月1日 twitter.com インストールはこちらから。 chrome.google.com Post Internetは、任意のWebサイトによるポストエフェクトをかけ... 続きを読む

Atom用VJ環境 VEDA 1.0リリース #VEDAJS #GLSL - マルシテイア

2017/10/18 92 users glsl-livecoder マルシテイア ダコ VJソフト

2017 - 10 - 18 Atom用VJ環境 VEDA 1.0リリース #VEDAJS #GLSL これまでglsl-livecoderとして開発してきた Atom パッケージを、 VEDA としてリリースしました。 glsl-livecoderは元々ライブコーディングのために開発したパッケージですが、徐々にVJソフトとしての機能も追加されて来ました。 後述するサーバーモードが実装され たこ ... 続きを読む

AtomエディターでVJしました - マルシテイア

2017/09/25 68 users マルシテイア glsl-livecoder Atom 自作

2017 - 09 - 25 AtomエディターでVJしました 先日予告した通り 、この度VJデビューしました。 VJ行為には自作の Atom パッケージ glsl-livecoder を利用しています。 これまでのあらすじ pastak生誕祭 @東京 SMTP++ @京都 課題 まとめ これまでのあらすじ GLSLにハマった GLSLでVJやライブコーディングできるAtomパッケージを作った 実... 続きを読む

AtomでVJできるパッケージを作った #GLSL #livecoding - マルシテイア

2017/08/04 281 users LiveCoding glsl-livecoder 目次

2017 - 08 - 04 AtomでVJできるパッケージを作った #GLSL #livecoding GLSLでVJやライブコーディングができる Atom パッケージを作りました。 その名も glsl-livecoder !!! atom.io この記事では、glsl-livecoderの使い方や機能を説明します。 目次 このパッケージでできること 機能一覧 インストール glslangVal... 続きを読む

毎日GLSLでアニメーションを作ってる - マルシテイア

2017/06/08 117 users WebGL マルシテイア チャネル アニメーション 六本木

2017 - 06 - 08 毎日GLSLでアニメーションを作ってる 最近GLSLや WebGL の世界に入門して、毎日こんなアニメーションを作っている。 4月末、東京に出張する機会があり、ついでに何か面白いイベントや展示がないか探していると、チャネルというイベントを見つけた。 以前から気になっていたBRDG/VRDG方面のイベントらしい。 会場は六本木のSuperdeluxe。出張先のオフィスか... 続きを読む

GLSLで描くCircle Inversion Fractals - 心鏡曼荼羅

2017/03/29 12 users フラクタル 反転 操作 前回 それぞれ

2016 - 12 - 25 GLSLで描くCircle Inversion Fractals qiita.com GPU で暖を取りたい人のためのGLSL Advent Calendar 2016，25日目の記事です． 前回の記事 で紹介した円の反転という操作を用いて フラクタル を描いてみます． まずはこの画像のような４つの円板とその反転を考えます．それぞれの円の反転は自分以外の円板を自分の内... 続きを読む

20行以下のコードで楽しむ簡単GLSL - Qiita

2016/12/06 13 users Qiita コード デモ http 実行結果

Shader Art好きなGLSLビギナーですが、記事を書いてみます。 今回行うこと GLSLは難しいイメージですが、時折予想できない結果が出てくるところが面白いと思います。今回は以下の2つの点を踏まえたデモを3つ掲載します。 20行以下のコードである 圧縮せずに可読性を保つ コードからは実行結果が予想しづらい デモ1:光る玉 http://glslsandbox.com/e#37038.1 vo... 続きを読む

GLSL で暖を取るための準備をしよう！ GLSL お役立ちマニュアル - Qiita

2016/11/30 38 users WebGL Qiita 本稿 勘違い 仕様

はじめに 本稿は、WebGL で GLSL を使って暖を取るために個人的にまとめたもので、もしかしたら仕様と異なるような表記や勘違いがあるかもしれません。そういうの見つけたときはぜひ教えてください。 続きを読む

「FILTERS」で学ぶ GLSL - Over&Out その後

2014/12/11 27 users FILTERS OpenGL シェーダ Over&Out

GLSL, OpenGL, 画像処理「GLSL を書いてオレオレフィルターをつくれる」というコンセプトのカメラアプリがリリースされました。 シェーダを書いて動的に適用する、というアイデア自体は昔からあるものですが、 GLSL Studio : iOS端末上でGLSLが書けるシェーダ開発環境簡単！OpenGL ES 2.0フラグメントシェーダー フラグメントシェーダをアプリ内エディタで書いて適用でき... 続きを読む

openFrameworks, Three.js, Processing のGLSL バージョン対応状況調査 - 自習室

2014/10/15 27 users Processing openFrameworks 合宿

2014-10-14 openFrameworks, Three.js, Processing のGLSL バージョン対応状況調査 .JavaScript .openFrameworks .OpenGL .Processing .Shader .Android はじめに openFrameworksのセミナーでShaderに触れた この週末、合宿で行われた openFrameworks のセミナー... 続きを読む

メガデモ勉強会 : ATND

2013/07/05 10 users ATND デモパーティ 概要 夏本番 興味

夏と言えばメガデモ。そろそろ夏本番！ 夏休みもあるしそろそろメガデモ勉強会を開催しようと思います。 概要 メガデモ関連技術の勉強会を行います。 メガデモが発表されるデモパーティは日本でも開催されています。 TokyoDemoFest 本勉強会ではメガデモに関する話、それにまつわる話題をざっくばらんに話す会です。 参加対象者 メガデモに興味のある方、これからメガデモをつくろうと思う方、 GLSLとか... 続きを読む

よりリアルなWebGLを実現させるGLSL実装「glsl.js」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/03/01 19 users WebGL OpenGL シェーディング シェーダ エンジニア

glsl.jsはWebGLにおいてGLSLを使えるようにするライブラリです。ゲームや3Dをリアルに近づけるために必要な要素の一つがシェーダ（ライティング/シェーディング）です。OpenGLでは効率的なシェーダを実現するためにGLSL（OpenGL Shading Language）を開発しましたが、WebGLの世界におけるGLSLとして紹介するのがglsl.jsです。 こちらはこくこくと色が変わる... 続きを読む

Web上でGLSLのコードの編集と実行が可能なサイト「GLSL Sandbox Gallery」 - 強火で進め

2011/11/19 18 users effect GitHub GLSL Sandbox 強火

GLSL Sandbox Galleryhttp://glsl.heroku.com/「Create new effect!」ボタンを押すとこの様な編集画面が表示されます。エディタ部分にはデフォルトでサンプルコードが記述して有ります。githubにソースも公開されていて自分のサイトに設置する事も可能です。Galleryを見るとhttp://glsl.heroku.com/102/29:title=... 続きを読む