Topic: Applying (Visual Effects used in Movie) concepts to Maratis for Games.

Note: work in progress.


Here we will be looking at some, "Visual Effects" concepts/techniques used in the production of movies that we could also use in Maratis. Somethings may be dependent on the current state of the Maratis roadmap, but still relevant to you as a game developer.


Introduction

You might have seen films with heavy visual effects and heard people say “The visual effects were amazing!”, but what exactly are visual effects and how do they work?  Visual effects (commonly shortened to Visual FX or VFX) is the term used to describe any imagery created, altered, or enhanced for a film or other moving media that cannot be accomplished during live-action shooting.

One of the single biggest misconceptions about movies is that the content in them is hard to produce or expensive, nothing could be further from the truth. The majority of money spent on a movie is on actors and rendering time. The movie Shrek took 5 years to render on 2000+ computers at the time of its creation. Imagine running 2000+ Amazon EC2 instances  24/7 for the next 5 years and that's not even counting storage for all your pre and post rendered files. Then you have your actors and the big names are not cheap.

But actually creating the content its self, doesn't cost anything other than time, and its all fairly easy to do. The VFX industry loves fast and easy, because 5-6 years of production isn't fun and it cost to much.


What we want to do is merge both VFX Production Concepts and Game Development Concepts into a single entity that is a great looking game. Some of the things you will see, might cause you to doubt your own ability and question my sanity wink but I guarantee you with a little practice regardless if your an artist or a programmer or neither you will be able to produce everything here at a speed and quality, that has others thinking your a professional.


Table of Contents

  • Matte Painting

  • Camera Mapping

  • Destructible Buildings

  • Ground Breaks and Earth Quakes

  • Animated Planes and Explosions



Matte Painting
A matte painting is a painted representation of a landscape, set, or distant location that allows filmmakers to create the illusion of an environment that is nonexistent in real life or would otherwise be too expensive or impossible to build or visit. Historically, matte painters and film technicians have used various techniques to combine a matte-painted image with live-action footage. At its best, depending on the skill levels of the artists and technicians, the effect is "seamless" and creates environments that would otherwise be impossible to film.

The following is a "Matte Painting In Progress".  Matte Painting's are normally made up of various images that are layered and blended in a image editor in order to create something new. In the second screenshot you can see the different images on seperate layers.

Start
http://moon245.3dtotal.com/admin/new_cropper/tutorial_content_images/474_tid_28_step3_groundstart.jpg

Halfway Completed
http://moon245.3dtotal.com/admin/new_cropper/tutorial_content_images/474_tid_37_step3_firstiyi=.jpg

Completed
http://www.3dtotal.com/admin/new_cropper/tutorial_content_images/474_tid_47_step3_imagesadjustments=.jpg



Camera Mapping
Camera Mapping, also known as camera projection, is a quick and easy technique to apply a quick ’3d’ look to a scene with the camera moving while minimizing the amount of actual modelling.

When combined with Matte Painting you can combine 3D and 2D objects in-order creating the illusion that your 2D Matte Painting is in fact a 3D Object.

http://1.bp.blogspot.com/-UWOczz1yPwU/Tk_A8zCqLTI/AAAAAAAAJn4/DDE_-bkxOPE/s1600/Mattingly_Digital_Matte_Painting_Handbook.jpg


How to apply to Maratis
Matte Painting and Camera Mapping could be used several different ways, below you will see a screenshot the idea was to use these two methods to fill in parts of a scene that might not be accessible to the player, like passing by a window or looking out a window and you see the ruins below.

Another idea would be to use this method on the outer-bounds of your world to create the illusion that your scene is much larger than it is.

You could also use this to prototype a scene you like but have trouble creating.

You could use matte painting to create really cool custom pieces of art work, like paintings hanging on a wall in your scene/game.

And finally we might eventually have support for video textures and knowing the above will allow you to build really cool intros and cut scenes. 

