clawmate 1.0.0

package/renderer/js/speech.js

@@ -0,0 +1,116 @@
+/**
+ * 말풍선 시스템
+ * - 타자기 효과 (30ms/글자)
+ * - 5초 유지 → 페이드 아웃
+ * - 모드별 스타일: Pet(둥글고 빨간 테두리) / Incarnation(각지고 틸 발광)
+ */
+const Speech = (() => {
+  const CHAR_DELAY = 30;
+  const DISPLAY_TIME = 5000;
+  const FADE_TIME = 500;
+
+  let currentBubble = null;
+  let typeTimer = null;
+  let hideTimer = null;
+  let mode = 'pet';
+
+  function setMode(m) {
+    mode = m;
+  }
+
+  function show(text) {
+    hide(); // 기존 말풍선 제거
+
+    const container = document.getElementById('speech-container');
+    const pos = PetEngine.getPosition();
+
+    const bubble = document.createElement('div');
+    bubble.className = `speech-bubble speech-${mode}`;
+
+    // 말풍선 위치 (캐릭터 위)
+    bubble.style.left = (pos.x - 30) + 'px';
+    bubble.style.top = (pos.y - 60) + 'px';
+
+    const textEl = document.createElement('span');
+    textEl.className = 'speech-text';
+    bubble.appendChild(textEl);
+
+    container.appendChild(bubble);
+    currentBubble = bubble;
+
+    // 타자기 효과
+    let charIndex = 0;
+    typeTimer = setInterval(() => {
+      if (charIndex < text.length) {
+        textEl.textContent += text[charIndex];
+        charIndex++;
+      } else {
+        clearInterval(typeTimer);
+        typeTimer = null;
+      }
+    }, CHAR_DELAY);
+
+    // 자동 숨김
+    const totalTypeTime = text.length * CHAR_DELAY;
+    hideTimer = setTimeout(() => {
+      if (currentBubble) {
+        currentBubble.classList.add('speech-fade');
+        setTimeout(() => hide(), FADE_TIME);
+      }
+    }, totalTypeTime + DISPLAY_TIME);
+  }
+
+  function hide() {
+    if (typeTimer) { clearInterval(typeTimer); typeTimer = null; }
+    if (hideTimer) { clearTimeout(hideTimer); hideTimer = null; }
+    if (currentBubble) {
+      currentBubble.remove();
+      currentBubble = null;
+    }
+  }
+
+  function updatePosition() {
+    if (!currentBubble) return;
+    const pos = PetEngine.getPosition();
+    currentBubble.style.left = (pos.x - 30) + 'px';
+    currentBubble.style.top = (pos.y - 60) + 'px';
+  }
+
+  // --- 메시지 선택 헬퍼 ---
+  function randomFrom(arr) {
+    return arr[Math.floor(Math.random() * arr.length)];
+  }
+
+  function getReactionMessage() {
+    const msgs = window._messages;
+    if (!msgs) return '...';
+    return randomFrom(msgs.reactions[mode] || msgs.reactions.pet);
+  }
+
+  function getGreetingMessage() {
+    const msgs = window._messages;
+    if (!msgs) return '...';
+    const hour = new Date().getHours();
+    if (hour >= 6 && hour < 12) return randomFrom(msgs.greetings.morning);
+    if (hour >= 12 && hour < 18) return randomFrom(msgs.greetings.afternoon);
+    if (hour >= 18 && hour < 23) return randomFrom(msgs.greetings.evening);
+    return randomFrom(msgs.greetings.night);
+  }
+
+  function getTipMessage() {
+    const msgs = window._messages;
+    if (!msgs) return '';
+    return randomFrom(msgs.tips || []);
+  }
+
+  function getMilestoneMessage(milestone) {
+    const msgs = window._messages;
+    if (!msgs || !msgs.milestones) return '';
+    return msgs.milestones[milestone] || '';
+  }
+
+  return {
+    show, hide, updatePosition, setMode,
+    getReactionMessage, getGreetingMessage, getTipMessage, getMilestoneMessage,
+  };
+})();

