📖 응용 및 더 알아보기

  // ...
 
  // 아직 저장이 되지 않은 경우, null을 반환. null일 경우 0으로 초기화
  let gemCount = localStorage.getItem("teamDave_gemCount") ?? 0;
  const gemCountGUI = GUI.getObject("GEM_COUNT");
  gemCountGUI.setText(`GEM: ${gemCount}`);
 
  for(let i = 0; i < 6; i++) {
    const gem = WORLD.getObject(`GEM_${i}`);
    gem.onCollide(PLAYER, () => {
        gemCount++;
        gemCountGUI.setText(`GEM: ${gemCount}`);
        gem.kill();
        setTimeout(() => gem.revive(), 1000);
        // 먹는 즉시, 로컬 저장소에 저장
        localStorage.setItem("teamDave_gemCount", gemCount);
    });
  }
 
  // ...

  // ...
 
  // 현재 사이트의 URL에서 pid 부분을 추출, 이를 통해 아이템 이름 지정
  const urlParams = new URLSearchParams(window.location.search);
  GLOBAL.PID = urlParams.get('pid');
 
  // JSON 문자열로 저장되어 있기 때문에 읽어와서, 사용할 수 있는 형태로 변경
  const lastPosition = JSON.parse(localStorage.getItem(`${GLOBAL.PID}_lastPosition`));
  if(lastPosition) { 
      lastPosition.y += 3;
      PLAYER.position.copy(lastPosition);
      PLAYER.body.needUpdate = true;
  }
 
  const portal = WORLD.getObject("PORTAL");
  portal.onCollide(PLAYER, () => {
    // 플레이어의 마지막 위치를 JSON 문자열 형태로 변경하여 저장
    localStorage.setItem(`${GLOBAL.PID}_lastPosition`, JSON.stringify(PLAYER.position));
  });
 
  // ...

  // ... 점수 변수(myScore) 선언 및 정의되어 있고, 어디선가 점수 증가
  
  REDBRICK.Rank.saveScore({ score: myScore });
 
  // ... 

  // Redbrick 내장 모듈 Timer 사용하기
  const timer = new REDRBICK.Timer();
  timer.start(); // 타이머 시작
  timer.pause(); // 타이머 일시정지
  
  // 점수는 정수 저장, 예를 들어 타이머가 9.33초라면 반올림하여 9초로 저장
  REDBRICK.Rank.saveScore({ score: timer.getTime(), order: "ASC" });
 
  // ... 

  REDBRICK.Rank.show();

  REDBRICK.Rank.show({ type: "time", order: "ASC" });

  this.onClick(() => {
    REDBRICK.Rank.show({ type: "time", order: "ASC" });
  });

  // ... objects 배열 선언 및 오브젝트 추가
  
  function Update(dt) {
    for(let i = objects.length - 1; i >= 0; i--) {
      // 플레이어 기준으로 특정 오브젝트들과의 거리 계산
      if(PLAYER.position.distanceTo(objects[i].position) < 10) {
        // 거리가 10 미만이면 충돌 판정이 되어, 해당 오브젝트를 삭제하고 충돌 감지할 오브젝트 배열에서도 삭제
        objects[i].kill();
        objects.splice(i, 1);
      }
    }
  }
 
  // ...