Your SlideShare is downloading. ×
2D art for real time 3D web game
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

2D art for real time 3D web game


Published on

Published in: Entertainment & Humor

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. 2D Art For Realtime3D Web Game
  • 2. Content:This session will discuss the formation 2d art for real time 3dweb game.• Character• Environment• Artwork for PR
  • 3. Part 1: Character  Character style The characters were sketched in different styles
  • 4. After a survey, this style was voted by gamers
  • 5. concept 3d model3d character was made based on a 3d concept It looks so cute
  • 6. Character in fixed And wearing a hat cam mode
  • 7. Some animation samples. The animations are hard to see and interactive from this camera angle
  • 8. How do you improve these problems?
  • 9. Step 1:• Adjust the hip higher• Pull the arms and legs longer
  • 10. These not enough adjustments because the result arestill not better from this camera angle. original fixed
  • 11. Adjust the ratio of body and head a second timeIncrease the scale of the arm and leg, then decrease the scale ofthe head. This way the character is more balance and attractive
  • 12. Old 3d character New 3d character New 3d character in perspective viewpoint
  • 13. Step 2: Adjust the camera angle and make the camera move in a flowing path.
  • 14. With a new angle and movement of camera, we can observe costumes and funny animations easily
  • 15.  Costume:The costumes, which are made separately, are really nice. Forexample: shirt, pants, glovers, hat. But when they werecombined together, the result wasn’t good.Solution: • Full set • Topic
  • 16. Fullset sketches
  • 17. Occupation sketches
  • 18. Part 2: Environment
  • 19. Because of limited art resources, when a 3d scene is createdfrom 2d sketch, these contours can’t be drawn, so the resultbetween 2d and 3d is not the same.
  • 20. For solving this problem, just cleanup these contour, sothat the final result is similar.
  • 21. A concept artist, who usually makes mistakes, wants to showthe density of the objects to look like real life.
  • 22. A large amount of polygons are showed in a small area , sothis way is not good for game performance
  • 23. A tip for optimizing art resources• 2d and 3d artists use a common texture library Example : using common texture library
  • 24. Part 3: Art work for PR 2D Sketch
  • 25.  Character’s pose in 3d
  • 26.  Retouch and add more details
  • 27.  Final step, Combine all characters together, and add the background and effects.
  • 28. • This method is really effectine, when an artwork is drawn by many artists at the same time.• 2d artists want the characters of artwork and in-game to be the same.
  • 29. Some artwork were made using the same method.
  • 30. Conclusion:• Defining the camera’s angle and active range is the most important thing for the next steps.• Avoid drawing many details in a small area.• 2d and 3d artists should use a common texture library .• Combine 2d and 3d for drawing an art work.