วิธีการสร้างกระเบื้องภาพวาดสามมิติเอียง (สูง)

นี่อาจอธิบายได้ดีที่สุดในเชิงภาพ ฉันกำลังพยายามสร้างเกม isometric 2.5D วิสัยทัศน์ของฉันสำหรับเกมที่ดูเหมือนว่าเป้าหมายของฉัน:

ฉันไม่ใช่ศิลปินกราฟิกดังนั้นฉันจึงมีปัญหาในการสร้างแผ่น "เอียง" เพื่อจำลองภูมิประเทศที่มีความสูงต่างกัน การสร้างไทล์ไอโซโทปพื้นฐานนั้นง่ายโดยใช้ขั้นตอนต่อไปนี้:

1. สร้างไทล์ 64x64 สแควร์
2. หมุน 45 องศา
3. ปรับขนาดความสูงลงเป็น 2 เท่า

การสร้างไทล์ "เอียง" เป็นเรื่องที่ท้าทายยิ่งกว่า ในการกำจัดของฉันฉันมี Photoshop แต่ฉันยังห่างไกลจากผู้เชี่ยวชาญที่ใช้มัน นี่คือปัญหาปัจจุบันของฉัน:

ฉันไม่แน่ใจว่าฉันจะจัดการกับจุดยอดได้ไม่งั้นมันก็ง่าย แต่โดยทั่วไปแล้วเพื่อให้ได้ไพ่ "เอียง" จากพื้นฐานภาพวาดสามมิติของฉันสิ่งที่ฉันต้องทำก็คือเลื่อนด้านล่างและจุดยอดขวาลง 16 พิกเซล ในขณะที่แก้ไขอีกสองจุดยอด นี่จะสร้างไทล์ที่ฉันต้องการ

เป็นวิธีที่ง่ายในการบรรลุสิ่งนี้ Photoshop เป็นเครื่องมือที่เหมาะสมสำหรับสิ่งนี้หรือไม่? ข้อเสนอแนะใด ๆ

คุณสามารถสร้างไทล์หากคุณต้องการ - ใช้ Photoshop หรืออย่างอื่น ฉันอยากจะแนะนำโปรแกรมวาดภาพเวกเตอร์ไม่ใช่โปรแกรมวาดภาพพิกเซล (ฉันไม่รู้มากพอเกี่ยวกับ Photoshop และอื่น ๆ เพื่อให้รู้ว่ามันให้บริการอะไรในปัจจุบัน)

โดยส่วนตัวแล้วฉันขอแนะนำให้คุณไม่ต้องกังวลว่าจะสร้างแผ่นกระเบื้องแทนที่จะให้เกมวาดรูปพวกเขาจริง ๆ โดยใช้ API การวาดของคุณมันจะง่ายขึ้นมาก

เก็บรูปภาพสี่เหลี่ยมจัตุรัส 64x64 เป็นแหล่งที่มาเพื่อรับเวอร์ชันเอียงคุณจะเอียงภาพลงทางด้านขวาก่อน (เพื่อให้ตรงกับภาพตัวอย่างของคุณ) จากนั้นหมุน 45 องศาและลดความสูงลง ผลลัพธ์จะเป็นความชันที่คุณกำลังมองหา (มีการทดลองและข้อผิดพลาดเล็กน้อย

การดูว่าทุกขั้นตอน (เปลี่ยนการแรเงาการบิดหมุนการปรับขนาด) นอกจากการสร้างสแควร์เริ่มต้นนั้นค่อนข้างง่ายคุณอาจต้องการทำตามขั้นตอนเหล่านี้ด้วย openGL ทั้งในการเริ่มเกมหรือเป็นขั้นตอนอัตโนมัติในการสร้าง กระบวนการ (ทำโปรแกรมขนาดเล็กที่สามารถทำสิ่งที่บิดเบือน / หมุนตามที่คุณต้องการและเพิ่มลงในสคริปต์การสร้าง)

การใช้กราฟิกแบบเวกเตอร์อาจเป็นความคิดถ้าคุณต้องการทำแผ่นกระเบื้องลาดเอียงด้วยตนเองต่อไป Photoshop มีการสนับสนุนเลเยอร์เวกเตอร์ดังนั้นคุณไม่จำเป็นต้องเรียนรู้โปรแกรมใหม่เพื่อลองสิ่งนี้