Merge pull request #5 from Leterax/background

Background images and animation

Author: Hypertyz

brilliant-builders/firestarter/resources/sprites/background/Background.png

@@ -0,0 +1,104 @@
+#:import FadeTransition kivy.uix.screenmanager.FadeTransition
+
+
+<Dino>:
+    canvas:
+        Rectangle:
+            source: "dino.png"
+            size: 750, 600
+            pos: self.pos
+
+<RootScreen>:
+    dino: dino
+
+    transition: FadeTransition()
+
+    StartScreen:
+        name: "start"
+        FloatLayout:
+            Image:
+                size_hint: 1, 1
+                pos_hint: {"center_x": 0.5, "center_y": 0.5}
+                keep_ratio: False
+                allow_stretch: True
+                canvas.before:
+                    Color:
+                        rgb: 0,0,0
+                    Rectangle:
+                        size: self.size
+                        pos: self.pos
+                source: 'ui_background_half.png'
+        Button:
+            text: "PLAY!"
+            color: 0, 0, 0, 1
+            size_hint: 0.3, 0.1
+            pos_hint: {'center_x':0.5, 'center_y':0.6}
+            font_size: 50
+            on_release: root.current = "game"
+            background_normal: 'ui_box_medium.png'
+        Button:
+            text: "OPTION!"
+            color: 0, 0, 0, 1
+            size_hint: 0.3, 0.1
+            pos_hint: {'center_x':.5, 'center_y':.48}
+            font_size: 50
+            on_release: root.current = "game"
+            background_normal: 'ui_box_medium.png'
+
+    GameScreen:
+        name: "game"
+        FloatLayout:
+            Image:
+                size_hint: 1, 1
+                keep_ratio: False
+                allow_stretch: True
+                canvas.before:
+                    Color:
+                        rgb: 1,1,1
+                    Rectangle:
+                        size: self.size
+                        pos: self.pos
+                source: 'background.png'
+            Dino:
+                id: dino
+                pos: -100 , -205
+            Image:
+                source: "mountains_2.png"
+                pos_hint: {'center_x': 0.5, 'center_y': 0.4}
+                keep_ratio: False
+                allow_stretch: True
+                size_hint: 1, 0.7
+            Image:
+                size_hint: 1.2, 0.6
+                pos_hint: {'x': 0, 'y': 0}
+                keep_ratio: False
+                allow_stretch: True
+                source: "forest.png"
+            Image:
+                size_hint: 1, 1
+                source: "sun.png"
+                allow_stretch: True
+                keep_ratio: False
+            Image:
+                size_hint: 0.5, 0.5
+                pos_hint: {'center_x': 0.2, 'center_y': 0.8}
+                keep_ratio: False
+                allow_stretch: True
+                source: "clouds.png"
+            Image:
+                size_hint: 0.5, 0.5
+                pos_hint: {'center_x': 0.75, 'center_y': 0.8}
+                keep_ratio: False
+                allow_stretch: True
+                source: "clouds.png"
+            Image:
+                source: "grass_platform.png"
+                pos_hint: {'center_x': 0.5, 'center_y': 0.3}
+                keep_ratio: False
+                allow_stretch: True
+                size_hint: 1, 0.6
+            Image:
+                source: "cloud_platform_2.png"
+                keep_ratio: True
+                allow_stretch: True
+                pos_hint: {'center_x': 0.5, 'top': 0.8}

brilliant-builders/firestarter/resources/sprites/background/background.kv

@@ -0,0 +1,59 @@
+from kivy.app import App
+from kivy.clock import Clock
+from kivy.properties import (
+    NumericProperty, ObjectProperty, ReferenceListProperty
+)
+from kivy.uix.screenmanager import Screen, ScreenManager
+from kivy.uix.widget import Widget
+from kivy.vector import Vector
+
+
+class Dino(Widget):
+    '''Widget for the dinosaur'''
+    velocity_x = NumericProperty(0)
+    velocity_y = NumericProperty(0)
+
+    # referencelist property so we can use ball.velocity as
+    # a shorthand, just like e.g. w.pos for w.x and w.y
+    velocity = ReferenceListProperty(velocity_x, velocity_y)
+
+    # ``move`` function will move the ball one step. This
+    #  will be called in equal intervals to animate the ball
+
+    def move(self) -> None:
+        self.pos = Vector(*self.velocity) + self.pos
+
+
+class RootScreen(ScreenManager):
+    dino = ObjectProperty(None)
+
+    def dino_move(self, vel: list = (3, 0)) -> None:
+        self.dino.velocity = vel
+
+    def update(self, dt: float) -> None:
+        # call dino.move and other stuff
+        self.dino.move()
+
+        # return the dino to the beginning
+        if self.dino.x > self.x + 1300:
+            self.dino.pos = -350, -250
+
+
+class StartScreen(Screen):
+    pass
+
+
+class GameScreen(Screen):
+    pass
+
+
+class backgroundApp(App):
+    def build(self) -> None:
+        game = RootScreen()
+        game.dino_move()
+        Clock.schedule_interval(game.update, 60.0 / 60.0)
+        return game
+
+
+if __name__ == "__main__":
+    backgroundApp().run()