8 ms·
3D Comics
- AtheistOfFail 10y agoXKCD would probably love this.
- Cyphase 10y agoXKCD was also my first thought :). That's good branding.
- christogreeff 10y agoMaybe 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 10y agoThere you go https://sketchfab.com/models/5659b3b539e94dcca00a315ac6a48256 https://sketchfab.com/models/5659b3b539e94dcca00a315ac6a4825...
- cyberferret 10y agoThat 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 10y agoIt was done a few years ago for April Fools': https://3d.xkcd.com/880/ 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 10y agoI only get one...and a teapot.
- ClassyJacket 10y agoMaybe 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 10y agoWhich browser? On Firefox for Android, I'm able to interact with it and rotate it with full 360° range of motion.
- chrisper 10y agoNot working for me on safari
- ClassyJacket 10y agoSafari on an iPhone 7.
- darfs 10y agoStutters, but working on Android Chrome 56.
- lifthrasiir 10y agoAlso does not seem to work on Firefox 51 (macOS).
- zero_iq 10y agoWorks fine here (Firefox 51, MacOS 10.11, 2009 iMac). Is your WebGL definitely enabled? Check Graphics section in about://support
- lifthrasiir 10y agoOh! 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/...` http://yiwenl.github.io/...`.
- fishtoaster 10y agoThat reminds me a bit of this Calvin and Hobbes strip redone in 3d: https://sketchfab.com/models/dd484cd2dc9e477381e152b69d329506 https://sketchfab.com/models/dd484cd2dc9e477381e152b69d32950...
- simooooo 10y agoThis one is much nicer. Fully fledged implementation. Awesome
- dpkonofa 10y agoWoah. 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.
- rangibaby 10y agoThe 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 10y agoIt is like a little diorama.
- the_arun 10y agoThanks for sharing! Pretty cool. Liked this one - https://sketchfab.com/models/dec527eccb8f4c29bd6fc4d2dcc04257 https://sketchfab.com/models/dec527eccb8f4c29bd6fc4d2dcc0425...
- svdree 10y agoThere's a nice write up on how this was done at https://blog.sketchfab.com/art-spotlight-calvin-hobbes-3d-strip/ https://blog.sketchfab.com/art-spotlight-calvin-hobbes-3d-st...
- ericdykstra 10y agoI 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.
- Jaruzel 10y agoThis is a wonderful concept. To my eyes however, there's much better stuff on the rest of that repository: http://yiwenl.github.io/Sketches/ http://yiwenl.github.io/Sketches/
- izietto 10y agoI like the Wolf in the Grass one http://yiwenl.github.io/Sketches/exps/23 http://yiwenl.github.io/Sketches/exps/23
- JabavuAdams 10y agoSomewhat inspired by Okami: https://www.youtube.com/watch?v=ZloCD06QjiE https://www.youtube.com/watch?v=ZloCD06QjiE
- bananicorn 10y agoI'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 10y agoCertainly 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.
- bananicorn 10y agoI 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 ;)
- jkcxn 10y agoMaybe 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/ https://jsfiddle.net/cyt0o7m9/
- cr0sh 10y agoThat's a great little demo - thanks for posting it!
- daysforbeef 10y agoVery very beautiful. Art and tech at it's best
- Zikes 10y agoWhen 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 https://twitter.com/Zikes/status/769433398217629696
- daurnimator 10y agoIs 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 10y agoSome of these are truly stunning http://yiwenl.github.io/Sketches/ http://yiwenl.github.io/Sketches/
- W0lf 10y agoInteresting, 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 http://yiwenl.github.io/Sketches/exps/28 [2] https://www.youtube.com/watch?v=7NyJlx2Ws18 https://www.youtube.com/watch?v=7NyJlx2Ws18
- fenomas 10y agoWell, 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 10y agoI guess nobody tried opening this on an iPad.
- boondaburrah 10y agoMy 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 10y agoUnable to view the webpage on firefox
- SSLy 10y agodisable strict https
- duke360 10y agowow, beauty! Not even the idea and the implementation, but also the very short story, it somehow reminds me Delphine's Another World
- diimdeep 10y agoLooks like most of demos from this page don't work in current stable Chrome (56)
- JD557 10y agoThis 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 10y agoMixed Content: The page at 'https://yiwenl.github.io/Sketches/exps/30/' 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... http://yiwenl.github.io/Sketches/experiments/comic/dist/inde.... This request has been blocked; the content must be served over HTTPS.
- deleted 10y ago[deleted]
- cryptarch 10y agoWarning: 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 10y agoFunny how the sun slightly extends from the back of the box
- JabavuAdams 10y agoNeat! 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 https://www.youtube.com/watch?v=TZJLtujW6FY
- BatFastard 10y agoWhile 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/ 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.
- stuart78 10y 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.
- stuart78 10y agoAlso, can you explain your last comment further?
- BatFastard 10y agoThe 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 10y agoThis kind of 3D is a lot more accessible (via Tilt Brush) than mesh-based 3D.
- metaphor 10y agoAppears 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/ http://www.cs.huji.ac.il/labs/cglab/projects/comics/ [2] http://www.cs.huji.ac.il/labs/cglab/projects/comics/comics.mp4 http://www.cs.huji.ac.il/labs/cglab/projects/comics/comics.m...