3D graphics in JavaScript (no libraries)

#1

Post by browserspot » Tue, Feb 11, 2014, 5:42 PM UTC

3D graphics in JavaScript (no libraries)
liveweave.com

Re: 3D graphics in JavaScript (no libraries)

#2

Post by yoha » Tue, Feb 11, 2014, 6:26 PM UTC

Use HTML labels with your radio buttons, please; I don't want to have to aim for the little circle.

hem. use this instead:

…

I doubt it will be any efficient compared to native implementation. Cool hack though, it reminds my when I played around with basic real 3D drawing with Quick Basic.

Re: 3D graphics in JavaScript (no libraries)

#3

Post by double051 » Tue, Feb 11, 2014, 6:32 PM UTC

We're being redirected to http://liveweave.com/1POv7l/index-alert.html and seeing a 404.

Re: 3D graphics in JavaScript (no libraries)

#4

Post by chewmieser » Tue, Feb 11, 2014, 6:38 PM UTC

double051 wrote: post #3

We're being redirected to http://liveweave.com/1POv7l/index-alert.html and seeing a 404.

I guess LiveWeave is making some changes. From their footer:

  We are making changes to the server. Database I/O operations have been disabled. You can still "Download" your weaves

Re: 3D graphics in JavaScript (no libraries)

#5

Post by ocfx » Tue, Feb 11, 2014, 6:40 PM UTC

Yay 404 thanks!

Re: 3D graphics in JavaScript (no libraries)

#6

Post by leeoniya » Tue, Feb 11, 2014, 6:47 PM UTC

and if you dont mind libraries, but need to work without WebGL, i recently discovered http://www.kevs3d.co.uk/dev/phoria/

repo: https://github.com/kevinroast/phoria.js

Re: 3D graphics in JavaScript (no libraries)

#7

Post by cordite » Tue, Feb 11, 2014, 7:59 PM UTC

Too bad, still down.

Re: 3D graphics in JavaScript (no libraries)

#8

Post by vicapow » Tue, Feb 11, 2014, 8:17 PM UTC

If you're familiar with D3, I recommend DZ. (disclaimer: I'm the author) https://github.com/vicapow/dz

Here's an example of DOF blurring using SVG filters. (no WebGL)

http://vicapow.github.io/dz/example/plane-blur.html

Re: 3D graphics in JavaScript (no libraries)

#9

Post by smrtinsert » Tue, Feb 11, 2014, 8:25 PM UTC

leeoniya wrote: post #6

and if you dont mind libraries, but need to work without WebGL, i recently discovered http://www.kevs3d.co.uk/dev/phoria/ repo: https://github.com/kevinroast/phoria.js

This looks nice, can you do a quick compare/contrast with three.js canvasrenderer?

Re: 3D graphics in JavaScript (no libraries)

#10

Post by bbosh » Tue, Feb 11, 2014, 8:26 PM UTC

yoha wrote: post #2

Use HTML labels with your radio buttons, please ; I don't want to have to aim for the little circle. hem. use this instead: … I doubt it will be any efficient compared to native implementation. Cool hack though, it reminds my when I played around with basic real 3D drawing with Quick Basic.

should be in the body, but the type attribute is optional in HTML5.