3D Comics(yiwenl.github.io)
yiwenl.github.io
3D Comics
http://yiwenl.github.io/Sketches/exps/30
57 comments
That reminds me a bit of this Calvin and Hobbes strip redone in 3d: https://sketchfab.com/models/dd484cd2dc9e477381e152b69d32950...
Thanks for sharing! Pretty cool. Liked this one - https://sketchfab.com/models/dec527eccb8f4c29bd6fc4d2dcc0425...
There's a nice write up on how this was done at https://blog.sketchfab.com/art-spotlight-calvin-hobbes-3d-st...
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.
This one is much nicer. Fully fledged implementation. Awesome
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.
If you only see a bunch of static images and nothing happens when you click them, this might be the reason.
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.
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.
Which browser?
On Firefox for Android, I'm able to interact with it and rotate it with full 360° range of motion.
On Firefox for Android, I'm able to interact with it and rotate it with full 360° range of motion.
Stutters, but working on Android Chrome 56.
Not working for me on safari
Safari on an iPhone 7.
Also does not seem to work on Firefox 51 (macOS).
Works fine here (Firefox 51, MacOS 10.11, 2009 iMac). Is your WebGL definitely enabled? Check Graphics section in about://support
Oh! It was not really an WebGL issue but was a combination of the mixed content error "triggered" by HTTPS everywhere extension. This is somewhat annoying from time to time, the author should have used `//yiwenl.github.io/...` instead of `http://yiwenl.github.io/...`.
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!
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/
To my eyes however, there's much better stuff on the rest of that repository:
http://yiwenl.github.io/Sketches/
I like the Wolf in the Grass one http://yiwenl.github.io/Sketches/exps/23
Somewhat inspired by Okami: https://www.youtube.com/watch?v=ZloCD06QjiE
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.
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.
Also, can you explain your last comment further?
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.
This kind of 3D is a lot more accessible (via Tilt Brush) than mesh-based 3D.
'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.
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.
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.
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
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
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...
[1] http://www.cs.huji.ac.il/labs/cglab/projects/comics/
[2] http://www.cs.huji.ac.il/labs/cglab/projects/comics/comics.m...
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.
I'd love to recreate something like this in a 2d canvas.
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.
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 ;)
Maybe you'd be interested in this experiment I did with straight lines a while ago. I project 3d points onto 2d and make lines out of rotated divs. But I don't use css 3d rotation because I want to keep the fixed width of the lines themselves.
There isn't proper occlusion but I fake it by applying a different style to edges that are facing away from the camera. You could also do like the OP and draw white polygons in the space between lines.
Have a look here https://jsfiddle.net/cyt0o7m9/
There isn't proper occlusion but I fake it by applying a different style to edges that are facing away from the camera. You could also do like the OP and draw white polygons in the space between lines.
Have a look here https://jsfiddle.net/cyt0o7m9/
That's a great little demo - thanks for posting it!
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
I'm no artist, but I did manage to whip something up to test the concept: https://twitter.com/Zikes/status/769433398217629696
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.
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.
Some of these are truly stunning http://yiwenl.github.io/Sketches/
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
[1] http://yiwenl.github.io/Sketches/exps/28
[2] https://www.youtube.com/watch?v=7NyJlx2Ws18
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.
Very very beautiful. Art and tech at it's best
XKCD would probably love this.
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.
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.
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.
I only get one...and a teapot.
XKCD was also my first thought :). That's good branding.
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.
Funny how the sun slightly extends from the back of the box
wow, beauty! Not even the idea and the implementation, but also the very short story, it somehow reminds me Delphine's Another World
[deleted]
I guess nobody tried opening this on an iPad.