앱 만들기390

• 

  유니티 캐릭터 회전 시키는 방법 캐릭터로 사용될 이미지를 씬뷰에 올려놓고,C#코드를 작성한다.  회전을 위한 핵심 코드는 하기 한줄 이다.  this.transform.Rotate(0, 0, angle / 50); 유니티에서는 transform 객체는 자주사용되는 객체로 this 예약어로 언제든지 접근 할수 있도록 지원하고 있다. transform 의 메소드인 Rotate() 함수는 x,y,z 축의 각도를 나타내는 인자값을 가진다.2D 게임에서 캐릭터를 회전하기 위해서는 Z축을 회전하면 위와 같은 결과 물이 나온다. 코드를 살펴보자.using UnityEngine;public class Rotate : MonoBehaviour{ public float angle = 90; private void FixedUpdate() .. 앱 만들기/유니티2D 게임 만드는 방법 2024. 10. 28.

• 

  유니티 캐릭터 수직(상하)으로 이동시키는 방법 수직으로 캐릭터를 움직이기 위해서는캐릭터를 화면에 배치 한뒤, 스크립트에서 하기 코드를 작성한다.1. Scene view 에 자동차를 배치하고, object 이름을 Car 로 변경한다2. Car 오브젝트에 MoveY 라는 스크립트를 추가한다. . MoveX.cs using UnityEngine;public class MoveY : MonoBehaviour{ public float speed = 1; void FixedUpdate() { this.transform.Translate(0, speed/50, 0); }} FixedUpdate()는 1초당 50번씩 고정호출 되는 함수이다.this.transform.Translate() 함수의 첫번째 인자는 Y축 좌표값으로 이 함.. 앱 만들기/유니티2D 게임 만드는 방법 2024. 10. 27.

• 

  유니티 캐릭터 수평(좌우)으로 이동시키는 방법 수평으로 캐릭터를 움직이기 위해서는캐릭터를 화면에 배치 한뒤, 스크립트에서 하기 코드를 작성한다. 1. Scene view 에 자동차를 배치하고, object 이름을 Car 로 변경한다2. Car 오브젝트에 MoveX 라는 스크립트를 추가한다. 3. MoveX.cs using UnityEngine;public class MoveX : MonoBehaviour{ public float speed = 1; void FixedUpdate() { this.transform.Translate(speed/50, 0, 0); }} FixedUpdate()는 1초당 50번씩 고정호출 되는 함수이다.this.transform.Translate() 함수의 첫번째 인자는 X축 좌표값으로 이.. 앱 만들기/유니티2D 게임 만드는 방법 2024. 10. 26.

• 

  자바스크립트 마우스 이벤트 동작시키기 2편 마우스 이벤트를 감지하기 위해서는 이벤트 리스너를 등록한다.자바스크립트 코드를 작성하자.1. 마우스 이벤트 리스너 등록//윈도우 창이 다 불리면 drawScreen 함수를 호출해라.window.addEventListener("load",drawScreen,false);window.addEventListener("mouseup" , mouseUp,false);window.addEventListener("mousedown" , mouseDown,false);window.addEventListener("mousemove" , mouseMove,false); 화면을 그려주는 리스너에 이어서 마우스 mouseup, mousedown, mousemove 이벤트를 등록한다.실행 함수로는 mouseUp, mouseDo.. 앱 만들기 2024. 9. 15.

• 

  자바스크립트 마우스 이벤트 동작시키기 자바스크립트 키보드 입력값 화면에 표시하기 3편자바스크립트 키보드 입력값 화면에 표시하기 2편https://soo0100.tistory.com/2646 자바스크립트 키보드 입력값 화면에 표시하기 1편키보드 입력값을 브라우저 화면에 출력하는 예제를 만들어본다.키soo0100.tistory.com 이번 시간은 자바스크립트 코드로 마우스 이벤트를 받는 동작을 구현해본다.지난 시간 키보드 입력 과 이미지 출력에 이어서 진행한다.먼저, 껍데기가 되는 HTML 문서를 만든다. 1. HTML  캔버스를 부를 수 없습니다.  1-1. 자바스크립트 코드를 연결한다.1-2. 그림을 그리기 위해서 캔버스 엘리먼트를 만들고, 사이즈를 설정한다.       이번 시간은 캔버스 사이즈를 보다 정확히 알기위해서 bord.. 앱 만들기 2024. 9. 14.

