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 styleThe 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 seeand 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. originalfixed 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 characterNew 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 canobserve 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 wasnt 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 cant 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 libraryExample : using common texture library 24. Part 3: Art work for PR 2D Sketch 25. Characters pose in 3d 26. Retouch and add more details 27. Final step, Combine all characters together, and add thebackground and effects. 28. This method is really effectine, when an artwork is drawnby many artists at the same time. 2d artists want the characters of artwork and in-game tobe the same. 29. Some artwork were made using the same method. 30. Conclusion: Defining the cameras angle and active range is the mostimportant 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.