분류 전체보기 46

Flutter - showModalBottomSheet

화면 하단부에 임시로 잠시 뜨는 PC에서 팝업같은 처리를 하는 ModalBottomSheet를 알아 보겠습니다. flutter 기본 앱을 수정하여 floatingActionButton을 누르면 ModalBottomSheet가 뜨도록 하겠습니다. floatingActionButton은 화면 중앙 하단에 있는 +버튼 입니다. 이 버튼을 누르면 ModalBottomSheet가 뜨고 거기서 텍스트를 입력받으면 기본 화면의 "Sample Text"자리에 뜨도록 수정되는 간단한 구조 입니다. 일단 ModalBottomSheet에 뜰 위젯을 보겠습니다. import 'package:flutter/material.dart'; class BottomDialog extends StatefulWidget { final Fu..

기타 2022.07.14

Flutter - Asset 사용(Font, Image)

Flutter에서 폰트나 이미지 등을 사용하는 방법을 확인 해 보겠습니다. 일단 적당한 폰트를 받아서 assets/fonts 폴더에 넣어줍니다. 전 무료폰트인 구글의 NotoSerif를 받아서 넣었습니다. 기본폰트가 고딕계열이라 Serif계열을 쓰면 폰트가 바뀐것을 쉽게 알 수 있습니다. 이제 새로운 Flutter 프로젝트를 생성합니다. 여기서 화면 중앙에 문구표시되는 부분이 있는데 약간만 수정합니다. children: [ Container( width: 300, child: const Text( 'You have pushed the button this many times:', style: TextStyle( fontSize: 30, ), ), ), Text( '$_counter', style: The..

Flutter 2022.07.14

Behavior Tree - AI 이동 디테일

AI 이동을 좀 더 쓸만하도록 수정하겠습니다. AI 가 이동할떄 한번에 끝까지 이동하며 도중에 다른 판단을 하지 않게되면 매우 어색하기 때문에 중간중간 갈 위치를 정해두고 매번 다시 평가하는 구조로 만들었습니다. NodeCanvas의 MoveToward의 경우 A포인트에서 B포인트까지 한번에 일정속도로 이동하게 되는데 이떄 시간이 3초 걸린다면 3초동안 다른 평가를 하지 않기 때문에 이상하게 됩니다. 이럴경우 0.5초 로 이동할 수 있는 거리만큼 거리를 계산하고 그만큼만 이동하고 다시 평가를 진행합니다. 우선 기존에 진행 하였던 것들에 이어서 진행하지만 많은 변경점이 있어서 전체적으로 다시 적었습니다. CubeController.cs public class CubeController : MonoBehav..

Unity Engine 2022.07.10

Behavior Tree - Custom Action

기존에 이어서 새로운 태스크를 제작해 봅니다. 하고자 하는 목표는 다음과 같습니다. 1. 객체를 감지한다. 2. 감지된 객체가 있다면 객체까지 이동한다. 기존에 Cube Controller 에 있던 Target객체를 할당 해제 합니다. 또한 Cylinder의 레이어를 변경 해 줍니다. Add Layer로 레이어 추가 해 주고, Target 이라는 레이어를 추가 해 줍니다. 이제 선택된 레이어를 변경해서 올바르게 할당 되었는지 확인합니다. 새로운 Task 를 만들어 줍니다. Node Canvas를 설치하였다면 위와 같은 메뉴가 추가 되었습니다. 여기서 New Task를 선택 해 줍니다. Task Name, Namespace에 적당한 이름을 넣고 CREATE 버튼을 눌러 줍니다. 올바르게 생성 되었다면 On..

Unity Engine 2022.07.07

Behavior Tree - Node Canvas (2)

Node Canvas를 통해 기본적인 동작을 테스트 해보겠습니다. 3D Object2개를 만들고 하나를 다른 쪽으로 움직이도록 해보겠습니다. 화면에 Cube 와 Cylinder를 만들어 줍니다. 그리고 Cube에 스크립트 하나를 붙여줍니다. public class CubeController : MonoBehaviour { public GameObject Target; } 아주 단순하게 GameObject를 변수로 하나 설정해 두는 것입니다. 이것을 Cube에 할당 해 주고 Target에 Cylinder를 할당 해 줍니다. 이제 준비가 끝났고 Node Canvas로 Behavior Tree를 제작해 줍니다. Behaviour Tree Owner를 추가해 줍니다. 약간 다른 스펠링에 주의 하세요. 이제 2가..

Unity Engine 2022.07.02

Behavior Tree - Node Canvas (1)

NodeCanvas | 비주얼 스크립팅 | Unity Asset Store Get the NodeCanvas package from Paradox Notion and speed up your game development process. Find this & other 비주얼 스크립팅 options on the Unity Asset Store. assetstore.unity.com ParadoxNotion 의 NodeCanvas를 기준으로 작성 하였습니다. 기본적인 구성 자체는 유니티의 다른 Behavior Tree 에셋이나 언리얼 엔진 것과 동일 합니다. 다만 특정 에셋기준으로 작업한 내용이기 떄문에 메소드 이름이 약간 씩 다를 수 있습니다. Action 직접적인 행동을 수행 합니다. EndAction..

Unity Engine 2022.06.29

Flutter - Spread Operator 활용

표시된 부분과 같이 버튼이 다수 존재 하는데 이것이 상황에 따라 달라질 경우 예를들면 A라는 사람에게는 2개, B라는 사람에게는 3개가 표시 되어야 할 상황이라면 위젯을 그냥 박아버리면 문제가 될 수 있습니다. 이때 Spread Operator 를 활용 할 수 있습니다. import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { var TextArray = ['Hello', 'World', 'ABCD']; void ButtonClick() { print('Button Click'); } // This widget is the root of your applicatio..

Flutter 2022.06.23

Flutter 각종 연산자

?? 좌측이 null이라면 우측을 리턴합니다. ??= 변수가 null 일 경우에만 변수에 우측값을 할당 합니다. 초기 할당에서는 null이기 때문에 3이 할당 되었지만 10을 할당 하려 했을 경우 null이 아니기 때문에 할당되지 않았습니다. ... Spread Operator 이라고 불리며 컬렉션의 값을 쪼개버립니다. ...을 썻을경우 list2 에는 값이 쪼개져서 할당 되었고 쓰지 않은 list3에는 리스트 내부에 리스트가 또 있는것을 확인 하였습니다 ...?으로 널체크 가능 합니다.

Flutter 2022.06.23