Web Multimedia Blog

Multimedia Web Design Advice, Photography, Video, music, Mobile Websites, and Company News.

New 3D Web Page: My Portfolio

joel reinke - Tuesday, December 21, 2010

A new portfolio page has now been launched.  The Mountain MultiMedia portfolio page was in need of an update since the new web page design was launched.  I really wanted to keep working with the 3D Flash package that I used for Carousel: Papervision3D.  This was a great opportunity to utilize it.

I've seen many basic 3D portfolios using a rotating carousel (way more basic than the Carousel web site), and many fading slideshows.  I wanted to try something new and exciting, and I came up with the 'Floating Cloud Portfolio'.



Check it out at: http://www.mountainmultimedia.biz/portfolio

What inspired this? I love landscape photography and landscape painting.  This is kind of the Multimedia equivalent of the two.  The web design is similar to the other new web pages, with the mountain locked to the bottom of the browser and it resizes to fit any screen.  Overlaid on top of that is the clouds and portfolio pictures that move as the mouse moves.  Its like a constantly evolving painting!

It utilizes the particle system to keep the massive number of floating objects efficient.  Clicking on the pictures expands them and gives a description of the design work I did for them. 

It is also easy to update as it uses XML to handle the data.  This program is very easily adaptable for many styles.

If you are interested in using this for your own website, let me know and I'll put something together for you.

3D Web Design

joel reinke - Wednesday, September 29, 2010
Just launched our first 3D Web Design
www.carouselcafeandicecream.com

3D Web Design ShotIt was a very in-depth process but was a lot of fun.  I hope to do many more designs in 3D.  I think making a game is in order, though I don't know if I'll have the time to do it.  At the very least I will revamp my own web design to incorporate 3D in the coming month or so.

I don't want to go into the technicals on it but just wanted to mention that I learned 3D modeling in the process.  I almost was able to design the whole thing without it, utilizing the base functions of flash Papervision3D,  but the client requested horses be added to the carousel - which made perfect sense.  This was a great opportunity to dive into 3D modeling and I feel confident I could now model all sorts of animals, creatures, buildings, and more.  To keep the load time of the horses managable, I kept the design of the horse to a low polygon count.  I look forward to posting a more elaborate horse model in its own flash page where there are not so many other items eating up processing.

UPDATE, October 27: I went back in to try and develop the horse 3D model more elaborately.  I found that because of some of the efficiency choices I made to make it load faster, it was hard to get that back to where I needed it to be for efficient modeling.  Part of that was, like many have mentioned, because when you get out of quads into triangles, it becomes a workflow issue. Now, seeing that play out, I couldn't agree more.  Triangle dominant models are tough to work with, however, to keep a model managable for 3D Web site design, you need to creatively break it down into a triangle-based model.  Why? Because every quad requires 2 triangles in Papervision3D.  And just to put it in context, you only get about 3000 triangles in Papervision before performance suffers.  If this seems low its because internet browsers only give a smaller portion of memory to Flash processing and some other issues. Anyway, I digress:

The point I was trying to make is I've ditched the idea of continuing work on the horse model in favor of making a 3D Dragon!  I've always loved dragon art and have had difficulty painting one.  So I'm 3D modeling one and so far its looking quite good.  It's going to be a pretty high-polygon count model so it may not be able to display online in flash, but we'll see.  I will at least post some high res renders of it from Blender, etc.
-----END UPDATE-------

(BTW: If you'd like a more in-depth guide to 3D Web Design let me know)

So please go and check out Carousel, they have great ice cream, donuts, sandwiches, and more!

If you're considering a 3D web design, I'd highly encourage it for the right creative application/presentation.

Thanks,

-Joel Reinke