AllBASIC Forum
BASIC Developer & Support Resources => Open Forum => Topic started by: John on July 29, 2018, 05:42:43 PM
-
This is very cool and I would like to know how they did it.
-
I always hated this kind of thing.
You start with a 2D object (x- & y- axes) made up of other 2D objects, you then apply an altitude to a copy of them, so that you have a series of flat shapes floating above the (x,y,0) plane. Apply an outline in the (x,y,0) plane and fill it with a background colour.
Draw in the surfaces connecting the (x,y,0) shape to the (x,y,z) shape using the colour of your choice (in this case, the boundary colour).
Drop the object into a 3-D rotation package (this is the bit that really, really hurts when you try to write it yourself), and set a series of transitions and shading options - the one in your GIF is quite basic, and away you go.
3D rotation and shading engines are best presented as objects with pre-settable parameters for shading, shadow, light source options, etc. and with a call that takes an object descriptor, rotation(α,β,γ), translation(x,y,z) etc.
High-level 3D engines tend to be rather slow and glitchy, but a proper, optimised 3D library can be both fast and seamless. Only compiling in the necessary features helps.
-
This may be a JavaScript example. I'm trying to find more details on how it was done.
-
There are all kinds of good things here:
google: javascript 3d charts https://www.google.co.uk/search?source=hp&ei=CxlgW-PnFoqYkwXDvIjYCg&q=javascript+3d+charts&oq=javascript+3D&gs_l=psy-ab.1.9.0l10.2008.9229.0.16490.14.9.0.4.4.0.299.1336.0j3j3.6.0....0...1c.1.64.psy-ab..4.10.1441.0..0i131k1j0i3k1.0.8fRgi_P2KJQ (https://www.google.co.uk/search?source=hp&ei=CxlgW-PnFoqYkwXDvIjYCg&q=javascript+3d+charts&oq=javascript+3D&gs_l=psy-ab.1.9.0l10.2008.9229.0.16490.14.9.0.4.4.0.299.1336.0j3j3.6.0....0...1c.1.64.psy-ab..4.10.1441.0..0i131k1j0i3k1.0.8fRgi_P2KJQ)
and here:
google: 3d pie chart javascript open source https://www.google.co.uk/search?q=3d+pie+chart+javascript+open+source&sa=X&ved=0ahUKEwjH0N258cjcAhUGT8AKHZInD-cQ1QII5wEoBA&biw=1288&bih=913 (https://www.google.co.uk/search?q=3d+pie+chart+javascript+open+source&sa=X&ved=0ahUKEwjH0N258cjcAhUGT8AKHZInD-cQ1QII5wEoBA&biw=1288&bih=913)
Some of them are even open source!
-
Those are some great chart APIs!
-
Best I can do ....
Of course, the idea is to chop out the bits that you like and hack them with a hammer and a craft-knife until they generate the core features that you want.
You then plug the result into a 3D animation api of some sort.
On the other hand, I never use flashy tools like that, it's all rather mundane rich text and image driven stuff.
-
It's probably HTML5 based.
-
Even worse.
I'm still trying to get my head round HTML3. ;)
CSS is a dark art and Java is just voodoo speak to me. :o
-
I agree, html, html5, javascript, css ... what becomes the messy standard is so random.
-
There's a standard?
I thought the design was based on picking keywords and ideas out of a hat - and then translating the lot into English from English via Japanese, Urdu, Russian, Hindi and Rongorongo.
Of course, it could just have been a core idea and a process of gravitational accretion.
-
There's a standard?
I thought the design was based on picking keywords and ideas out of a hat - and then translating the lot into English from English via Japanese, Urdu, Russian, Hindi and Rongorongo.
Of course, it could just have been a core idea and a process of gravitational accretion.
Haha :)