간단한 안드로이드 게임 개발 - Response Tester [1] (첫번째 게임 구현)

여태 작업한 내용은 아래와 같다.

1. 안드로이드 스튜디오에서 깃허브와 연결

2. 프로젝트 생성하고 간단한 인터페이스 구현

게임 실행 시 마주하게 될 메인 화면이다. (초간단)

3. 첫 번째 게임인 Response Time Test 액티비티 생성 및 기본 작업

Response Time Test 버튼 터치 시 이동할 화면이다. (초간단2)

 

 

작업 결과물

 

 

 

이제 Response Time Test 액티비티에서 해야 할 일은 아래와 같다.

 

1. Wait for Green... 출력 즉시 2~5초 사이 랜덤한 시간에 초록색 화면 출력하기

2. 초록색 화면 출력하자마자 시간을 ms단위로 세기 시작하여 사용자가 터치하면 소요시간 보여주기

이외에도 할일은 많겠지만 우선 위의 두 기능부터 구현해보려 한다. 

 

 

.

.

.

 

10.04 수 결과물

첫번째 게임인 반응속도 테스트만 대강 만들어놓았다.

 

앞으로 해야 할 일은 아래와 같다.

1. 랭킹 시스템 도입

2. 나머지 게임 세개 모두 만들기

3. 인터페이스 좀더 멋있게 만들기

그러나 중간고사가 숨통을 조여오고있기 때문에, 지금 상태로 플레이스토어에 배포만 해두고 나중에 천천히 업데이트 할 예정이다.

 

여기까지 걸린 시간은 대강 4시간정도 걸린 듯

 

코드는 아래와 같은데 매우 형편없음

/**********************************
 * Name : ResponseTime.kt
 * Author : HaeChan Gho
 * Introduction : Page for Response Time Test.
 ********************************** */

package com.ghochobo.study

import android.content.Intent
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.os.Handler
import android.os.Looper
import android.view.View
import android.widget.Button
import kotlinx.android.synthetic.main.activity_response_time.*
import java.util.concurrent.ThreadLocalRandom
import android.widget.TextView
import kotlin.properties.Delegates


class ResponseTime : AppCompatActivity() {
    lateinit var timerTextView: TextView
    var startTime by Delegates.notNull<Long>()
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_response_time)
        timerTextView = findViewById(R.id.timerTextView) // timerTextView 초기화
        startGame()
    }

    fun startGame() {
        val button = findViewById<Button>(R.id.touchbtn)
        val view = findViewById<View>(R.id.view)
        val waitText = findViewById<View>(R.id.waitText)
        val green = findViewById<View>(R.id.Green)
        val timerTextView = findViewById<View>(R.id.timerTextView)
        view.visibility = View.GONE
        timerTextView.visibility = View.GONE
        Green.visibility = View.GONE
        waitText.visibility = View.GONE


        button.setOnClickListener{
            // 버튼 클릭 시 버튼이 사라지고 붉은색 화면과 Wait for Green 텍스트 보이게 함
            touchbtn.visibility = View.GONE
            view.visibility = View.VISIBLE
            waitText.visibility = View.VISIBLE
            greenTime()
        }
    }
    // 화면을 녹색으로 바꾸며 시간을 재는 함수
    fun greenTime() {
        // 2~ 5초 사이 랜덤한 시간에 화면의 색상이 바뀌고
        // 바뀐 순간부터 시간을 체크하여 사용자가 터치하기까지를 체크함
        // 사용자가 터치하면 터치하기까지 걸린 시간을 ms단위로 나타내 줌
        
        

        val randtime = (2..5).random() // 1. 2초~5 사이 랜덤값 가져오기
        Handler(Looper.getMainLooper()).postDelayed({ // 2. 랜덤값만큼 딜레이 건 후에 녹색 출력
            startTime = System.currentTimeMillis() // 초록 화면이 보이는 순간에 startTime 초기화
            Green.visibility = View.VISIBLE
        }, (randtime.toLong() * 1000)) // 밀리초단위로 나오기때문에 * 1000 해줌

        Green.setOnClickListener {
            val endTime = System.currentTimeMillis()
            val elapsedTime = endTime - startTime
            timerTextView.text = "터치까지 걸린 시간: ${elapsedTime}ms"
            Green.visibility = View.GONE
            timerTextView.visibility = View.VISIBLE
            view.visibility = View.GONE
            waitText.visibility = View.GONE
        }



        // 3. 출력과 동시에 시간체크 (timer 함수 만들기?)

        // 4. 사용자가 터치시 타이머 정지하고 결과를 ms단위로 보여줌

    }
}