Abhishek Reddy — Thu, 11 Apr 2002 23:36:03 +0000

3d javascript?? I've never actually seen any resources particularly dedicated to it. I have, though, read the odd individual article in some of the common webdesign/code resource sites. Even those just mention 3d illusion only as a sidenote.

Most people seem more keen on 2d stuff... either ultility things like navigation etc or flashy scrollers, font changers etc.

Check out Google's results at http://www.google.co.nz/search?q=%223d+javascript%22&hl=en&lr=
There are a couple of games/engines listed that are interesting but it didn't look like much else was relevant.

dk01 — Thu, 11 Apr 2002 20:38:59 +0000

Well it sounds like your method is organized well and I think I can imagine it. I'd like to see the math your using to try and get it. Yes I am using diagonals for mine to calculate theta and then have the user supply the offset themself. I guess I could change it to have the shaddow offset be proportional to the lightsource offset.

Anyways I am very interested by this 3d javascript. I know this q has been asked probly a million times but does anyone reccomend any good sources for stuff like 3d javascript?
-dk

Abhishek Reddy — Thu, 11 Apr 2002 12:17:31 +0000

Hmm, a slightly different approach to what I'm using.
It looks quite similar, though.
You're working with diagonal values, right? I'm going the other way with two sides of a rectangle.

The gist of what I'm trying to do is this:

1) Get the y difference between the light source point (L) and point A on the box.
2) Get the x difference between the L and point A on the box.
3) Move the similar shaped shadow div to new location based on point A' which is equidistant with L, to A. This is done by offsetting shadow by |LA| in the opposite direction of the "ray."
If x,y of L is less than or equal to x,y of A then shadow is offset by |LA|.
If x,y of L is greater than x,y of A then shadow is offset by |LA| * (-1).

I hope I've explained it properly. It's not perfect, but I'm still working on it.

The script I'm making is quite literal. i.e. allows the user to click on screen to move L, and the shadow moves dynamically. Also I'm adding a slider to change depth, which will probaly just increase and decrease the width/height of the shadow by percentage of its original properties.

My end result will probably be totally IE-only. I'm thinking of adding the glow filter (read in the textfilters links that I listed in a previous post here) to change focus and blur the shadow.

dk01 — Wed, 10 Apr 2002 16:47:08 +0000

So Far: Here
Well there is not too much of mine but here is what I have so far. I have the light source working. There paremeters in the movebox() function are explained in the source. It only works for IE at the moment. Later I will make it cross browser and appliable to several layers at once instead of currently how I have it applied to one layer.
-dk

Abhishek Reddy — Wed, 10 Apr 2002 11:00:30 +0000

dk01, yes, I'd like to see what you've got so far.

I'm still in the early stages... not much to see of mine yet.

Suzanne — Tue, 09 Apr 2002 22:12:50 +0000

You can post links to relevant discussion points, of course. The "no links" is in regards to spam postings and promotional postings and postings designed to gain you money. Links to works in progress, and points of discussion are encouraged.

Clint -- I hope you read some of the comments here and the links provided and gain a better understanding of HTML. Div is not something that will be "phased out". I've been using DIV successfully for three years, without any issues, within the natural flow of the page. You have received some very good advice here. I hope you take it.

Mark Hensler — Tue, 09 Apr 2002 21:14:44 +0000

I know a few people and sites that have/are/will convert to div from table. It seems that it is the emerging standard for layout display.

dk01 — Tue, 09 Apr 2002 21:09:10 +0000

Wow! What a hot debate I sparked! Thanks for everyone's inputs. Abhishek Reddy - you actually hit on what I was looking for and I would like to see the results of your work since I have been working on the task my self. The trig was a bit of a pain but if you would like to see what I am working on I would gladly send you the address. Am I correct that we are not allowed to post links here? Thanks again.
-dk

Abhishek Reddy — Tue, 09 Apr 2002 16:38:58 +0000

DIV's are no longer bleeding-edge technology. With browser support increasing, its popularity among designers is increasing.

Getting back to the original topic:
dk01, it would be possible to create a mobile, scalable DIV which acts as a shadow, and a mobile light source. It only take a few x and y offset calculations to determine the correct position of a shadow, given the light source's co-ordinates.

Even so, I don't think that it's possible to create advanced shadows. i.e: ones that are distorted to a third perpendicular plane -- like 3d programs do. At least it won't be very easy.

Anyway, since all this got me thinking, I'm tinkering with a script that puts what I just said into practice. If you're interested (and it works), I'll send you a copy when I'm done.

taff — Tue, 09 Apr 2002 15:27:57 +0000

Quote: Originally posted by theprofessional
Maybe someday, for until I see it take off really big, "Ebay, Barnes & Nobles, and other huge successes", I don't have a need yet. IMO anyway, DIV is just an old thing that'll be phased out eventually without costing me a dime. Thanks for the info.

Well, you lost me here. Ebay and B&N are big due to their concepts, not their web designers.

Was your point that they use tables (of course they do) or that they don't use the DIV tag? If the latter, I suggest you view some of their source code - both sites implement div tags where appropriate. The div tag is not the same thing as the table tag.