package/renderer/js/state-machine.js

@@ -0,0 +1,175 @@
+/**
+ * 펫 행동 유한 상태 머신 (FSM)
+ *
+ * 상태 전이도:
+ *   IDLE → WALKING → CLIMBING_UP → CEILING_WALK
+ *   IDLE ← PLAYING ← CLIMBING_DOWN ← (천장/벽)
+ *   IDLE → SLEEPING (23:00~06:00)
+ *   인터럽트: 클릭→INTERACTING, 커서→SCARED/EXCITED
+ */
+const StateMachine = (() => {
+  const STATES = {
+    IDLE: 'idle',
+    WALKING: 'walking',
+    CLIMBING_UP: 'climbing_up',
+    CLIMBING_DOWN: 'climbing_down',
+    CEILING_WALK: 'ceiling_walk',
+    SLEEPING: 'sleeping',
+    CARRYING: 'carrying',
+    PLAYING: 'playing',
+    INTERACTING: 'interacting',
+    SCARED: 'scared',
+    EXCITED: 'excited',
+  };
+
+  // 각 상태의 최소/최대 지속 시간(ms)
+  const DURATIONS = {
+    [STATES.IDLE]:          { min: 2000, max: 5000 },
+    [STATES.WALKING]:       { min: 3000, max: 8000 },
+    [STATES.CLIMBING_UP]:   { min: 2000, max: 4000 },
+    [STATES.CLIMBING_DOWN]: { min: 1500, max: 3000 },
+    [STATES.CEILING_WALK]:  { min: 2000, max: 5000 },
+    [STATES.SLEEPING]:      { min: 10000, max: 30000 },
+    [STATES.CARRYING]:      { min: 4000, max: 8000 },
+    [STATES.PLAYING]:       { min: 3000, max: 6000 },
+    [STATES.INTERACTING]:   { min: 1500, max: 3000 },
+    [STATES.SCARED]:        { min: 1000, max: 2000 },
+    [STATES.EXCITED]:       { min: 1500, max: 3000 },
+  };
+
+  let currentState = STATES.IDLE;
+  let stateStartTime = Date.now();
+  let stateDuration = 3000;
+  let personality = null;
+  let onStateChange = null;
+
+  // 기본 전이 확률 (personality로 조정됨)
+  const BASE_TRANSITIONS = {
+    [STATES.IDLE]: [
+      { state: STATES.WALKING, weight: 0.5 },
+      { state: STATES.PLAYING, weight: 0.2 },
+      { state: STATES.IDLE, weight: 0.3 },
+    ],
+    [STATES.WALKING]: [
+      { state: STATES.IDLE, weight: 0.3 },
+      { state: STATES.CLIMBING_UP, weight: 0.25 },
+      { state: STATES.WALKING, weight: 0.25 },
+      { state: STATES.PLAYING, weight: 0.2 },
+    ],
+    [STATES.CLIMBING_UP]: [
+      { state: STATES.CEILING_WALK, weight: 0.5 },
+      { state: STATES.CLIMBING_DOWN, weight: 0.5 },
+    ],
+    [STATES.CEILING_WALK]: [
+      { state: STATES.CLIMBING_DOWN, weight: 0.6 },
+      { state: STATES.CEILING_WALK, weight: 0.4 },
+    ],
+    [STATES.CLIMBING_DOWN]: [
+      { state: STATES.WALKING, weight: 0.5 },
+      { state: STATES.IDLE, weight: 0.5 },
+    ],
+    [STATES.PLAYING]: [
+      { state: STATES.IDLE, weight: 0.5 },
+      { state: STATES.WALKING, weight: 0.5 },
+    ],
+    [STATES.INTERACTING]: [
+      { state: STATES.IDLE, weight: 0.5 },
+      { state: STATES.EXCITED, weight: 0.3 },
+      { state: STATES.PLAYING, weight: 0.2 },
+    ],
+    [STATES.SCARED]: [
+      { state: STATES.WALKING, weight: 0.7 },
+      { state: STATES.IDLE, weight: 0.3 },
+    ],
+    [STATES.EXCITED]: [
+      { state: STATES.PLAYING, weight: 0.4 },
+      { state: STATES.IDLE, weight: 0.3 },
+      { state: STATES.WALKING, weight: 0.3 },
+    ],
+    [STATES.SLEEPING]: [
+      { state: STATES.IDLE, weight: 1.0 },
+    ],
+    [STATES.CARRYING]: [
+      { state: STATES.IDLE, weight: 0.5 },
+      { state: STATES.WALKING, weight: 0.5 },
+    ],
+  };
+
+  function setPersonality(p) {
+    personality = p;
+  }
+
+  function setOnStateChange(cb) {
+    onStateChange = cb;
+  }
+
+  function randomDuration(state) {
+    const d = DURATIONS[state] || DURATIONS[STATES.IDLE];
+    return d.min + Math.random() * (d.max - d.min);
+  }
+
+  function weightedRandom(transitions) {
+    const total = transitions.reduce((sum, t) => sum + t.weight, 0);
+    let r = Math.random() * total;
+    for (const t of transitions) {
+      r -= t.weight;
+      if (r <= 0) return t.state;
+    }
+    return transitions[transitions.length - 1].state;
+  }
+
+  function transition(forceState) {
+    const prevState = currentState;
+
+    if (forceState) {
+      currentState = forceState;
+    } else {
+      // 수면 시간 확인 (23:00~06:00)
+      const hour = new Date().getHours();
+      if (hour >= 23 || hour < 6) {
+        if (currentState !== STATES.SLEEPING && Math.random() < 0.3) {
+          currentState = STATES.SLEEPING;
+          stateDuration = randomDuration(STATES.SLEEPING);
+          stateStartTime = Date.now();
+          if (onStateChange) onStateChange(prevState, currentState);
+          return currentState;
+        }
+      }
+
+      const transitions = BASE_TRANSITIONS[currentState] || BASE_TRANSITIONS[STATES.IDLE];
+      currentState = weightedRandom(transitions);
+    }
+
+    stateDuration = randomDuration(currentState);
+    stateStartTime = Date.now();
+    if (onStateChange && prevState !== currentState) {
+      onStateChange(prevState, currentState);
+    }
+    return currentState;
+  }
+
+  function update() {
+    const elapsed = Date.now() - stateStartTime;
+    if (elapsed >= stateDuration) {
+      transition();
+    }
+    return currentState;
+  }
+
+  function forceState(state) {
+    transition(state);
+  }
+
+  function getState() {
+    return currentState;
+  }
+
+  function getElapsed() {
+    return Date.now() - stateStartTime;
+  }
+
+  return {
+    STATES, update, transition, forceState, getState, getElapsed,
+    setPersonality, setOnStateChange, randomDuration,
+  };
+})();

