3D Comics

http://yiwenl.github.io/Sketches/exps/30

by reimertz • 9 years ago

441 56 9 years ago

yiwenl.github.io

AtheistOfFail• 9 years ago

XKCD would probably love this.

Cyphase• 9 years ago

XKCD was also my first thought :). That's good branding.

christogreeff• 9 years ago

Maybe I am getting old, but not everything should be 3D. At least not things that I have grown to love because it is not.

mauricesvay• 9 years ago

There you go https://sketchfab.com/models/5659b3b539e94dcca00a315ac6a4825...

cyberferret• 9 years ago

That XKCD one is one of the best I've seen, even better than the Calvin & Hobbes one which I loved - full 360 rotation on all axes possible. Very well done.

pxndx• 9 years ago

It was done a few years ago for April Fools': https://3d.xkcd.com/880/

Many of them were automatically generated, but some comics were manually converted (by xkcd fans!). You can browse them from the 3d.xkcd.com site.

mkesper• 9 years ago

I only get one...and a teapot.

ClassyJacket2• 9 years ago

Maybe this just doesn't work on mobile, but this appears to be a static two panel comic with a perspective effect applied. If it is that, I suggest the site implements a notice that it needs to be viewed on desktop.

chimeracoder• 9 years ago

Which browser?

On Firefox for Android, I'm able to interact with it and rotate it with full 360° range of motion.

chrisper• 9 years ago

Not working for me on safari

ClassyJacket2• 9 years ago

Safari on an iPhone 7.

darfs• 9 years ago

Stutters, but working on Android Chrome 56.

lifthrasiir2• 9 years ago

Also does not seem to work on Firefox 51 (macOS).

zero_iq• 9 years ago

Works fine here (Firefox 51, MacOS 10.11, 2009 iMac). Is your WebGL definitely enabled? Check Graphics section in about://support

fishtoaster• 9 years ago

That reminds me a bit of this Calvin and Hobbes strip redone in 3d: https://sketchfab.com/models/dd484cd2dc9e477381e152b69d32950...

rangibaby• 9 years ago

The OP and this are quite beautiful. I can't quite put my finger on what I like so much about them, I'll keep thinking about it.

ralfd• 9 years ago

It is like a little diorama.

simooooo• 9 years ago

This one is much nicer. Fully fledged implementation. Awesome

dpkonofa• 9 years ago

Woah. Now that's cool. It's really interesting to see that they are full 3D models but the shaders are done so that the ideal viewing angle is from the front and yet they don't look weird or broken from other angles. That's really nicely done.

the_arun• 9 years ago

Thanks for sharing! Pretty cool. Liked this one - https://sketchfab.com/models/dec527eccb8f4c29bd6fc4d2dcc0425...

svdree• 9 years ago

There's a nice write up on how this was done at https://blog.sketchfab.com/art-spotlight-calvin-hobbes-3d-st...

ericdykstra• 9 years ago

I had to "load unsafe scripts" on Chrome to get this to work (OS X). Just a heads up in case it's not working initially for anyone.

Jaruzel2• 9 years ago

This is a wonderful concept.

To my eyes however, there's much better stuff on the rest of that repository:

http://yiwenl.github.io/Sketches/

izietto• 9 years ago

I like the Wolf in the Grass one http://yiwenl.github.io/Sketches/exps/23

JabavuAdams2• 9 years ago

Somewhat inspired by Okami: https://www.youtube.com/watch?v=ZloCD06QjiE

bananicorn2• 9 years ago

I've always wondered if this kind of art style for 3d were possible without the use of shaders, just with a custom 3d engine in place...

I'd love to recreate something like this in a 2d canvas.

dualogy• 9 years ago

