본문 바로가기

어린이 코딩43

[스크래치] 슬라이드 조각퍼즐 맞추기 게임만드는 방법 스크래치 슬라이드 조각 퍼즐 맞추기 게임만드는 방법 오랫만에 스크래치 코딩 포스팅을 하게 되었습니다. 1주일 조금 더 지난 것 같네요. 이번 시간에는 어린이 두뇌 게임인 조각 퍼즐 맞추기에 대하여 주제를 정하였습니다. 앞으로 두뇌게임 위주로 게임을 만들어 보고자 합니다. 그 첫 번째로 조각 퍼즐 맞추기 게임에 대하여 간단하게 만들어 보았습니다. 그럼 바로 시작하도록 하겠습니다. ■ 게임소개 아래는 게임 화면 입니다. 게임 방법은 모두 알고 계실 것이라 생각합니다. 간단하게 말씀드리면 조각을 움직여서 사진을 완성하는 게임입니다. 아래 화면은 사진이 완성 된 이미지 입니다. ■ 게임체험 그럼 게임을 해보고 개발방법에 대하여 알아보도록 하겠습니다. ■ 게임 만드는 방법 1. 먼저 사진을 준비합니다. 하나의 사.. 2017. 10. 18.
앱인벤터2 - 버튼기능 완벽 가이드 앱인벤터 버튼기능 완벽 가이드 앱인벤터 기초강좌로 버튼기능에 대하여 포스팅 해 보도록 하겠습니다. ■ 사용하기버튼(Button) 컴포넌트(Components) 기능을 사용하기 위해서는 팔레트(Palette)에서 사용자 인터페이스(User Interface) 하위에 위치하고 있는 버튼 컴포넌트를 드래그하여 뷰어(Viewer) 위에 올려 놓으면 됩니다. ■ 속성설정 버튼의 속성(Properties)은 디자이너(Designer)에서 바로 설정을 할 수 있으며, 또한 블록(Blocks)에서 설정을 할 수도 있습니다. 디자이너에서 속성영역을 보면 어떤 속성들이 있는지 쉽게 알 수가 있습니다. 속성 설명 배경색 (BackgroundColor) 버튼 배경색 활성화(Enabled) 설정되지 않은 경우(비활성화) 버튼을.. 2017. 10. 17.
[자바스크립트] 배열 생성 및 값입력 방법에 대하여 알아보자 자바스크립트 배열에 대하여 - 첫시간 자바스크립트 배열에 대하여 알아봅시다. 배열에 대하여 알아 볼 것들은 생각보다 많은 것들이 있습니다. 그래서 모든 기능을 한번에 다루는 것보다 나누어서 포스팅을 하고자 합니다. 포스팅 제목에 첫 시간이란 문구를 적은 것도 그 이유에서 입니다. 그럼 자바스크립트 배열에 대하여 그 첫 시간으로 생성 및 값 입력 방법에 대하여 알아 보도록 하겠습니다. // for문을 이용하여 화면에 보여주도록 하는 부분입니다. // length 는 arrType1 배열의 저장된 수를 가져옵니다. 즉 3이 될 것입니다. // 배열은 0 번지 부터 저장이 됩니다. 따라서 0번지부터 3보다 작은 수 2번지까지 출력이 될 것입니다. for(var i=0; i 2017. 10. 16.
앱인벤터 음성인식으로 네이버 검색하는 앱만들기 - 실습 음성인식 기능을 이용한 검색 앱 만들기 앱인벤터에는 다양한 기능들이 제공되고 있습니다. 그 중 음성인식 기능을 이용하여 검색엔진에서 검색을 하는 실습을 해 보도록 하겠습니다.앱인벤터 사이트(ai2.appinventor.mit.edu)로 이동하여, 먼저 새 프로젝트를 하나 생성 해 줍니다. 그럼 시작해 보겠습니다.먼저 디자인 부분을 작업하도록 하겠습니다. ■ 디자인 영역 화면에 웹뷰어, 그리고 음성인식버튼을 추가 해 주도록 하겠습니다. 그리고 화면 디자인 구조를 위해 레이아웃에서 수평배치 컴포넌트를 사용하도록 하겠습니다. 1. [사용자 인터페이스] → [웹뷰어] 포함 2. [레이아웃] → [수평배치] 포함 3. [사용자 인터페이스] → [버튼] 수평배치 안으로 포함 그럼 각 컴포넌트들의 속성 및 이름을 설.. 2017. 10. 15.

티스토리툴바