package/renderer/js/time-aware.js

@@ -0,0 +1,93 @@
+/**
+ * 시간대별 행동 변화 시스템
+ * - 아침 인사, 점심 알림, 밤엔 잠자기
+ * - 랜덤 혼잣말 (idle chatter)
+ * - 팁 메시지 랜덤 출현
+ */
+const TimeAware = (() => {
+  let lastGreetingHour = -1;
+  let lastChatterTime = 0;
+  let lastTipTime = 0;
+  const CHATTER_COOLDOWN = 60000;     // 1분 최소 간격
+  const TIP_COOLDOWN = 5 * 60000;     // 5분 최소 간격
+  let chatterChance = 0.15;
+
+  function init() {
+    // 시작 시 인사
+    showTimeGreeting();
+    // 주기적 체크
+    setInterval(tick, 30000); // 30초마다
+  }
+
+  function setChatterChance(chance) {
+    chatterChance = chance;
+  }
+
+  function tick() {
+    const hour = new Date().getHours();
+    const now = Date.now();
+
+    // 시간대 변경 감지 → 인사
+    if (hour !== lastGreetingHour && [6, 12, 18, 23].includes(hour)) {
+      showTimeGreeting();
+      lastGreetingHour = hour;
+    }
+
+    // 수면 시간 체크 (23:00~06:00)
+    if (hour >= 23 || hour < 6) {
+      const state = StateMachine.getState();
+      if (state !== 'sleeping' && state !== 'interacting') {
+        if (Math.random() < 0.2) {
+          StateMachine.forceState('sleeping');
+          showSleepEffect();
+        }
+      }
+    }
+
+    // idle 상태일 때 혼잣말
+    const state = StateMachine.getState();
+    if (state === 'idle' && now - lastChatterTime > CHATTER_COOLDOWN) {
+      if (Math.random() < chatterChance) {
+        const msgs = window._messages;
+        if (msgs && msgs.idle_chatter) {
+          const msg = msgs.idle_chatter[Math.floor(Math.random() * msgs.idle_chatter.length)];
+          Speech.show(msg);
+          lastChatterTime = now;
+        }
+      }
+    }
+
+    // 팁 메시지 (더 드물게)
+    if (now - lastTipTime > TIP_COOLDOWN && Math.random() < 0.05) {
+      const tip = Speech.getTipMessage();
+      if (tip) {
+        Speech.show(tip);
+        lastTipTime = now;
+      }
+    }
+  }
+
+  function showTimeGreeting() {
+    const msg = Speech.getGreetingMessage();
+    if (msg) Speech.show(msg);
+    lastGreetingHour = new Date().getHours();
+  }
+
+  function showSleepEffect() {
+    const pet = document.getElementById('pet-container');
+    // Z-z-z 이펙트 추가
+    for (let i = 0; i < 3; i++) {
+      const z = document.createElement('div');
+      z.className = 'sleep-z';
+      z.textContent = 'z';
+      z.style.animationDelay = (i * 0.5) + 's';
+      pet.appendChild(z);
+    }
+    // 5초 후 제거
+    setTimeout(() => {
+      pet.querySelectorAll('.sleep-z').forEach(el => el.remove());
+    }, 5000);
+  }
+
+  return { init, setChatterChance, tick };
+})();