Certainly is "possible" (and if you search you'll likely find some "3D renderers" for 2d canvas) but that'd need a rasterizer implemented in JavaScript and if you want anything more than 1-colored triangles, some notion (even if haphazard, custom and callback-or-so based) of "shading" --- should screech to a crawl quickly.

bananicorn2• 9 years ago

I think I'd have to move away from the concept of using polygons for such an approach - I had thought about just using a simple 2d projection of a 3d path, but I'd obviously run into quite a few problems regarding occlusion and a bunch of other things with that. But I'll be having a lot of fun trying out some different approaches to 3d rendering ;)

daysforbeef• 9 years ago

Very very beautiful. Art and tech at it's best

Zikes• 9 years ago

When I first started playing with Tilt Brush, I had an idea that "VR Comics" (or at least, 3D comics drawn via VR) would be an interesting concept.

I'm no artist, but I did manage to whip something up to test the concept: https://twitter.com/Zikes/status/769433398217629696

daurnimator• 9 years ago

Is there meant to be a lightbox or something? Doesn't load for me in firefox. I just see a gallery that can't be scrolled or clicked.

johnxie• 9 years ago

Some of these are truly stunning http://yiwenl.github.io/Sketches/

W0lf• 9 years ago

Interesting, the music theme from the third comic in the first row[1] is the exact copy of the famous game Star Trail[2] (The Dark Eye) from the nineties. I hear such similarities occasionally and always wonder if this is either a strong influence or a deliberate copy (No offense, just curious).

[1] http://yiwenl.github.io/Sketches/exps/28

[2] https://www.youtube.com/watch?v=7NyJlx2Ws18

fenomas• 9 years ago

Well, setting aside the fact that they sound nothing alike, that music theme is a sample from "Fanfare for the common man". So if anyone copied anyone I suppose it was the game copying Aaron Copland.

grabcocque• 9 years ago

I guess nobody tried opening this on an iPad.

boondaburrah• 9 years ago

My favourite version of this is all of the cutscenes in the PS Vita game "Gravity Daze" (Gravity Rush). They're all drawn comics, but with the layers set at appropriate depths. The game uses the Vita's gyroscope to lock the 3d camera to the handheld's orientation. You really get the feel that you're looking /into/ a comic!

joe563323• 9 years ago

Unable to view the webpage on firefox

SSLy• 9 years ago

disable strict https

duke360• 9 years ago

wow, beauty! Not even the idea and the implementation, but also the very short story, it somehow reminds me Delphine's Another World

diimdeep2• 9 years ago

Looks like most of demos from this page don't work in current stable Chrome (56)

Jaruzel2• 9 years ago

I had the inverse - most of them DO work. (Also Chrome 56 stable, but on Windows)

They do leverage OpenGL - so maybe that's the problem?

diimdeep2• 9 years ago

idk, tried Canary on macOS no luck..

JD557• 9 years ago

This seems to not be working with HTTPS (at least with HTTPS everywhere).

If you only see a bunch of static images and nothing happens when you click them, this might be the reason.

yAnonymous• 9 years ago

Mixed Content: The page at 'https://yiwenl.github.io/Sketches/exps/30/' was loaded over HTTPS, but requested an insecure resource 'http://yiwenl.github.io/Sketches/experiments/comic/dist/inde.... This request has been blocked; the content must be served over HTTPS.

cryptarch• 9 years ago

Warning: some of these sketches play music quite loudly.

It's pretty cool, I wish more of them worked on my computer. The reflective/translucent ones all appeared as black or the models didn't load at all.

zevv• 9 years ago

Funny how the sun slightly extends from the back of the box

JabavuAdams2• 9 years ago

Neat! I've had a long-term interest in "toon shading". The problem with a lot of the traditional real-time methods of creating the outlines is that they're too literal, and cause unpleasant artifacts at some joints and seams. Also, you typically only have one parameter to tune, for the whole scene: line thickness. The problem is finding a value or range of this one parameter that works for a whole scene. E.g. if you use the same thickness for close and far objects, then the farther objects will appear more black since a greater proportion of their area is devoted to outline.

Another problem (for VR) is that current VR systems don't deal well with thin lines. You really want to avoid aliasing (crawlies) for high-quality VR.

Would love to see something like Paperman implemented in real-time:

https://www.youtube.com/watch?v=TZJLtujW6FY

BatFastard2• 9 years ago

While this is very cool, it raises the cost to produce and deliver comics by an order(s) of magnitude.

Comics have always been a easy low cost way for artists or even people with just idea's to communicate their ideas.

For an extreme example of this http://www.qwantz.com/ Where the ideas are amazing, but he uses the same few cells for ALL of the comics.

This comes from someone who has worked with 3D content for years, and I see mesh based 3D as the Ultimate machine in handing power to people with money.

stuart782• 9 years ago

'Comics' is a wide enough form to accommodate many different methods and timelines of production. If you look to the world of Print comics the intentions are often quite different from web and the production is as well. Everything from Chris Ware's super intricate spreads to XKCD's deceptive simplicity to Qwantz' focus on text (which I imagine is harder than one might think) has a place under the umbrella.

stuart782• 9 years ago

Also, can you explain your last comment further?

BatFastard2• 9 years ago

The current level of art assets requires displacement maps, specular maps, texture maps, a zbrush high poly model, lods models, and physics models. While all of these things are very doable, in order to DO them, you takes highly skilled artisans. Highly trained artisans are expensive. Therefore if you want to create some new art assets it takes lots of money. Lots of money means getting investors. Investors mean giving up significant amounts of equity. Which means you have a very narrow window in which to succeed and if you do, they benefit disproportionately.

talyian• 9 years ago

This kind of 3D is a lot more accessible (via Tilt Brush) than mesh-based 3D.

metaphor• 9 years ago

Appears related to research done by Kopf and Lischinski[1] back in 2012. See parallax layers demo 2:33 into their video[2].

[1] http://www.cs.huji.ac.il/labs/cglab/projects/comics/

[2] http://www.cs.huji.ac.il/labs/cglab/projects/comics/comics.m...

3D Comics

Related Stories