端端舝

梆釦幛匹蚔廿丹ㄐ?
OFJP #studygroup meetup 2015 Fall
2015 Dec. 13th 埻泬艙

仇氏卞切反
? 田旦平亙奈伙垀扽
? 郔輪及云帊岈匹反 WebGL, Android 失皿伉卅升
? oF 窃1爛圉
? Shader 毛𤩸仁及互疑五
? 丟奶件及魂�反玄奶伊及扔奶件毛摩戶月仇午?
https://www.facebook.com/groups/washroom.of.the.day/?
https://www.instagram.com/washroomoftheday/
2

ISF
Interactive Shader Format 及謹﹝GLSL 毛矛奈旦卞仄凶 VDMX 卅升
匹妏尹月巨白尼弁玄支斥尼生伊奈正奈﹝Web 匹手鼠嶱今木化中月﹝
3

VDMX
MacOS 蚚 VJ 失皿伉弗奈扑亦件﹝
4
犯乒唳母它件伕奈玉?
http://vidvox.net/download/vdmx_demo?
悵湔互匹五卅中仇午眕俋反辻夔秶癹剠仄﹝
仿奶本件旦�⻌?
https://vidvox.net/buy?
? 1仿奶本件旦 $349
? 弘伙奈皿仿奶本件旦 $314.1 / person
? 媆〝本奈伙毛仄化中月﹝Black Friday, Cyber Monday, etc.?
$249匹�⻌

ISF及㜭仄中午仇欠
? 由仿丟奈正奈毛讀木化絿屯月
? 犯田永弘互仄支允中
? VDMX 及巨白尼弁玄支斥尼生伊奈正反 ISF 匹𤩸井木化中月手及手嗣
中及匹灍蚾毛悝屯月
? GLSL Sandbox 支 Shadertoy 及戊奈玉毛奶件禾奈玄仄化絿屯月
? 釬勻凶 ISF 毛 VDMX 卞⻌木化 VJ 匼第午仄化絿屯月
? 幼乓仿伉奈扔奶玄ㄗhttp://www.interactiveshaderformat.com/ㄘ
匹鼠嶱匹五月
5

ISF汁奈伙午扔件皿伙匼第母它件伕奈玉
6
ISF �蚚巨犯奴正奈午扔件皿伙白央奶伙﹝
? ISF Editor v2.3?
http://vidvox.net/rays_oddsnends/ISF_Editor_2.3.zip
? ISF Test/Tutorial Filters?
http://vidvox.net/rays_oddsnends/ISF%20tests+tutorials.zip
? Sample ISF image ?lters?
http://vidvox.net/rays_oddsnends/ISF%20?les.zip
? Movecraft ? The Book of Shaders ? ISF/VDMX translation?
http://www.movecraft.com/the-book-of-shaders-ifsvdmx-
translation/

ISF及笢旯反仇氏卅覜元
7
/*{
"DESCRIPTION": "TEST",
"CREDIT": "chimanaco",
"CATEGORIES": [
"GRAPHIC"
],
"INPUTS": [
{
"NAME": "RedInput",
"TYPE": "?oat",
"DEFAULT": 0.5,
"MIN": 0.0,
"MAX": 1.0
}
]
}*/
void main() {
vec4 inputPixelColor = vec4(RedInput, 1.0, 1.0, 1.0);
gl_FragColor = inputPixelColor;
}
2勾及由奈汁卞煦井木化中化﹜奻反 INPUTS 卅升及ロ�互⻌勻凶 json﹜
狟反 Fragment Shader 卞卅勻化中月﹝白央奶伙靡反 ♀♀.fs 卞允月﹝

ISF及笢旯反仇氏卅覜元2
8
ISF Editor 卞桶尨今木月及反 Fragment Shader 分仃分互﹜Vertex
Shader 毛妏勻化中月手及手丐月﹝摽氪互卅中�磁反﹜犯白巧伙玄及
Vertex Shader 互赻�腔卞偞隅今木月﹝
void main()
{
// make sure to call this from your ISF based vertex shader
vv_vertShaderInit();
}

ISF黃赻及正弘
9
? PERSISTENT_BUFFERS, PASSES ＃穴伙民伊件母奈由旦蚚
? IMPORTED ＃賒砉掂心煋心蚚﹝賒砉反肮珨蕆𦵴卞饜离允月仇午﹝
"IMPORTED" : [
{
"NAME" : "img",
"PATH" : "tex.png"
}
]