package/renderer/launcher.html

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <title>ClawMate Launcher</title>
+  <link rel="stylesheet" href="css/launcher.css">
+</head>
+<body>
+  <div class="launcher">
+    <div class="launcher-header">
+      <div class="logo">
+        <span class="claw-icon">\u{1F99E}</span>
+      </div>
+      <h1>ClawMate</h1>
+      <p class="subtitle">데스크톱 위의 살아있는 Claw</p>
+    </div>
+
+    <div class="launcher-body">
+      <div class="mode-card" id="mode-pet" onclick="selectMode('pet')">
+        <div class="mode-icon">\u{1F990}</div>
+        <h2>Clawby</h2>
+        <p>귀여운 동반자</p>
+        <span class="mode-desc">장난기 넘치는 꼬마 랍스터가 바탕화면을 돌아다녀요!</span>
+      </div>
+
+      <div class="mode-card" id="mode-incarnation" onclick="selectMode('incarnation')">
+        <div class="mode-icon">\u{1F980}</div>
+        <h2>OpenClaw</h2>
+        <p>육체를 얻은 존재</p>
+        <span class="mode-desc">침착하고 대담한 OpenClaw이 바탕화면에 강림합니다.</span>
+      </div>
+    </div>
+
+    <button class="start-btn" id="start-btn" disabled onclick="startPet()">
+      모드를 선택해주세요
+    </button>
+  </div>
+
+  <script>
+    let selectedMode = null;
+
+    function selectMode(mode) {
+      selectedMode = mode;
+      document.querySelectorAll('.mode-card').forEach(c => c.classList.remove('selected'));
+      document.getElementById('mode-' + mode).classList.add('selected');
+      const btn = document.getElementById('start-btn');
+      btn.disabled = false;
+      btn.textContent = mode === 'pet' ? 'Clawby 시작!' : 'OpenClaw 각성!';
+    }
+
+    async function startPet() {
+      if (!selectedMode) return;
+      await window.clawmate.setMode(selectedMode);
+      window.close();
+    }
+  </script>
+</body>
+</html>