• 

  자바스크립트 window 객체에 대해서 자바스크립트에서 window객체는 브라우저 창을 나타내며, 모든 브라우저에서 지원된다.마이소프트 Edge를 실행시켰다.여기 보이는 이창을 모두 나타내는 객체가 바로  window이다. 자바스크립트 DOM 역시 window 객체의 하부 객체이다.DOM은 화면 안의 웹 문서를 모두 객체 구조화 하여 DOM이란 객체에 담아낸다.자주 쓰이는 하기 루틴에서도 사실은 window 가 생략되어 있다.  document.getElementById("header");  [생략되기 전] window.document.getElementById("header");  window 가 창을 나타내고, document는 그 안의 내용을 객체로 담은 것이기에window는 당연하다고 보는 것이다.창을 나타내는 window는 당연히 하.. 앱 만들기/JavaScript study 2024. 8. 31.

• 

  구구단 만들기 HTML과 자바스크립트 만 사용해서 구구단을 만들어 본다. 1. HTML 코드  HTML에서는 자바스크립트 코드를 연결하고, 띄어쓰기를 위해서 pre 태그를 사용했다.pre 태그 사용법은 하기 포스팅을 참고한다. 2. 자바스크립트 코드[ gugudan.js]for(var i=1; i  for 문을 사용해서 구구단을 출력하고 있다.HTML pre 태그로 인해서 writeln 은 한줄 띄우기 동작이 된다.결과는 하기와 같다.구구단을 통해서, 1. 자바스크립트와 HTML 문서 연결방법2. 자바스크립트 반복문 로직 공부두가지를 익힐 수 있다. Good!   HTML에 자바스크립트 연결 하기자바스크립트 파일을 HTML 파일과 분리하여 만들면 소스 관리 및 유지보수에 유용합니다., 여러 HTML에 하.. 앱 만들기/웹앱 개발 2024. 8. 30.

• 

  document.writeln 과 document write 차이점 document.writeln과 document write 차이점이 둘의 차이점은 줄바꿈을 하느냐 하지 않느냐 이다.그런데, 자바 코드와는 달리 HTML의 pre 태그를 자바스크립트에 감싸 주어야 작동을 한다.하기와 같이 말이다.  이 코드를 브라우저에서 확인 해보면,줄 바꿈이 된 것을 확인할 수 있다.첫 줄의 들여 쓰기는 pre 태그와 writeln의 조합으로 보인다. 정확히 잘 모르겠다. 문단을 시작해 주는 것 같은 효과를 준다. document.writeln 은 텍스트 출력 후 줄 바꿈.docuemnt. wirte는 그냥 텍스트만 출력. 정리하자면,자바스크립트 를 사용해서 텍스트를 출력하기 위해서는 먼저. 1. HTML  pre 태그를 사용해야 한다.2. document.writeln 또는 wr.. 앱 만들기/JavaScript study 2024. 8. 29.

• 

  <pre> 태그 사용법 pre  태그를 사용하면,br 태그를 사용하지 않더라도 줄 바꿈을 할 수 있다. 안녕하세요. 감사합니다. 좋은하루보내세요.  위와 같이  pre 태그 안 콘텐츠 값으로  3줄의 텍스트를 입력했다.원래는 태그를 사용해서 줄 바꿈을 해야 했지만pre 태그를 사용하면 에디터에서 엔터로 입력했던 라인들이 줄바꿈이 된다.편리한 기능이다.브라우저에서 결과를 확인 해보면 정상적으로 줄 바꿈이 되어있는 것을 볼 수 있다.Good! 앱 만들기/HTML5 study 2024. 8. 28.

• 

  20강. 자바스크립트 타이머 만들기 19강. 로컬스토리지 사용하기18강. DOM을 활용하여 신규요소 제거하기17강. DOM을 활용하여 신규요소 추가하기16강. 웹 페이지를 동적으로 만들기15강. 버튼 만들기14강. HTML요소 클릭시 동작하도록 만들기.13강. 자바스크립트 함soo0100.tistory.com 타이머란?일정 시간에 어떤 일들을 반복해서 실행시키는 동작을 의미한다.타이머를 활용할 수 있으면, 게임을 만드는 기본 툴 하나를 완성했다고 볼 수 있다.19강까지의 강의를 통해서 우리는 랜덤함수를 만들었고, DOM을 활용해서 화면에 요소들을 추가 제거 그리고 로컬스토리지를 통해서 값을 저장했다.랜덤 함수 + 타이머만 가지고서도 간단한 게임을 만들 수 있다.오늘은 우선, 타이머를 가지고 카운팅 하는 예제를 만들어 본다. 1. 타이머 함.. 앱 만들기/JavaScript study 2024. 8. 20.