towergame/App.js at main · eomchny/towergame · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
import { StatusBar } from "expo-status-bar";
import React, { useEffect } from "react";
import { StyleSheet, Text, View } from "react-native";
import { NavigationContainer } from "@react-navigation/native";
import { createStackNavigator } from "@react-navigation/stack";
import { Asset } from "expo-asset";
import * as Font from "expo-font";

/*Screens*/
import Index from "./src/screen/index/index";
import Game from "./src/screen/game/game";

/*Nav*/
const Stack = createStackNavigator();

const images = [
  require("./src/imgs/icons/element_attack.png"),
  require("./src/imgs/icons/element_defend.png"),
  require("./src/imgs/icons/element_recover.png"),
  require("./src/imgs/icons/element_gold.png"),
  require("./src/imgs/icons/frame.png"),

  /*Status*/
  require("./src/imgs/icons/status/attack.png"),
  require("./src/imgs/icons/status/defend.png"),
  require("./src/imgs/icons/status/recover.png"),
  require("./src/imgs/icons/status/gold.png"),
  require("./src/imgs/icons/status/heart.png"),

  /*Buttons*/
  require("./src/imgs/buttons/decide_available.png"),
  require("./src/imgs/buttons/decide_disable.png"),
  require("./src/imgs/buttons/cancel_available.png"),
  require("./src/imgs/buttons/cancel_disable.png"),

  /*Backgrounds*/
  require("./src/imgs/backgrounds/battle_top.png"),
  require("./src/imgs/backgrounds/battle_bottom.png"),
  require("./src/imgs/backgrounds/battle_cloud.png"),
  require("./src/imgs/backgrounds/battle_sky.png"),
  require("./src/imgs/backgrounds/book_left.png"),
  require("./src/imgs/backgrounds/tile.png"),
  require("./src/imgs/backgrounds/board/origbig.png"),
  require("./src/imgs/backgrounds/controller_bg.png"),
  require("./src/imgs/backgrounds/option.png"),

  /*Controll Images*/
  require("./src/imgs/buttons/cancel_press_in.png"),
  require("./src/imgs/buttons/cancel_press_out.png"),
  require("./src/imgs/buttons/decide_press_in.png"),
  require("./src/imgs/buttons/decide_press_out.png"),
  require("./src/imgs/buttons/rotate_left_press_in.png"),
  require("./src/imgs/buttons/rotate_left_press_out.png"),
  require("./src/imgs/buttons/rotate_right_press_in.png"),
  require("./src/imgs/buttons/rotate_right_press_out.png"),
  require("./src/imgs/buttons/rotate_vertical_press_in.png"),
  require("./src/imgs/buttons/rotate_vertical_press_out.png"),
  require("./src/imgs/buttons/rotate_horizontal_press_in.png"),
  require("./src/imgs/buttons/rotate_horizontal_press_out.png"),

  /*Character*/
  require("./src/imgs/character/moving_0.png"),
  require("./src/imgs/character/moving_1.png"),
];

export default function App() {
  const cacheImages = async (images) => {
    const promises = images.map((image) => {
      return Asset.fromModule(image).downloadAsync();
    });
    await Promise.all(promises);
  };

  useEffect(() => {
    const loadFonts = async () => {
      await Font.loadAsync({
        "Dot-font": require("./src/fonts/DotGothic16-Regular.ttf"),
        Ancient: require("./src/fonts/Ancient.ttf"),
        Dungeon: require("./src/fonts/DungeonFont.ttf"),
      });
    };

    loadFonts();
    cacheImages(images);
  }, []);

  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen
          name="Index"
          component={Index}
          options={{
            headerShown: false,
            animationEnabled: false,
          }}
        />

        <Stack.Screen
          name="Game"
          component={Game}
          options={{
            headerShown: false,
            animationEnabled: false,
          }}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}