4 ms·

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 s

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 10y 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.
- bananicorn 10y 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 ;)
  - jkcxn 10y ago
    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/ https://jsfiddle.net/cyt0o7m9/
    - cr0sh 10y ago
      That's a great little demo - thanks for posting it!