Merge pull request #11 from tastekim/master

Translate to Korean.
bonfire-engine · Oct 11, 2023 · e29dfbb · e29dfbb
2 parents 7715b9f + 46fe993
commit e29dfbb
Show file tree

Hide file tree

Showing 28 changed files with 3,373 additions and 35 deletions.
diff --git a/index-kr.html b/index-kr.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Bonfire</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+    <meta name="description" content="(RPG maker) Create RPG-style or similar games with Flutter.">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png">
+    <link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+    <link rel="manifest" href="/favicon/manifest.json">
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png">
+    <meta name="theme-color" content="#ffffff">
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/dark.css">
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@ky_wong/[email protected]/style.css">
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@ky_wong/[email protected]/custom-style.css">
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XW6XTLBWR6"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag() {
+            dataLayer.push(arguments);
+        }
+
+        gtag('js', new Date());
+
+        gtag('config', 'G-XW6XTLBWR6');
+    </script>
+    <style>
+        /* 기본 스타일 설정 */
+        body {
+            font-family: 'Arial', sans-serif;
+        }
+
+        .nav-dropdown-container {
+            position: relative;
+            display: inline-block;
+        }
+
+        .nav-dropdown-container > a {
+            text-decoration: none;
+            color: #333; /* 글자 색상 */
+            padding: 10px 15px;
+            border: none;
+            background-color: #f8f8f8; /* 배경색 */
+            cursor: pointer;
+            border-radius: 4px;
+            transition: background-color 0.3s;
+        }
+
+        .nav-dropdown-container > a:hover {
+            background-color: #e7e7e7; /* 호버 시 배경색 변경 */
+        }
+
+        .nav-dropdown {
+            display: none;
+            position: absolute;
+            right: 0; /* 우측 정렬 */
+            top: 100%; /* 상위 요소 바로 아래 */
+            border: 1px solid #ccc;
+            border-radius: 4px;
+            background-color: #f8f8f8;
+            z-index: 1000; /* 다른 요소 위에 표시 */
+        }
+
+        .nav-dropdown a {
+            display: block;
+            padding: 10px 15px;
+            color: #333;
+            text-decoration: none;
+        }
+
+        .nav-dropdown a:hover {
+            background-color: #e7e7e7;
+        }
+
+        /* 마우스 호버 시 드롭다운 표시 */
+        .nav-dropdown-container:hover .nav-dropdown {
+            display: block;
+        }
+
+        .version-selector {
+            width: 100%;
+        }
+    </style>
+</head>
+
+<body>
+<div id="app"></div>
+<script>
+    let versions = [
+        // {folder: '', label: 'v2.x', default: false},
+        {folder: 'v3.0-kr/', label: 'v3.x', default: true}
+    ];
+    let basePath = sessionStorage.getItem('basePath');
+    if (basePath == null) {
+        let defaultVersion = versions.find((v) => v.default).folder;
+        sessionStorage.setItem('basePath', defaultVersion);
+    }
+    const versionFolder = sessionStorage.getItem('basePath');
+
+    window.$docsify = {
+        name       : 'Bonfire',
+        repo       : 'https://github.com/bonfire-engine/bonfire-engine.github.io',
+        loadSidebar: true,
+        coverpage  : true,
+        // auto2top: true,
+        loadNavbar          : true,
+        maxLevel            : 4,
+        subMaxLevel         : 2,
+        basePath            : '/v3.0-kr/',
+        versions            : versions,
+        versionSelectorLabel: 'Version',
+    };
+</script>
+<script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
+<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/@ky_wong/[email protected]/index.js"></script>
+</body>
+
+</html>
diff --git a/index.html b/index.html
@@ -4,10 +4,10 @@
 <head>
   <meta charset="UTF-8">
   <title>Bonfire</title>
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
   <meta name="description" content="(RPG maker) Create RPG-style or similar games with Flutter.">
   <meta name="viewport"
-    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
   <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png">
   <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png">
   <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png">
@@ -32,50 +32,106 @@
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XW6XTLBWR6"></script>
   <script>
     window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
+
+    function gtag() {
+      dataLayer.push(arguments);
+    }
+
     gtag('js', new Date());
 
     gtag('config', 'G-XW6XTLBWR6');
   </script>
   <style>
