3D
From BC$ MobileTV Wiki
3-Dimensional (commonly abbreviated 3D) images & visualizations are those which have an X, Y, Z can be extremely helpful for the end-user, given the right context. 3D is especially effective for visualizing more complex relationships and for creating interactive components.
Contents
Tools
- Blender -- free and open source 3D creation suite: https://www.blender.org/
- Sketchup -- 3D modelling tool: https://www.sketchup.com[1]
- Winter Tidings -- Snowflake Generator: https://codepen.io/Staak/pen/WdZrbQ (Three.js example to automatically generate a complex object mathematically)
- CSS3 -- 3D Text generator: https://www.html-code-generator.com/css/3d-text-generator
- Microsoft - 3D Movie Maker: https://github.com/microsoft/Microsoft-3D-Movie-Maker[2]
Resources
3D Rendering Engines
- WebGL | DEMOS - Video Games & Worlds | DEMO - Aquarium | DEMO - Interactive Film (Chrome only)[3]
- Three.js: https://threejs.org/ | SRC | DEMOS [4]
- PaperVision3D (Flash): http://www.papervision3d.org/ (includes amazing hi-def Scuba Diving example)
- JavaScript 3D Model Viewer: http://www.giuseppesicari.it/progetti/javascript-3d-model-viewer/
- K3D HTML5 Canvas Demos: http://www.kevs3d.co.uk/dev/canvask3d/k3d_test.html
Parallax
- Parallax, HTML5, CSS3 Insanity: http://forrst.com/posts/Parallax_HTML5_: CSS3_Insanity-9Ut | DEMO
- Parallax Comic Book (HTML5/CSS3): http://www.nevermindthebullets.com/
- CSS3 Animated Multiple Backgrounds With Pure CSS Transitions (slightly more cross-browser JS version also available): http://www.storiesinflight.com/html5/backgrounds-transitions.html
- jParallax: http://webdev.stephband.info/jparallax/
- Freebase Parallax (JS): http://www.freebase.com/labs/parallax/[5]
Cube
- A Flash 3D Image Cube: http://petitpub.com/labs/media/flash/3dcube/
- DHTML 3D Cube: http://www.endoflow.com/3dhtml/cube.htm
- Dynamic Cube: http://www.flashcomponents.net/component/dynamic_flash_cube.html
- Rubik's Cube simulator (Java Applet): http://www.ryanheise.com/cube/speed.html[6]
- 3D Cube using CSS transformations: http://www.fofronline.com/2009-04/3d-cube-using-css-transformations/
Image Rotator
- 3dEye.js, a plugin to create 360 degree 3d panoramic view, works in all major browsers and mobile devices: http://voidcanvas.com/3deye-js-a-plugin-to-create-360-degree-3d-panoramic-view-works-in-all-major-browsers-and-mobile-devices/
Sphere
- 3D Sphere: http://www.flashcomponents.net/upload/samples/920/index.html?full=true
- SWF Slideshow Maker - 3D Gallery [Sphere]: http://www.swf-slideshow-maker.com/3d-flash-slideshow/sphere_3d_gallery.html
Carousel
- Flash 3D Carousel: http://www.flashcomponents.net/component/flash_3d_carousel_gallery_xml.html
- Flash ADVANCED 3D Carousel: http://www.flashcomponents.net/component/3d_advanced_carousel_gallery_xml.html
- Yeah 3D Gallery: http://www.flashcomponents.net/component/yeah_gallery_advanced_3d_xml_gallery.html
- carousel.us (javascript carousel): http://www.piksite.com/carousel.us/
- Simple 3D Carousel: http://www.hotajax.org/mootools/photos-other-plugins/491-mootools.html
- An intuitive 3-D interface helps people manage layers of data : http://www.technologyreview.com/TR35/Profile.aspx?Cand=T&TRID=796
- IceCube 3D Builder on the NetBeans Platform: http://netbeans.dzone.com/news/icecube-builder-netbeans
Tutorials
- How to Use Microsoft Paint 3D: https://www.howtogeek.com/303492/how-to-use-microsoft-paint-3d/
- Creating pseudo 3D games with HTML 5 canvas and raycasting: http://dev.opera.com/articles/view/creating-pseudo-3d-games-with-html-5-can-1/
- Creating pseudo 3D games with HTML 5 canvas and raycasting - Part 2: http://dev.opera.com/articles/view/3d-games-with-canvas-and-raycasting-part/
- HTML5 Canvas 3D particles: http://sebleedelisle.com/2010/03/html5-canvas-3d-particle/
- How to Create an HTML5 3D Engine: http://sixrevisions.com/web-development/how-to-create-an-html5-3d-engine/
- Make an awesome 3D anaglyph website using CSS text-shadow: http://www.sean.co.uk/a/webdesign/3d/css-text-shadow-anaglyph.shtm
- CSS3 - 3D Transforms: https://www.webkit.org/blog/386/3d-transforms/
External Links
- wikipedia: Three-dimensional space
- wikipedia: Anaglyph image
- wikipedia: Stereoscopy
- wikipedia: Autostereoscopy
- wikipedia: Stereo camera
- wikipedia: Stereogram
- wikipedia: ChromaDepth
- wikipedia: UV mapping
- wikipedia: Light field
- wikipedia: Volumetric display
- wikipedia: 3D computer graphics
- wikipedia: 3D computer graphics software
- wikipedia: Comparison of 3D computer graphics software
- wikipedia: List of 3D computer graphics software
- wikipedia: 3D modeling
- wikipedia: 3D data acquisition and object reconstruction
- wikipedia: 3-D film
- wikipedia: 4D film
- wikipedia: 3D television
- wikipedia: Surround sound (often called 3D Sound)
- wikipedia: Digital cinema[7]
- wikipedia: RealD 3D
- wikipedia: IMAX#IMAX_3D
- wikipedia: Dolby 3D
- wikipedia: XpanD 3D
- Nintendo Japan says no 3DS for kids under six: http://arstechnica.com/gaming/news/2010/12/nintendo-warns-of-possible-3d-hazard-to-young-gamers.ars
- HTML5 Showcase - 48 Potential Flash-Killing 3D Demos: http://www.hongkiat.com/blog/48-excellent-html5-demos/
- 13 Incredibly Fresh New HTML5 Canvas 3D Demos: http://addyosmani.com/blog/13-incredibly-fresh-new-canvas-demos/
- 10 Awesome HTML5 Canvas 3D Examples: http://onepixelahead.com/2010/09/24/10-awesome-html5-canvas-3d-examples/
- Gnuplot demo scripts run through the HTML canvas terminal: http://skuld.bmsc.washington.edu/~merritt/gnuplot/canvas_demos/
- 3D Images Make Millions Sick, Yet Tech Companies Push On: http://www.foxnews.com/scitech/2011/01/20/d-means-headaches-companies-push/
- Why 3D doesn't work and never will. Case closed: http://blogs.suntimes.com/ebert/2011/01/post_4.html
- Stop being duped by the 3D scam: http://www.techrepublic.com/blog/hiner/stop-being-duped-by-the-3d-scam/7983
- The Hobbit - what's the gross-factor as film-goers complain of sickness?: http://www.guardian.co.uk/film/shortcuts/2012/dec/03/the-hobbit-film-complain-sickness
- Three.js EXAMPLE - Saturn: https://codepen.io/elliepooh/pen/yMqqWe
References
- ↑ You Can Still Download the Old Free Version of SketchUp: https://www.howtogeek.com/720402/psa-you-can-still-download-the-old-free-version-of-sketchup/
- ↑ Microsoft 3D Movie Maker From 1995 Is Now Open-Source: https://www.howtogeek.com/803277/microsoft-3d-movie-maker-from-1995-is-now-open-source/
- ↑ Dreams in 3D -- a WebGL experience for the modern browser : http://googlecode.blogspot.com/2011/05/dreams-in-3d-webgl-experience-for.html
- ↑ Javascript 3D Engine with Canvas and SVG Renderers: http://drawlogic.com/2010/04/25/three-js-javascript-3d-engine-with-canvas-and-svg-renderers/
- ↑ SPARALLAX - SPARQL to Parallax converter: http://sparallax.deri.ie/#;
- ↑ Rubik's Cube Java applet program: https://ruwix.com/the-rubiks-cube/rubiks-cube-java-applet-software-program-josef-jelinek-animating-rubix/
- ↑ Digital Cinema Conversion Nears End Game: https://variety.com/2013/film/news/digital-cinema-conversion-nears-end-game-1200500975/
See Also
2D | 3D Printing | Animation | OpenGL | VRML | VML | Panorama | Carousel | CSS | Flash | HTML5 | Applet | Virtual Reality | Hologram
