The process of creating a puzzle of hidden objects on Fb

Our 2D creative group not too long ago works on a fb recreation: Seaside Hideaway. It's a themed hidden object recreation, that includes many lovely resorts.

I’ll clarify right here the process to comply with to appreciate one of many hidden puzzles, from the design to the end. It's a roulette corridor inside a on line casino. The shopper desires the structure to appear to be this image, with a redesigned inside:

Though the consumer doesn’t strictly require that the scene be created in 3D, he desires a excessive degree of favor and high quality. We expect that the combination of 3D at creation would save work. As it’s an indoor scene, it could be simpler in 3D to regulate the angle of the digital camera and furnishings if the shopper requested us.

1. Design part:

The thought is to construct the scene utilizing 3D fashions, then render web line drawings from the 3D scene and ship them to the consumer. That is the scene we’re constructing at Maya:

Actually, it takes much less time than you assume. Right here's how we get the fashions:

Roulette desk: We search Google for "free 3D roulette" and select a very good one. The wheel may be very near the digital camera, so it wants good particulars. However the downloaded mannequin is a really primary geometry, hardly a cylinder on this piece, it requires extra work. You’ll be able to see the white elements on the wheel, we mannequin them by hand. Actually, they’re additionally quite simple geometries.

Chairs are downloaded from http://archive3d.web/. There are millions of chairs on the market, however it's unusual that discovering a chair precisely what you need is so troublesome! We discover a slender chair and add the border by ourselves. You’ll be able to see the highlighted inexperienced half.

The blackjack desk on the left is borrowed from one other scene as a result of we’ve got created many on line casino scenes for this recreation.

The underside of the room is modeled by hand. You’ll be able to see that also they are quite simple geometries. After which, that's it, it's the road drawing that we render from this scene. I’ve a separate weblog publish on tips on how to make line drawing exterior the 3D scene.

Then we paint the colour and design of the lighting. The design part is now full.

2. Artwork course accomplished:

At this level, we’ll first render a 3D picture, then repaint it in 2D to fulfill the shopper's request. Beneath you’ll discover the 3D rendering we’ve got made.

3D work has two most important steps: texture mapping and lighting. Throughout the texture mapping step, we spend most of our time trying to find appropriate textures. We evaluate our personal stock, Google and our paid on-line textures retailer. We want a excessive definition mannequin for the desk, however we can’t discover it. So we created one:

The mapping may be very easy. To save lots of time, we solely use primary UV projection instruments, similar to aircraft projection, cylinder projection, computerized projection. We don’t resolve texture joints and different mapping issues as a result of we are able to resolve them on the subsequent 2D over-painting stage. And the lighting is easy too. We now have simply positioned a luminous dot above every roulette desk. And add some specular lights solely to create highlights for the objects. Simply take into account that, to avoid wasting money and time, maintain lighting easy. The shortage of lighting could be accomplished by a 2D portray. As soon as we’ve got the 3D rendering picture, we move it to the 2D artist. The artist would repaint it, making it look extra like a portray. Crucial duties to perform at this stage are:

Add extra refined lights to complement the lighting of the scene.

Add a brushstroke to every little thing, in order that the image seems extra like a portray. In future articles, I’ll give a extra detailed clarification of this stage of portray in 2D.

three. Placement of objects and portray

Because it's a hidden object recreation, it's time to fill the scene with objects. Making hidden objects additionally includes many guidelines and ideas, I’ll clarify in future articles.