<!doctype html><html lang="ko"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>SAPIENS — 10만 년 전… | 온라인으로 플레이</title><meta name="description" content="Didier & Olivier Guillion의 선사 시대 어드벤처 게임 SAPIENS(1986)를 브라우저, PC, 모바일에서 다시 즐겨 보세요. 살아남고, 사냥하고, 부족들과 협상해 Pieds-Agiles의 족장이 되세요."><link rel="canonical" href="https://{{DOMAIN}}/ko/"><link rel="alternate" hreflang="fr" href="https://{{DOMAIN}}/"><link rel="alternate" hreflang="en" href="https://{{DOMAIN}}/en/"><link rel="alternate" hreflang="es" href="https://{{DOMAIN}}/es/"><link rel="alternate" hreflang="de" href="https://{{DOMAIN}}/de/"><link rel="alternate" hreflang="it" href="https://{{DOMAIN}}/it/"><link rel="alternate" hreflang="pt" href="https://{{DOMAIN}}/pt/"><link rel="alternate" hreflang="nl" href="https://{{DOMAIN}}/nl/"><link rel="alternate" hreflang="pl" href="https://{{DOMAIN}}/pl/"><link rel="alternate" hreflang="ru" href="https://{{DOMAIN}}/ru/"><link rel="alternate" hreflang="uk" href="https://{{DOMAIN}}/uk/"><link rel="alternate" hreflang="tr" href="https://{{DOMAIN}}/tr/"><link rel="alternate" hreflang="ja" href="https://{{DOMAIN}}/ja/"><link rel="alternate" hreflang="zh" href="https://{{DOMAIN}}/zh/"><link rel="alternate" hreflang="ko" href="https://{{DOMAIN}}/ko/"><link rel="alternate" hreflang="x-default" href="https://{{DOMAIN}}/"><meta name="theme-color" content="#1b120b"><meta property="og:type" content="website"><meta property="og:title" content="SAPIENS — 10만 년 전…"><meta property="og:description" content="1986년의 선사 시대 어드벤처 게임을 PHP로 옮겨 브라우저에서 바로 즐길 수 있습니다."><meta property="og:url" content="https://{{DOMAIN}}/ko/"><meta property="og:locale" content="ko_KR"><meta property="og:image" content="https://{{DOMAIN}}/img/og.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="SAPIENS — 10만 년 전…"><meta name="twitter:description" content="1986년의 선사 시대 어드벤처 게임을 PHP로 옮겨 브라우저에서 바로 즐길 수 있습니다."><link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='12' fill='%231b120b'/%3E%3Cpath d='M20 50 L32 12 L44 50 Z' fill='%23d9822b'/%3E%3Cpath d='M28 50 L32 30 L36 50 Z' fill='%23f2c14e'/%3E%3C/svg%3E"><script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoGame","name":"SAPIENS","url":"https://{{DOMAIN}}/ko/","description":"Didier & Olivier Guillion의 선사 시대 어드벤처 게임 SAPIENS(1986)를 브라우저, PC, 모바일에서 다시 즐겨 보세요. 살아남고, 사냥하고, 부족들과 협상해 Pieds-Agiles의 족장이 되세요.","author":[{"@type":"Person","name":"Didier Guillion"},{"@type":"Person","name":"Olivier Guillion"}],"datePublished":"1986","genre":["어드벤처","서바이벌"],"gamePlatform":["웹 브라우저","모바일"],"inLanguage":"ko","image":"https://{{DOMAIN}}/img/og.png","isAccessibleForFree":true,"license":"https://www.gnu.org/licenses/gpl-3.0.html"}</script><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Uncial+Antiqua&family=Alegreya+Sans:wght@400;700&display=swap" rel="stylesheet"><style>:root { --night: #1b120b; --rock: #3a2a1d; --rock2: #4d3826; --ochre: #d9822b; --ochre-light: #f2c14e; --blood: #9e2f1c; --charcoal: #120c08; --bone: #f1e4c8; --bone-dim: #cdbb98;}* { box-sizing: border-box; }html { scroll-behavior: smooth; }body { margin: 0; background: var(--night); color: var(--bone); font: 18px/1.6 "Alegreya Sans", system-ui, sans-serif;}a { color: var(--ochre-light); }h1, h2, h3 { font-family: "Uncial Antiqua", Georgia, serif; font-weight: 400; letter-spacing: .02em; }/* --- the cave wall --- */.cave { position: relative; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 48px 16px 64px; overflow: hidden; background: radial-gradient(ellipse 60% 45% at 50% 55%, rgba(242,193,78,.18), transparent 70%), radial-gradient(ellipse at 20% 20%, var(--rock2), transparent 55%), radial-gradient(ellipse at 80% 70%, #4a3220, transparent 60%), linear-gradient(160deg, var(--rock) 0%, #2b1e14 55%, var(--charcoal) 100%);}.cave::before { /* the grain of the rock */ content: ""; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E"); mix-blend-mode: multiply; opacity: .8; pointer-events: none;}.paintings { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .55; pointer-events: none;}.torch { position: absolute; inset: 0; background: radial-gradient(circle at 50% 100%, rgba(255,160,60,.25), transparent 55%); animation: flicker 3.2s infinite ease-in-out; pointer-events: none;}@keyframes flicker { 0%, 100% { opacity: .85; } 20% { opacity: 1; } 45% { opacity: .7; } 60% { opacity: .95; } 80% { opacity: .78; }}.cave > *:not(.paintings):not(.torch) { position: relative; }.era { color: var(--ochre-light); letter-spacing: .3em; text-transform: uppercase; font-size: .85rem; margin: 0 0 8px; }.title { margin: 0; font-size: clamp(3.2rem, 14vw, 8rem); line-height: 1; color: var(--ochre); text-shadow: 3px 3px 0 var(--blood), 0 0 30px rgba(217,130,43,.35);}.tagline { font-size: clamp(1.1rem, 3.5vw, 1.5rem); max-width: 34em; margin: 18px auto 30px; color: var(--bone); }.play { display: inline-block; padding: 18px 46px; font: 1.6rem "Uncial Antiqua", Georgia, serif; color: var(--charcoal); text-decoration: none; background: linear-gradient(145deg, #e9b863, var(--ochre) 55%, #a85d1c); clip-path: polygon(6% 0, 94% 4%, 100% 48%, 95% 100%, 5% 96%, 0 52%); box-shadow: 0 8px 0 #6b3a12; transition: transform .15s, filter .15s;}.play:hover, .play:focus-visible { transform: translateY(-2px) scale(1.03); filter: brightness(1.1); }.hint { margin-top: 16px; font-size: .95rem; color: var(--bone-dim); }main { max-width: 1060px; margin: 0 auto; padding: 0 16px; }section { padding: 56px 0 8px; }h2 { font-size: clamp(1.8rem, 5vw, 2.6rem); color: var(--ochre-light); margin: 0 0 18px; }h2::after { content: ""; display: block; width: 120px; height: 6px; margin-top: 6px; background: repeating-linear-gradient(90deg, var(--blood) 0 14px, transparent 14px 20px); border-radius: 3px;}.shots { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; margin-top: 24px; }figure { margin: 0; background: var(--rock); border: 3px solid #5a4029; border-radius: 6px; overflow: hidden; }figure img { display: block; width: 100%; height: auto; image-rendering: pixelated; aspect-ratio: 8 / 5; object-fit: cover; }figcaption { padding: 10px 14px; color: var(--bone-dim); font-size: .95rem; }.tribes { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }.tribe { background: linear-gradient(160deg, var(--rock2), var(--rock)); padding: 18px; border-radius: 8px; border-left: 6px solid var(--ochre); }.tribe h3 { margin: 0 0 4px; color: var(--ochre-light); font-size: 1.25rem; }.tribe p { margin: 0; color: var(--bone-dim); }ol.quest { counter-reset: q; list-style: none; padding: 0; }ol.quest li { counter-increment: q; position: relative; padding: 10px 0 10px 56px; border-bottom: 1px dashed #5a4029; }ol.quest li::before { content: counter(q); position: absolute; left: 0; top: 8px; width: 40px; height: 40px; display: grid; place-items: center; font-family: "Uncial Antiqua", Georgia, serif; color: var(--charcoal); background: var(--ochre); border-radius: 50% 45% 55% 40%;}.controls { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; }.panel { background: var(--rock); border-radius: 8px; padding: 18px 20px; }.panel h3 { margin: 0 0 10px; color: var(--ochre-light); }.panel dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 14px; margin: 0; }.panel dt { color: var(--ochre-light); font-weight: 700; }.panel dd { margin: 0; }kbd { background: var(--bone); color: var(--charcoal); border-radius: 4px; padding: 0 6px; font: 700 .85rem/1.5 ui-monospace, monospace; box-shadow: 0 2px 0 #8a7a5c; }.timeline { border-left: 4px solid var(--ochre); margin: 0; padding: 0 0 0 22px; list-style: none; }.timeline li { position: relative; padding: 4px 0 12px; }.timeline li::before { content: ""; position: absolute; left: -31px; top: 12px; width: 14px; height: 14px; background: var(--blood); border-radius: 50%; border: 3px solid var(--night); }.timeline b { color: var(--ochre-light); }footer { margin-top: 64px; padding: 32px 16px 48px; text-align: center; color: var(--bone-dim); font-size: .9rem; background: var(--charcoal); }footer p { max-width: 760px; margin: 8px auto; }@media (prefers-reduced-motion: reduce) { .torch { animation: none; } html { scroll-behavior: auto; }}.langs { background: var(--charcoal); padding: 10px 12px; text-align: center; font-size: .9rem; line-height: 1.3; }.langs a { display: inline-block; margin: 2px 3px; padding: 3px 9px; border-radius: 12px; color: var(--bone-dim); text-decoration: none; border: 1px solid #5a4029; }.langs a:hover, .langs a:focus-visible { color: var(--ochre-light); border-color: var(--ochre); }.langs a[aria-current="true"] { background: var(--ochre); border-color: var(--ochre); color: var(--charcoal); font-weight: 700; }</style></head><body><nav class="langs" aria-label="언어"><a href="../" hreflang="fr" lang="fr">Français</a><a href="../en/" hreflang="en" lang="en">English</a><a href="../es/" hreflang="es" lang="es">Español</a><a href="../de/" hreflang="de" lang="de">Deutsch</a><a href="../it/" hreflang="it" lang="it">Italiano</a><a href="../pt/" hreflang="pt" lang="pt">Português</a><a href="../nl/" hreflang="nl" lang="nl">Nederlands</a><a href="../pl/" hreflang="pl" lang="pl">Polski</a><a href="../ru/" hreflang="ru" lang="ru">Русский</a><a href="../uk/" hreflang="uk" lang="uk">Українська</a><a href="../tr/" hreflang="tr" lang="tr">Türkçe</a><a href="../ja/" hreflang="ja" lang="ja">日本語</a><a href="../zh/" hreflang="zh" lang="zh">中文</a><a href="./" hreflang="ko" lang="ko" aria-current="true">한국어</a></nav><header class="cave"> <svg class="paintings" viewBox="0 0 1200 800" preserveAspectRatio="xMidYMid slice" aria-hidden="true"> <defs> <filter id="rough"><feTurbulence baseFrequency=".04" numOctaves="2" result="t"/><feDisplacementMap in="SourceGraphic" in2="t" scale="6"/></filter> </defs> <g filter="url(#rough)" fill="#b4492a"> <!-- bison --> <path d="M120 250c30-50 120-60 170-40 30-25 70-20 85 10 10 20 0 40-15 50l10 60h-18l-12-45c-30 10-70 12-110 5l-10 45h-18l2-50c-30-5-60-10-74-35z"/> <!-- horse --> <path d="M880 170c40-30 110-30 150 0l40-30 15 10-25 40c10 20 5 40-15 50l8 60h-16l-12-50c-40 10-80 8-110 0l-12 50h-16l6-60c-20-15-25-45-13-70z" fill="#2a1a10"/> <!-- deer --> <path d="M780 560c30-25 80-28 110-10l20-40-30-30 12-8 30 28 20-45 12 6-22 50 18 14-12 40c4 20-6 30-18 35l6 50h-14l-10-42c-30 6-55 4-75-2l-8 44h-14l4-50c-20-10-24-26-24-40z"/> <!-- hunters --> <path d="M330 600l10-40-14-30 10-4 14 26 10-32h8l-6 34 20 22-6 8-20-18-8 36z" fill="#2a1a10"/> <path d="M380 600l10-40-14-30 10-4 14 26 10-32h8l-6 34 20 22-6 8-20-18-8 36z" fill="#2a1a10"/> <path d="M300 520l140-60" stroke="#2a1a10" stroke-width="4"/> </g> <!-- hands --> <g fill="#d9822b" opacity=".7"> <path d="M560 120c-6-30-2-60 8-62s8 28 10 40c2-18 4-48 14-48s8 34 8 48c4-16 8-40 18-38s4 30 2 46c6-10 12-26 20-22s-6 30-14 46c-10 22-30 36-48 32s-16-20-18-42z"/> <path d="M1040 520c-6-30-2-60 8-62s8 28 10 40c2-18 4-48 14-48s8 34 8 48c4-16 8-40 18-38s4 30 2 46c6-10 12-26 20-22s-6 30-14 46c-10 22-30 36-48 32s-16-20-18-42z" fill="#9e2f1c"/> </g> <g fill="none" stroke="#f1e4c8" stroke-width="3" opacity=".25"> <circle cx="140" cy="640" r="6"/><circle cx="160" cy="660" r="6"/><circle cx="182" cy="648" r="6"/><circle cx="204" cy="668" r="6"/> </g> </svg> <div class="torch"></div> <p class="era">Didier & Olivier Guillion · 1986</p> <h1 class="title">SAPIENS</h1> <p class="tagline">10만 년 전, Pieds-Agiles 부족 위로 새벽이 밝아 옵니다. 살아남고, 사냥하고, 다른 부족과 이야기를 나누며 당신 씨족의 족장이 되세요.</p> <a class="play" href="../play/">플레이</a> <p class="hint">무료, 설치 필요 없음 · PC와 모바일(휴대폰은 가로로 잡으세요)</p></header><main> <section id="jeu"> <h2>게임 소개</h2> <p>당신은 <strong>Pieds-Agiles</strong> 부족의 젊은 사냥꾼 <strong>Torgan</strong>입니다. 1인칭 시점으로 드넓은 계곡을 누빕니다. 산, 숲, 샘, 구름, 그리고 폭풍. 낮과 밤이 이어지고, 배고픔과 갈증, 피로가 당신을 갉아먹습니다. 늑대, 곰, 토끼, 그리고 다른 부족 사람들과 마주치면 측면 시점에서 도끼나 투창, 맨손으로 싸워야 합니다… 아니면 대화하고, 선물을 주고받으며 동맹을 만들 수도 있습니다.</p> <p>부싯돌을 깨뜨려 무기를 만들고, 열매와 뿌리를 모으고, 상처를 치료하고, 모닥불 곁에서 잠드세요. 이곳에서는 힘보다 꾀와 외교가 더 값질 때가 많습니다.</p> <div class="shots"> <figure><img src="../img/paysage.png" alt="1인칭 시점의 풍경" loading="lazy" width="640" height="400"><figcaption>낮과 밤의 1인칭 시점 계곡</figcaption></figure> <figure><img src="../img/combat.png" alt="측면 시점의 전투" loading="lazy" width="640" height="400"><figcaption>측면 시점의 사냥과 전투</figcaption></figure> <figure><img src="../img/quete.png" alt="족장 Hognor가 임무를 맡기다" loading="lazy" width="640" height="400"><figcaption>밤이 내리고, 족장 Hognor가 첫 임무를 맡깁니다</figcaption></figure> </div> </section> <section id="quete"> <h2>임무</h2> <p>부족의 족장 Hognor는 점점 더 어려운 시련을 맡깁니다.</p> <ol class="quest"> <li>식량 가져오기: 부족이 굶주리고 있습니다.</li> <li>아이들이 독이 든 열매를 먹었으니, Yeux-Malins에게서 <strong>생명의 물약</strong>을 얻어 오기.</li> <li>Bras-de-Roc의 도전을 받아들여 그들의 족장을 쓰러뜨리고 <strong>상아 도끼</strong>를 빼앗기.</li> <li>Hyènes-Folles가 훔쳐 간 <strong>신성한 지팡이</strong>를 되찾기.</li> <li>그리고 마지막으로… 새 족장은 힘의 법칙이 정합니다.</li> </ol> <div class="tribes"> <div class="tribe"><h3>Pieds-Agiles</h3><p>당신의 부족. 족장: Hognor.</p></div> <div class="tribe"><h3>Yeux-Malins</h3><p>영리한 치료사들. 족장: Sl-Oom.</p></div> <div class="tribe"><h3>Bras-de-Roc</h3><p>두려운 전사들. 족장: Grungh.</p></div> <div class="tribe"><h3>Hyènes-Folles</h3><p>남쪽의 약탈자들. 족장: Krok-G.</p></div> </div> </section> <section id="aide"> <h2>조작법</h2> <div class="controls"> <div class="panel"> <h3>PC</h3> <dl> <dt>마우스</dt><dd>아래쪽 메뉴에서 행동을 고릅니다(▲▼ 화살표로 스크롤). 화면을 클릭해 살펴봅니다</dd> <dt><kbd>←</kbd> <kbd>→</kbd></dt><dd>풍경: 방향 전환 · 측면 시점: 걷기</dd> <dt><kbd>↑</kbd> <kbd>↓</kbd></dt><dd>풍경: 가속 / 감속 · 측면 시점: 일어서기 / 웅크리기</dd> <dt><kbd>스페이스</kbd></dt><dd>풍경: 지도 · 측면 시점: 공격</dd> <dt><kbd>Enter</kbd></dt><dd>무기 바꾸기(또는 오른쪽 클릭)</dd> <dt><kbd>Esc</kbd></dt><dd>화면 나가기(또는 클릭)</dd> <dt>숫자 키패드</dt><dd>두 번째 플레이어(<kbd>8</kbd><kbd>2</kbd><kbd>4</kbd><kbd>6</kbd>, <kbd>1</kbd> 공격, <kbd>3</kbd> 무기)</dd> </dl> </div> <div class="panel"> <h3>모바일</h3> <dl> <dt>터치</dt><dd>마우스 클릭과 같습니다. 게임 전체를 메뉴로 즐깁니다(‘보기’ › ‘풍경’으로 탐험 시작)</dd> <dt>조이스틱</dt><dd>왼쪽 영역: 방향 전환, 전진(풍경), 걷기(측면 시점)</dd> <dt>공격</dt><dd>측면 시점: 공격 · 풍경: 지도</dd> <dt>무기</dt><dd>측면 시점: 무기 바꾸기</dd> <dt>나가기</dt><dd>현재 풍경이나 화면에서 나가기(화면을 터치해도 됩니다)</dd> <dt>지도</dt><dd>풍경에서 보는 지도</dd> </dl> </div> </div> </section> <section id="histoire"> <h2>오랜 역사</h2> <ul class="timeline"> <li><b>1986년</b> — Thomson MO5, TO7/8/9와 Amstrad CPC용으로 어셈블리로 작성한 첫 버전. 이후 PC용으로 C로 다시 작성.</li> <li><b>1987년</b> — Atari ST용으로 더 화려해진 버전.</li> <li><b>1996년</b> — 상자 속에 있던 C 소스가 세상에 나와 MacOS와 Windows 버전 출시.</li> <li><b>2017년</b> — Sapiens가 프리웨어로 전환.</li> <li><b>2018년</b> — <a href="https://www.myriad-online.com/fr/products/sapiensopensource.htm">Myriad가 소스를 공개</a>, 라이선스는 GNU GPL v3.</li> <li><b>오늘</b> — PHP로 이식, 브라우저에서 플레이 가능.</li> </ul> </section> <section id="php"> <h2>100% PHP</h2> <p>이 버전은 2018년에 공개된 C 소스를 함수 단위로 충실하게 <strong>PHP</strong>로 옮긴 이식판이며, <a href="https://github.com/davidnurdin/jumPhp">JumPHP</a> 프레임워크 위에서 동작합니다. 같은 코드가 PC(PHP + SDL2)와 브라우저(WebAssembly로 컴파일한 PHP)에서 모두 실행됩니다. 스프라이트, 사운드, 텍스트는 원작 게임의 것입니다.</p> <p>소스 코드: <a href="https://github.com/davidnurdin/sapiensPhp">github.com/davidnurdin/sapiensPhp</a> · 원본 소스: <a href="https://www.myriad-online.com/fr/products/sapiensopensource.htm">Myriad의 Sapiens 오픈 소스 페이지</a>.</p> </section></main><footer> <p><strong>SAPIENS</strong> © Didier & Olivier Guillion — Myriad, 1986-2017. 오리지널 음악: Gilles Soulet.</p> <p>소스는 <a href="https://www.gnu.org/licenses/gpl-3.0.html">GNU GPL v3</a> 라이선스로 공개되었으며, 이 이식판도 같은 라이선스로 배포됩니다.</p> <p>비공식 팬 사이트입니다.</p></footer></body></html>