+    /* 기본 스타일 설정 */
+    body {
+      font-family: 'Arial', sans-serif;
+    }
+
+    .nav-dropdown-container {
+      position: relative;
+      display: inline-block;
+    }
+
+    .nav-dropdown-container > a {
+      text-decoration: none;
+      color: #333;
+      padding: 10px 15px;
+      border: none;
+      background-color: #f8f8f8;
+      cursor: pointer;
+      border-radius: 4px;
+      transition: background-color 0.3s;
+    }
+
+    .nav-dropdown-container > a:hover {
+      background-color: #e7e7e7;
+    }
+
+    .nav-dropdown {
+      display: none;
+      position: absolute;
+      right: 0;
+      top: 100%;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+      background-color: #f8f8f8;
+      z-index: 1000;
+    }
+
+    .nav-dropdown a {
+      display: block;
+      padding: 10px 15px;
+      color: #333;
+      text-decoration: none;
+    }
+
+    .nav-dropdown a:hover {
+      background-color: #e7e7e7;
+    }
+
+    /* 마우스 호버 시 드롭다운 표시 */
+    .nav-dropdown-container:hover .nav-dropdown {
+      display: block;
+    }
+
     .version-selector {
       width: 100%;
     }
   </style>
 </head>
 
 <body>
-  <div id="app"></div>
-  <script>
-    let versions = [
-      { folder: '', label: 'v2.x', default: false },
-      { folder: 'v3.0/', label: 'v3.x', default: true }
-    ];
-    let basePath = sessionStorage.getItem("basePath");
-    if (basePath == null) {
-      let defaultVersion = versions.find((v) => v.default).folder;
-      sessionStorage.setItem("basePath", defaultVersion);
-    }
-    const versionFolder = sessionStorage.getItem("basePath");
-  
-    window.$docsify = {
-      name: 'Bonfire',
-      repo: 'https://github.com/bonfire-engine/bonfire-engine.github.io',
-      loadSidebar: true,
-      coverpage: true,
-      // auto2top: true,
-      loadNavbar: true,
-      maxLevel: 4,
-      subMaxLevel: 2,
-      basePath: sessionStorage.getItem("basePath"),
-      versions: versions,
-      versionSelectorLabel: 'Version',
-    }
-  </script>
-  <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
-  <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
-  <script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
-  <script src="//cdn.jsdelivr.net/npm/@ky_wong/[email protected]/index.js"></script>
+<div id="app"></div>
+<script>
+  let versions = [
+    {folder: '', label: 'v2.x', default: false},
+    {folder: 'v3.0/', label: 'v3.x', default: true}
+  ];
+  let basePath = sessionStorage.getItem('basePath');
+  if (basePath == null) {
+    let defaultVersion = versions.find((v) => v.default).folder;
+    sessionStorage.setItem('basePath', defaultVersion);
+  }
+  const versionFolder = sessionStorage.getItem('basePath');
+
+  window.$docsify = {
+    name       : 'Bonfire',
+    repo       : 'https://github.com/bonfire-engine/bonfire-engine.github.io',
+    loadSidebar: true,
+    coverpage  : true,
+    // auto2top: true,
+    loadNavbar          : true,
+    maxLevel            : 4,
+    subMaxLevel         : 2,
+    basePath            : sessionStorage.getItem('basePath'),
+    versions            : versions,
+    versionSelectorLabel: 'Version',
+  };
+</script>
+<script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
+<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/@ky_wong/[email protected]/index.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/v3.0-kr/README.md b/v3.0-kr/README.md
@@ -0,0 +1,33 @@
+# Bonfire 에 오신 것을 환영합니다(v3.0)
+
+> [FlameEngine](https://flame-engine.org/)의 힘으로 RPG 게임 등을 만들어보세요!
+
+[![Powered by Flame](https://img.shields.io/badge/Powered%20by-%F0%9F%94%A5-orange.svg)](https://flame-engine.org)
+[![Flutter](https://img.shields.io/badge/Made%20with-Flutter-blue.svg)](https://flutter.dev/)
+[![pub 패키지](https://img.shields.io/pub/v/bonfire.svg)](https://pub.dev/packages/bonfire)
+
+![](../_media/example.gif)
+
+## Bonfire 란?
+
+Bonfire는 쉽고 객관적이며 빠른 방법으로 Flutter 게임을 만드는 목적으로 만들어졌습니다!
+
+이 도구는 [FlameEngine](https://flame-engine.org/)을 기반으로 구축되었으며 해당 도구의 모든 리소스와 클래스를 Bonfire와 함께 사용할 수 있습니다. 그러므로 Bonfire로 작업을 시작하기 전에 [FlameEngine](https://flame-engine.org/)을 살펴보는 것이 좋습니다.
+
+이는 다음과 같은 관점에서 게임을 구축하는 데 이상적입니다.
+
+![](../_media/perspectiva.png)
+
+## 예시
+
+Bonfire가 사용되는 모습을 보려면 웹 [예제](/doc/examples?id=bonfire-example)를 확인하세요.
+
+## 기부
+
+Bonfire 가 도움이 된다고 생각하거나 가치 있다고 생각한다면 기부를 고려해 보세요. [BuyMeACoffee](https://www.buymeacoffee.com/rafaelbarbosa)로 도와주신다면 감사합니다. ❤️
+
+## 커뮤니티
+
+Fireslime's Discord에 Bonfire 도움말 채널이 있습니다. [여기](https://discord.com/invite/pxrBmy4) 또는 텔레그램 그룹 [여기](https://t.me/bonfire_engine)에 가입하세요.
+
+[FlameCon](https://www.youtube.com/watch?v=2DdiNrAAuBg&t=2s)에서 Bonfire 프레젠테이션을 진행했습니다.
diff --git a/v3.0-kr/_coverpage.md b/v3.0-kr/_coverpage.md
@@ -0,0 +1,18 @@
+![logo](../_media/bonfire.gif)
+
+# Bonfire <small>v3.x</small>
+
+> Flutter를 사용하여 RPG 스타일 또는 유사한 게임을 쉽게 만드세요.
+
+- [Flame](https://flame-engine.org/)을 기반으로 제작된 2D 게임 엔진
+
+[![](https://img.shields.io/github/forks/rafaelbarbosatec/bonfire.svg?style=flat&logo=github&colorB=orange&label=forks)](https://github.com/RafaelBarbosatec/bonfire)
+[![](https://img.shields.io/github/stars/rafaelbarbosatec/bonfire.svg?style=flat&logo=github&colorB=orange&label=stars)](https://github.com/RafaelBarbosatec/bonfire)
+
+
+[Github](https://github.com/RafaelBarbosatec/bonfire)
+[Demo](https://bonfire-engine.github.io/examples/bonfire-v3)
+[Know more](#welcome-to-bonfire-under-construction)
+
+![color](#3f3f3f)
+
diff --git a/v3.0-kr/_navbar.md b/v3.0-kr/_navbar.md
@@ -0,0 +1,7 @@
+- <div class="nav-dropdown-container">
+      <a>Languages</a>
+      <div class="nav-dropdown">
+          <a href="/bonfire-engine.github.io/index.html#">English</a>
+          <a href="/bonfire-engine.github.io/index-kr.html#">한국어</a>
+      </div>
+  </div>
diff --git a/v3.0-kr/_sidebar.md b/v3.0-kr/_sidebar.md
@@ -0,0 +1,24 @@
+
+* [환영합니다!](/?id=welcome-to-bonfire-under-construction)
+* [시작하기](doc/getting-started.md?id=get-started)
+* [시작하기 전에](doc/overview.md?id=overview)
+* [지도](doc/map.md?id=map)
+* [플레이어](doc/player.md?id=player)
+* [적](doc/enemy.md?id=enemy)
+* [협력자](doc/ally.md?id=ally)
+* [꾸미기](doc/decoration.md?id=decoration)
+* [입력](doc/input.md?id=input)
+* [조이스틱](doc/joystick.md?id=joystick)
+* [카메라](doc/camera.md?id=camera)
+* [충돌 시스템](doc/collision_system.md?id=collision-system)
+* [조명](doc/lighting.md?id=lighting)
+* [센서](doc/sensor.md?id=sensor)
+* [힘](doc/forces.md?id=forces)
+* [유용한 믹스인](doc/mixins.md?id=mixins)
+* [자산 불러오기](doc/loading_assets.md?id=loading-sprites-and-spriteanimations)
+* [타일 지원](doc/tiled_support.md?id=tiled-support)
+* [장면(Scene) 빌더](doc/scene_builder.md?id=scene_builder)
+* [경로 찾기](doc/path_finding.md?id=pathfinding)
+* [유틸리티](doc/util.md?id=util)
+* [예제 프로젝트](doc/examples.md?id=bonfire-example)
+