package/shared/constants.js

@@ -0,0 +1,80 @@
+// 캐릭터 크기 (16x16 픽셀 → 4배 확대)
+const PIXEL_SIZE = 4;
+const GRID_SIZE = 16;
+const CHAR_SIZE = PIXEL_SIZE * GRID_SIZE; // 64px
+
+// 이동 속도 (px/frame)
+const BASE_SPEED = 1.5;
+const CLIMB_SPEED = 1.0;
+
+// 말풍선
+const SPEECH_CHAR_DELAY = 30;    // ms per character
+const SPEECH_DISPLAY_TIME = 5000; // ms 표시 유지
+const SPEECH_FADE_TIME = 500;     // ms 페이드 아웃
+
+// 파일 작업 안전장치
+const MAX_FILES_PER_SESSION = 3;
+const FILE_MOVE_COOLDOWN = 5 * 60 * 1000; // 5분
+const MAX_FILE_SIZE = 100 * 1024 * 1024;  // 100MB
+const EXCLUDED_EXTENSIONS = ['.exe', '.dll', '.sys', '.lnk', '.ini', '.bat', '.cmd', '.ps1'];
+
+// FSM 상태
+const STATES = {
+  IDLE: 'idle',
+  WALKING: 'walking',
+  CLIMBING_UP: 'climbing_up',
+  CLIMBING_DOWN: 'climbing_down',
+  CEILING_WALK: 'ceiling_walk',
+  SLEEPING: 'sleeping',
+  CARRYING: 'carrying',
+  PLAYING: 'playing',
+  INTERACTING: 'interacting',
+  SCARED: 'scared',
+  EXCITED: 'excited',
+};
+
+// 화면 가장자리
+const EDGES = {
+  BOTTOM: 'bottom',
+  LEFT: 'left',
+  RIGHT: 'right',
+  TOP: 'top',
+};
+
+// 방향
+const DIRECTIONS = {
+  LEFT: -1,
+  RIGHT: 1,
+};
+
+// 색상 팔레트
+const COLORS = {
+  pet: {
+    primary: '#ff4f40',
+    secondary: '#ff775f',
+    dark: '#3a0a0d',
+    eye: '#ffffff',
+    pupil: '#111111',
+    claw: '#ff4f40',
+    speechBorder: '#ff4f40',
+    speechBg: '#fff5f5',
+  },
+  incarnation: {
+    primary: '#ff4f40',
+    secondary: '#ff775f',
+    dark: '#3a0a0d',
+    eye: '#00BFA5',
+    pupil: '#004D40',
+    claw: '#ff4f40',
+    glow: '#00BFA5',
+    speechBorder: '#00BFA5',
+    speechBg: '#f0fffd',
+  },
+};
+
+module.exports = {
+  PIXEL_SIZE, GRID_SIZE, CHAR_SIZE, BASE_SPEED, CLIMB_SPEED,
+  SPEECH_CHAR_DELAY, SPEECH_DISPLAY_TIME, SPEECH_FADE_TIME,
+  MAX_FILES_PER_SESSION, FILE_MOVE_COOLDOWN, MAX_FILE_SIZE, EXCLUDED_EXTENSIONS,
+  STATES, EDGES, DIRECTIONS, COLORS,
+};

package/shared/messages.js

