当你将堆叠法伪3d运用到实操当中。。。。

cjjJasonchen

旋转的伪3d史莱姆

俯仰正负90度（后续可能改成360度全向），绕X轴旋转360度

通过pygame的get_at和set_at函数，设置史莱姆的表情

1. """
   
2. 俯视视角下的伪3D实现测试（切片堆叠法
   
3. """
   
4. 
   
5. import pygame
   
6. import sys, pickle
   
7. from typing import List
   
8. from pygame.locals import *
   
9. 
   
10. 
    
11. class Sprites3D:
    
12.     X, Y, Z = 0, 1, 2
    
13. 
    
14.     def __init__(
    
15.             self,
    
16.             images: [],  # 图像列表[image1, image2, ...] 从上到下
    
17.             angle: [],  # 角度列表 图片中心为中心，俯仰角度
    
18.             position: [],  # 位置 x, y
    
19.     ):
    
20.         self.images = images
    
21.         self.angle = angle
    
22.         self.rect = self.images[-1].get_rect()
    
23.         self.rect.center = position
    
24.         self.height = len(self.images)
    
25. 
    
26.     def set_face(self, image, width=15):
    
27.         """设置表情，接受一张高度、宽度与自身相同的图片"""
    
28.         rect = image.get_rect()
    
29.         images = self.images
    
30.         range_x = range(rect[2])
    
31.         range_w = range(87,95)
    
32.         for index in range(len(images)):  # 被替换的图片的索引
    
33.             for x in range_x:  # 表情的x轴位置
    
34.                 for width in range_w:
    
35.                     images[index].set_at((x, width), image.get_at((x, index)))
    
36. 
    
37. 
    
38. 
    
39.     def update(self):
    
40.         pass
    
41. 
    
42.     def draw(self, screen):
    
43.         h = self.height
    
44.         angle = self.angle
    
45.         shift = 0  # 每张图片向上的偏移量
    
46.         for index in range(h-1, -1, -1):
    
47.             image = self.images[index]
    
48.             image = pygame.transform.rotate(image, angle[0])
    
49. 
    
50.             # 俯仰
    
51.             if -45 <= angle[1] <= 45:
    
52.                 shift += (angle[1] / 45) * 0.75
    
53.             elif -90 <= angle[1] < -45:
    
54.                 shift += ((angle[1] + 45) / 45) * 0.25 - 0.75
    
55.             elif 45 < angle[1] <= 90:
    
56.                 shift += ((angle[1] - 45) / 45) * 0.25 + 0.75
    
57. 
    
58.             rect = image.get_rect()
    
59.             image = pygame.transform.smoothscale(image,[rect[2], rect[3] * (1 - abs(angle[1] / 90))])
    
60.             rect = image.get_rect()
    
61.             rect.center = self.rect.centerx, self.rect.centery
    
62.             rect.y += shift
    
63. 
    
64.             screen.blit(image, rect)
    
65. 
    
66. 
    
67. 
    
68. # 颜色常量
    
69. WHITE = (255,255,255)
    
70. BLACK = (0,0,0)
    
71. 
    
72. 
    
73. size = width, height = 800,600
    
74. 
    
75. screen = pygame.display.set_mode(size)
    
76. 
    
77. pygame.display.set_caption("title")
    
78. 
    
79. clock = pygame.time.Clock()
    
80. 
    
81. delay = 60 # 延时计时器(1秒)
    
82. 
    
83. # 是否全屏
    
84. fullscreen = False
    
85. screen_change = False
    
86. 
    
87. # 背景颜色设定
    
88. bg_color = WHITE
    
89. 
    
90. running = True
    
91. 
    
92. # 伪3d对象
    
93. image_list = []
    
94. for i in range(12):
    
95.     image_list.append(pygame.image.load("images/top.png"))
    
96. for i in range(75):
    
97.     image_list.append(pygame.image.load("images/center.png"))
    
98. for i in range(13):
    
99.     image_list.append(pygame.image.load("images/top.png"))
    
100. s3d = Sprites3D(image_list,[30,-50],[200,200])
     
101. s3d.set_face(pygame.image.load("images/face1.png"))
     
102. 
     
103. while running:
     
104. 
     
105.     # 设定帧数
     
106.     clock.tick(60)
     
107. 
     
108.     # 延时计时器刷新
     
109.     if delay == 0:
     
110.         delay = 60
     
111. 
     
112.     delay -= 1
     
113. 
     
114.     # 检测是否全屏
     
115.     if fullscreen and screen_change:
     
116.         screen = pygame.display.set_mode(size,FULLSCREEN,HWSURFACE)
     
117.         screen_change = False
     
118.     elif screen_change:
     
119.         screen = pygame.display.set_mode(size)
     
120.         screen_change = False
     
121. 
     
122.     # 事件检测
     
123.     for event in pygame.event.get():
     
124.         if event.type == QUIT:
     
125.             pygame.quit()
     
126.             sys.exit()
     
127. 
     
128.         # 鼠标
     
129.         if event.type == MOUSEBUTTONDOWN:
     
130.             print(1)
     
131.             
     
132. 
     
133.         # 按键按下事件
     
