Hulver's site || If it's too loud you're too old

Diaries
Everything
Who's Online?
FAQ / Help

Modest 3D effects with SVG, version 2.0.

By NoMoreNicksLeft (Fri Feb 24, 2006 at 04:17:59 AM EST) 3d, svg, rendering, algebra, matrices, javascript (all tags)

I posted this to a diary on k5 two months ago.

At that point, it was rendering a single XYZ point with correct perspective. I've since updated it.

It now renders the point before, but it's draggable with the mouse in the XZ plane. Try it.

This should work on Firefox 1.5 with no plugins. Probably on the latest Opera 9 beta.

I still need to add some radio buttons to drag it in the other two planes, but for now it's looking pretty sweet. Note to the overly critical: fancier 3d models are merely more points, the math was the hard part on this.

[Update 2-24-2006 10:40PM EST]New: Renders an entire triangle! Probably needs gradient shading to simulate, hard to get an idea just how the triangle is oriented, doesn't give many visual cues as to depth. Is anyone even reading this diary at this point?

< French Connection II | Don't they cause cancer? >

Login

Poll

Votes: 3
Results	\|	Other Polls

Related Links

- k5
- diary on k5
- Try it
- Renders an entire triangle
- NoMoreNicksLeft's Diary

Google

Hit Counter

51 Husi users have viewed this.

Comment Controls

Modest 3D effects with SVG, version 2.0. | 14 comments (14 topical, 0 hidden) | Trackback

Firefox 1.5? by dr k (4.00 / 1) #1 Fri Feb 24, 2006 at 04:36:36 AM EST

I'll have to put that on my to-do list.

:| :| :| :| :|

It seems obvious by TPD (4.00 / 2) #2 Fri Feb 24, 2006 at 05:14:16 AM EST

that your long term goal is a searchable porn site with fully rendered 3d scenes of unimaginable depravity!

keep up the good work!

Rock Hard Abs are just a sw-sw-swivel away!

: Actually... by NoMoreNicksLeft (4.00 / 1) #3 Fri Feb 24, 2006 at 05:39:01 AM EST

One of the applets requires 3d.
I intend to overlay a posable 3d stick figure on top of the photo, and the users doing data entry will manipulate it until it matches the person in the picture. Then we load those XYZ coordinates and angles into the database.
Later on, I want it to be more than a stick figure, perhaps a full 3d mesh or maybe just an outline. Either way, you'll adjust "weight" until it matches the outline in the picture, giving us approximate weight. Similar methods will be used to capture breast size.
--
Do not look directly into laser with remaining good eye.
[ Parent ]

Nothing in Mozillae by DesiredUsername (2.00 / 0) #4 Fri Feb 24, 2006 at 07:06:10 AM EST

I keep hearing about SVG but I've never seen anything.

---
Now accepting suggestions for a new sigline

Has to be the latest version of Seamonkey... by NoMoreNicksLeft (2.00 / 0) #5 Fri Feb 24, 2006 at 07:15:29 AM EST

To have SVG, I think.
--
Do not look directly into laser with remaining good eye.
[ Parent ]

Wait, wha? by DesiredUsername (2.00 / 0) #6 Fri Feb 24, 2006 at 07:30:08 AM EST

I think I must have been sleeping for a couple years--When did Mozilla 1.7.x become Seamonkey 1.0?

---
Now accepting suggestions for a new sigline
[ Parent ]

About... by NoMoreNicksLeft (2.00 / 0) #7 Fri Feb 24, 2006 at 07:33:31 AM EST

A couple years ago. Or something. I've been a firefox person for almost that long.
--
Do not look directly into laser with remaining good eye.
[ Parent ]

Huh by DesiredUsername (2.00 / 0) #8 Fri Feb 24, 2006 at 08:12:54 AM EST

Well, I dled it but a) the fonts are m4d ugly (which can probably be changed but I hate managing fonts) and b) my company's proxy doesn't recognize it (which can probably also be changed, but come on). FYI.

---
Now accepting suggestions for a new sigline
[ Parent ]

fonts ugly? by tps12 (4.00 / 1) #9 Fri Feb 24, 2006 at 08:37:48 AM EST

Call your computer support person. You may have been infected by the dangerous virus known as "Linux." While most of its effects are cosmetic, you may also have trouble using certain peripherals and applications.

[ Parent ]

: The effects are sadly not limited to 'cyberspace' by DesiredUsername (4.00 / 1) #10 Fri Feb 24, 2006 at 08:41:09 AM EST

I have also begun to smell bad and revere the works of Karl Marx.

---
Now accepting suggestions for a new sigline
[ Parent ]

woo woo by sasquatchan (2.00 / 0) #11 Fri Feb 24, 2006 at 10:13:53 AM EST

test the maths out

Dragging: -2, -100
Rendered X: -Infinity
Rendered Y: NaN
Z-depth?: Not visible.
x: -0.2 Y: 0 z: 0

run those numbers

Dude. by Driusan (4.00 / 1) #12 Fri Feb 24, 2006 at 10:35:20 AM EST

That's the awesomest splotch of off-redish-orange I've seen since the last time I had to solve a 3 variable polynomial to model the colour of an areola in a photo I was uploading to a website made by someone who had a moral opposition to tags for fear they might result in people thinking it's possible to have sex acts with more than 2 people.
--
I needed a new sig. And now I have one.
[ Parent ]

: Haha. by NoMoreNicksLeft (2.00 / 0) #13 Fri Feb 24, 2006 at 03:44:32 PM EST

Actions, by the ontology I've created, do only have two participants. If you believe that to be a flaw, list some examples that require either only 1, or more than two.
If you like, you can google for at least a dozen tag-based porn systems out there. Me not making yet another one has not crippled that one particular idea.
--
Do not look directly into laser with remaining good eye.
[ Parent ]

Yeh. by NoMoreNicksLeft (4.00 / 1) #14 Fri Feb 24, 2006 at 03:48:33 PM EST

The camera is at 0,0,0. That's not only expected, but perfectly valid. Back the Z off into the positive, hit the button and see if it doesn't recover. Hell, it -might- even still be draggable at this point.

Sorry if I didn't have time to write some portal based clipping system along with collisions that would keep -MY SINGLE RENDERED XYZ POINT- from colliding with the camera and giving you a funky picture to make fun of me with on Husi.

Oh, and btw, that's almost the -exact- picture of how well IE7 does the acid2 test. I think it has a pixel or two of yellow down in the right corner randomly...
--
Do not look directly into laser with remaining good eye.
[ Parent ]

Modest 3D effects with SVG, version 2.0. | 14 comments (14 topical, 0 hidden) | Trackback