Note: Normaly you would slice your source image up and use those to texture several different planes, or 3d objects, for more depth and less stretching.
https://lh5.googleusercontent.com/-8IVpJOMCf14/Umf56RJoEoI/AAAAAAAABwo/WWSbrZ_UI1w/w987-h537-no/Screenshot28.png


Animated Planes and Explosions
The idea here is to create a realistic explosion or similar particle effect, render out each frame to an image with a transparent background. Combine those rendered frames to a single image and create an Animated Plane. We would normally use these
at a distance but honestly I am sure even at close range they should be convincing enough.

http://www.fxguide.com/wp-content/uploads/2012/07/DMM_MPC_ships.jpg

Last edited by zester (2013-10-23 17:07:28)

Re: Applying (Visual Effects used in Movie) concepts to Maratis for Games.

I'm hungry for MO-UH! haha. That is an awesome photo, and yes, it does look a bit overwhelming, because I don't like to dedicate that much time to something that would be dispensable after people get used to it. BUT, if it were modular (where parts can be re-used) then that would be worth it. As a matter of fact, I do see some modular design here. I like your threads Zester.

Re: Applying (Visual Effects used in Movie) concepts to Maratis for Games.

This was what I was able to do in just a few minutes with the image above.

https://lh4.googleusercontent.com/-9fq5at4ka4Q/UmfpCxmynwI/AAAAAAAABvc/rx1VlKCWOwE/w987-h356-no/mattetest.png

Re: Applying (Visual Effects used in Movie) concepts to Maratis for Games.

Don't they also call this compositing? I never thought of doing 3D compositing. I know After Effects can do something similar (Camera projection).

Re: Applying (Visual Effects used in Movie) concepts to Maratis for Games.

Tutorial Doctor wrote:

Don't they also call this compositing? I never thought of doing 3D compositing. I know After Effects can do something similar (Camera projection).

You can call it that, many people do. I tend to think of "compositing" as "green screens" thou.

Re: Applying (Visual Effects used in Movie) concepts to Maratis for Games.

Started doing some test for Animated Planes and Explosions.

This is a smoke simulation, something like this might be good for a smoking cigar or cigarette.
https://lh5.googleusercontent.com/-K30sbMutwtg/Umj5sn0JIDI/AAAAAAAABxg/ZffWP0oLlr8/w983-h141-no/Smoke.png

And here is an explosion, working on getting this to look like the one above, its 51 frames we can cut that by half for Maratis.
I have all the elements in my simulation, (Smoke, Fire, Shrapnel), I need some adjustments in physics and less smoke more fire.
Note: This looks completely different(realistic) when rendered.
https://lh5.googleusercontent.com/-R6Q6IJzD1lI/Umj6qsCMrVI/AAAAAAAAByE/i5zWwGJiLTo/w983-h593-no/Screenshot29.png


Note: I thought that doing particle effects on an animated texture was kind of a hack, but it turns out this is an extremely common method especially on systems with performance constraints like Android and IPhone.

Last edited by zester (2013-10-24 11:18:52)

Re: Applying (Visual Effects used in Movie) concepts to Maratis for Games.

I always found this technique wonderful, made some experiment with it, but i never went further.
Can't wait to see a demo project featuring this wink
The explosion stuff also interest me alot, some pretty nice stuff going on here wink
Good work!

Re: Applying (Visual Effects used in Movie) concepts to Maratis for Games.

zester wrote:

This was what I was able to do in just a few minutes with the image above.

https://lh4.googleusercontent.com/-9fq5at4ka4Q/UmfpCxmynwI/AAAAAAAABvc/rx1VlKCWOwE/w987-h356-no/mattetest.png

I used Sketchup's Match Photo to get a similar effect. It projects an image onto a 3d model that is modeled from the actual photo. I got a bit of distortion because of the way the photo was taken. but I just made up the rest of the model. I think I took a photo of it. If I did, I will post it.


https://sites.google.com/site/maratisfiles/files/Screenshot%20%28819%29.png

Last edited by Tutorial Doctor (2013-10-30 18:20:29)