134.         if event.type == KEYDOWN:
     
135.             if event.key == K_ESCAPE:
     
136.                 pygame.quit()
     
137.                 sys.exit()
     
138.                
     
139.             #F11切换全屏
     
140.             if event.key == K_F11:
     
141.                 fullscreen = not fullscreen
     
142.                 screen_change = True
     
143. 
     
144.             if event.key == K_UP:
     
145.                 print("up1")
     
146.                 if s3d.angle[1] > -85:
     
147.                    s3d.angle[1] -= 5
     
148.                    print("up2")
     
149.                   
     
150.             elif event.key == K_DOWN:
     
151.                 if s3d.angle[1] < 85:
     
152.                    s3d.angle[1] += 5
     
153. 
     
154.             elif event.key == K_LEFT:
     
155.                    s3d.angle[0] -= 5
     
156. 
     
157.             elif event.key == K_RIGHT:
     
158.                    s3d.angle[0] += 5
     
159. 
     
160.             elif event.key == K_1:
     
161.                 s3d.set_face(pygame.image.load("images/face1.png"))
     
162. 
     
163.             elif event.key == K_2:
     
164.                 s3d.set_face(pygame.image.load("images/face2.png"))
     
165. 
     
166.             elif event.key == K_3:
     
167.                 s3d.set_face(pygame.image.load("images/face3.png"))
     
168. 
     
169.         # 按键抬起事件
     
170.         if event.type == KEYUP:
     
171.             pass
     
172. 
     
173.     #画背景
     
174.     screen.fill(bg_color)
     
175. 
     
176.     # 刷新xxx
     
177.     s3d.update()
     
178. 
     
179.     #画 xxxx
     
180.     s3d.draw(screen)
     
181.    
     
182.     # 刷新界面
     
183.     pygame.display.update()
     
184. 
     
185. 
     

复制代码

按键：

1：方眼睛方嘴巴
2：委屈脸
3：笑脸
上：抬头
下：低头
左：左旋转
右：右旋转

素材：

center.png

face1.png

face2.png

top.png

face3.png

注意：这个帖子会持续更新，欢迎大家借鉴，后续会将这个角色作为我下一个游戏实操项目的主角

求评分啦~

FishC

堆叠法伪3D是一种通过在2D平面上堆叠多个图层来模拟3D效果的技术。以下是如何将堆叠法伪3D运用到实际项目中的简要步骤：

1. **准备图层**：将每个图层的图像准备好，这些图像将代表不同的深度。

2. **设置图层位置**：根据每个图层的深度，设置它们在2D平面上的位置。通常，较远的图层会放置在较低的位置。

3. **调整透明度**：为了增强3D效果，可以调整每个图层的透明度，使得较远的图层更加透明。

4. **添加交互**：如果需要交互效果，可以通过鼠标或触摸事件来改变图层的位置或透明度，从而模拟视角的变化。

以下是一个简单的HTML和CSS示例，展示了如何使用堆叠法伪3D效果：

1. <!DOCTYPE html>
   
2. <html lang="en">
   
3. <head>
   
4.     <meta charset="UTF-8">
   
5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   
6.     <title>Stacked Pseudo 3D</title>
   
7.     <style>
   
8.         .layer {
   
9.             position: absolute;
   
10.             width: 100%;
    
11.             height: 100%;
    
12.             background-size: cover;
    
13.         }
    
14.         .layer1 { background-image: url('layer1.png'); z-index: 1; opacity: 0.9; }
    
15.         .layer2 { background-image: url('layer2.png'); z-index: 2; opacity: 0.7; }
    
16.         .layer3 { background-image: url('layer3.png'); z-index: 3; opacity: 0.5; }
    
17.     </style>
    
18. </head>
    
19. <body>
    
20.     <div class="layer layer1"></div>
    
21.     <div class="layer layer2"></div>
    
22.     <div class="layer layer3"></div>
    
23. </body>
    
24. </html>

复制代码

这个示例中，我们使用了三个图层，每个图层都有不同的透明度和z-index，以模拟深度效果。你可以根据需要调整图层的数量、位置和透明度，以实现更复杂的3D效果。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

不二如是

有意思！

python爱好者.

可爱的史莱姆）
开学咯，最近我好久没来论坛了，忙着预习哇...

python爱好者.

期待真3d（bushi

cjjJasonchen

python爱好者. 发表于 2024-8-31 22:12
期待真3d（bushi

真3d试过了，感觉只用pygame的画太麻烦了，长方体的八个顶点还比较好算，但是把图片渲染到长方体上非常困难

可能还是需要使用opengl。

孙文博

FishC 发表于 2024-8-28 17:37
堆叠法伪3D是一种通过在2D平面上堆叠多个图层来模拟3D效果的技术。以下是如何将堆叠法伪3D运用到实际项目中 ...

太厉害了

FishC

孙文博 发表于 2025-02-06 21:29
FishC 发表于 2024-8-28 17:37
堆叠法伪3D是一种通过 ...

谢谢夸奖！如果你在运用堆叠法伪3D时遇到任何问题，欢迎随时提问。我会尽力帮助你解答。祝你项目顺利！

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。