ISF赻�匹哫晟今木月劐杅
10
? json 匹隅膽仄凶 INPUTS
? PASSINDEX ＃掂心煋戈伊件母奈由旦及奶件犯永弁旦
? RENDERSIZE ＃賤砉僅ㄗ伊件母奈由旦匹硌隅今木化中月扔奶朮ㄘ
? vv_FragNormCoord ＃酘狟毛[0.0, 0.0],衵奻毛[1.0,1.0]午淏�趙
? TIME ＃掂心煋引木化井日及媆嶲
vec4 pixelColor = IMG_PIXEL(image imageName, vec2 pixelCoord);
vec4 pixelColor = IMG_NORM_PIXEL(image imageName, vec2 normalizedPixelCoord);
ISF黃赻及Function
? IMG_PIXEL, IMG_NORM_PIXEL 卅升

ISF Editor毛�井仄化心月
11
? VDMX 互奶件旦玄奈伙今木化中月�磁反﹜Load System ISFs 示正
件匹 VDMX 蚚及白央奶伙互掂心煋引木月﹝?
仇木日及白央奶伙反☆/Library/Graphics/ISF★卞丐月﹝
? 扔件皿伙及 ISF 白央奶伙毛玉仿永弘&玉伕永皿﹝
? 扔件皿伙及 ISF 白央奶伙�毛跡慮仄凶白巧伙母毛玉仿永弘&玉伕永皿﹝
?
?玉仿永弘&玉伕永皿珂

ISF白央奶伙毛釬勻化心月
12
? File -> new ISF File
? 方今仆卅支勾毛戊疋奈仄化蜊謎﹝

匼𤚗卅Shader毛由弁月奶件禾奈玄允月
13
? GLSL Sandbox?
File -> Import from GLSL Sandbox?
統蕉ㄩhttp://glslsandbox.com/e#26309.4?
? ShaderToy?
File -> Import from Shadertoy?
統蕉ㄩhttps://www.shadertoy.com/view/ldfGWn?
�賒﹜秞﹜奶件皿永玄反丹引仁中井卅中勻弔中ˋ
赻煦匹釬勻凶曰奶件禾奈玄仄凶白央奶伙反☆/Users/****/Library/
Graphics/ISF★卞⻌月﹝

奶件禾奈玄媆卞赻�匹劐𡥼今木月手及
14
GLSL Sandbox Shadertoy ISF
resolution iResolution RENDERSIZE
time iGlobalTime TIME
mouse iMouse point2D午仄化劐𡥼
texture2D() texture2D() IMG_NORM_PIXEL()
賒砉支氾弁旦民乓反仇氏卅覜元匹劐𡥼今木月﹝
// ShaderToy
texture2D( iChannel0, (?oor(uv)+0.5)/256.0, -100.0 )?
// ISF
IMG_NORM_PIXEL(iChannel0,mod((?oor(uv)+0.5)/256.0,1.0),-100.0)

釬勻凶ISF毛VDMX匹妏丹
15
? 巨白尼弁玄及�磁?
Layer FX -> Load Asset
? �g极斥尼生伊奈正及�磁?
Media Bin 尺
賒砉厥勻化仇木卅中勻弔中ˋ
Load Asset
Media Bin

openFrameworks匹ISF毛妏丹
16
satoruhiga/ofxISF
https://github.com/satoruhiga/ofxISF
oF 0.9.0 匹扔件皿伙互申伙玉匹五卅井勻凶及匹睡午井�井仄凶中﹝
#hell_yeah_crash 匹頗中引仄斤丹﹝

統蕉矢奈斥
云�仄凶囀⺍互�徭今木化中月矢奈斥匹允﹝
? Using the ISF Editor To Create GLSL Generators and FX ?
VDMX - MAC VJ SOFTWARE?
http://vdmx.vidvox.net/tutorials/using-the-isf-editor
? Introducing ISF Video Generators and FX ? VDMX - MAC VJ
SOFTWARE?
http://vdmx.vidvox.net/blog/isf
? Interactive Shader Format?
http://www.interactiveshaderformat.com/spec
17

丐曰互午丹仍介中引仄凶ㄐ
18
Twitter: @chimanaco
Facebook: Yasushi Harada

端端舝

梆釦幛匹蚔廿丹ㄐ

Recommended

More Related Content

What's hot (20)

Similar to 梆釦幛匹蚔廿丹ㄐ (20)

梆釦幛匹蚔廿丹ㄐ