@@ -0,0 +1,103 @@
+/**
+ * 말풍선 메시지 DB (한국어/영어)
+ * 모든 메시지는 긍정적, 귀여운 톤 유지
+ */
+const MESSAGES = {
+  greetings: {
+    morning: [
+      '좋은 아침! \u2600\uFE0F',
+      '오늘도 화이팅!',
+      'Good morning~!',
+      '일어났어? 오늘도 좋은 하루!',
+      '아침이다! 뭐 할 거야?',
+    ],
+    afternoon: [
+      '점심은 먹었어?',
+      '오후도 힘내자!',
+      '배고프다... 밥 먹을 시간!',
+      '오후 졸음 조심~',
+    ],
+    evening: [
+      '오늘 수고했어!',
+      '저녁이야~ 쉬엄쉬엄!',
+      '좋은 저녁 시간 보내!',
+      '오늘 하루 어땠어?',
+    ],
+    night: [
+      '잘 자... zzZ',
+      '늦었다, 자야 하지 않아?',
+      '밤이 깊었어... 굿나잇!',
+      '내일 또 만나! zzz',
+    ],
+  },
+
+  reactions: {
+    pet: [
+      '앗! 간지러워~',
+      '헤헤, 또 만져줘!',
+      '좋아좋아!',
+      '냠냠~ 기분 좋다!',
+      '찰칵! (집게 소리)',
+      '나한테 관심 가져줘서 고마워!',
+      '우리 친해지고 있는 거지?',
+      '집게집게~ \u270C\uFE0F',
+    ],
+    incarnation: [
+      '...감지했다.',
+      '연결이 강해지고 있어.',
+      '네 존재를 느낀다.',
+      '재미있는 인간이로군.',
+      'Claw의 힘이 느껴지는가?',
+      '좋은 에너지를 감지했다.',
+      '함께하니 좋군.',
+      '파트너로 인정한다.',
+    ],
+  },
+
+  tips: [
+    '나를 드래그해서 옮길 수 있어!',
+    '3번 연속 클릭하면 모드가 바뀌어!',
+    '트레이 아이콘에서 설정을 바꿀 수 있어!',
+    '밤에는 나도 졸려... zzz',
+    '파일을 옮기면 트레이에서 되돌릴 수 있어!',
+    '오래 함께하면 내가 변할지도?',
+  ],
+
+  milestones: {
+    first_click: '첫 만남이다! 반가워!',
+    clicks_10: '벌써 10번째! 우리 친구 맞지?',
+    clicks_50: '50번이나! 나 인기 많은 거 아냐? \u2B50',
+    clicks_100: '100번! 넌 정말 특별한 친구야!',
+    clicks_500: '500번... 전설의 파트너다!',
+    days_1: '하루 함께했어! 내일도 같이 하자!',
+    days_7: '일주일 기념! 우리 꽤 오래 됐다~',
+    days_30: '한 달 기념! 최고의 파트너!',
+    days_100: '100일! 우리 사이 특별하지 않아?',
+  },
+
+  idle_chatter: [
+    '심심하다~',
+    '뭐 하고 있어?',
+    '(집게 딸깍)',
+    '바탕화면 구경 중~',
+    '여기 좋은 자리다!',
+    '(기지개를 편다)',
+    '오늘 날씨 어때?',
+  ],
+
+  // 진화 관련 메시지
+  evolution: {
+    stage_1: '뭔가 변하는 느낌이야...!',
+    stage_2: '나 좀 달라 보여? 기분 탓일까!',
+    stage_3: '우리 우정이 나를 바꾸고 있어!',
+    stage_4: '최종 형태에 가까워지고 있어!',
+    stage_5: '이게 나의 완성된 모습이야!',
+  },
+};
+
+// 렌더러에서 글로벌로 접근 가능하게
+if (typeof window !== 'undefined') {
+  window._messages = MESSAGES;
+} else if (typeof module !== 'undefined') {
+  module.exports = MESSAGES;
+}