© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Server-side Node.js programming with...

Photoshop?

Andy Hall JSConf.Asia 2013

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

§  Developer evangelist at Adobe Japan §  Studied physics → web dev → Flash dev → various stuff at Adobe

§  Other: video games, jazz, whisky, etc..

@fenomas

aphall.com

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Okay, so let’s talk about Photoshop!

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

“Generator”

KVLR ExtendScript

Node.js

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Generator architecture

generator-core

Node.js

KVLR

plugin.. plugin..

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

What smart people do with this...

(demo 1)

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Generate > Image Assets

Pros: Very useful! J

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

What I did...

(demo 2)

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Generator architecture

generator-core

Node.js

KVLR

plugin.. plugin..

generator-core

Node.js

plugin.. plugin..

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

> node generator-core/ -f generator-plugins/

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Now to talk about the code:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

a few words about julius

julius.sourceforge.jp/en_index.php

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

a few words about julius awesome.grammar:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

a few words about julius awesome.voca:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Voice command chain

Ignore everything except preface

“Okay Photoshop”

[command]

“Thank you”

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Side note:

Q: Wouldn’t everyone feel kind of stupid talking to Photoshop? A:

(demo 3)

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Working with multiple VMs

generator-core

Node.js

KVLR

plugin.. plugin..

generator-core

Node.js

plugin.. plugin..

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Working with multiple VMs

main.js:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Working with multiple VMs

Useful tip: main.js:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Digression: My dream:

self-sorting bookshelves.

photo: www.flickr.com/photos/haroldbakker/2738462048/

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

One last gratuitous demo:

(demo 4)

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

That’s it!

•  Plugin source: github.com/andyhall/generator-awesome

•  Generator core: github.com/adobe-photoshop/generator-core

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

@fenomas

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.