https://planfully.ai.kr/tags/%EC%9E%90%EC%95%84%EC%83%81/Recent content in 자아상 on 계획대로 느긋하게Hugo -- gohugo.ioko-krTue, 28 Jul 2026 00:00:00 +0900https://planfully.ai.kr/tests/person-drawing/Tue, 28 Jul 2026 00:00:00 +0900https://planfully.ai.kr/tests/person-drawing/<p>사람은 &lsquo;사람&rsquo;을 그릴 때 자기도 모르게 <strong>자기 자신의 모습, 곧 무의식적 자아상</strong>을 종이 위에 옮깁니다. 집이 환경을, 나무가 생명 에너지를 비춘다면, 사람 그림은 <strong>내가 나를 어떻게 느끼는지, 세상·타인을 어떻게 대하는지, 지금 마음이 어디에 있는지</strong>를 가장 가깝게 드러내죠. 그림심리검사인 <strong>인물화 검사(DAP)</strong> 방식으로, &ldquo;사람을 한 명&rdquo; 편하게 그려보세요. 잘 그릴 필요는 전혀 없어요. 🧍</p> <div id="dap"> <style> #dap{--bg:#ece7dc;--surface:#f7f3ea;--ink:#2c2e33;--muted:#6b6a63;--accent:#3f736c;--accent-ink:#2c574f;--ochre:#b0842f;--canvas:#fcfaf3;--line:#d9d2c3;--shadow:rgba(40,38,30,.13); max-width:640px;margin:8px auto;color:var(--ink); font-family:'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',system-ui,sans-serif;line-height:1.7;} @media (prefers-color-scheme:dark){#dap{--bg:#191b1f;--surface:#23262c;--ink:#e7e3d8;--muted:#9d9a8f;--accent:#79b0a8;--accent-ink:#a7d2cb;--ochre:#d6a850;--canvas:#f5f0e5;--line:#333840;--shadow:rgba(0,0,0,.4);}} #dap *{box-sizing:border-box} #dap .serif,#dap h1,#dap h2,#dap h3{font-family:'Nanum Myeongjo','AppleMyungjo','Batang',serif;} #dap .eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 14px} #dap h1{font-size:clamp(1.6rem,5.5vw,2.2rem);line-height:1.28;margin:0 0 16px;font-weight:700;color:var(--ink)} #dap .lead{color:var(--muted);font-size:1rem;margin:0 0 8px} #dap .screen{display:none} #dap .screen.on{display:block;animation:dapf .5s ease} @keyframes dapf{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} #dap .card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px 24px;box-shadow:0 10px 34px var(--shadow)} #dap .btn{appearance:none;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:1rem;background:var(--accent);color:#fff;padding:14px 26px;border-radius:12px;transition:filter .15s,transform .05s} #dap .btn:hover{filter:brightness(1.07)} #dap .btn:active{transform:translateY(1px)} #dap .btn.ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent)} #dap .btn.wide{width:100%;margin-top:8px} #dap .btn:focus-visible{outline:3px solid var(--ochre);outline-offset:2px} #dap .note{font-size:.83rem;color:var(--muted);margin-top:18px} #dap .divider{height:1px;background:var(--line);margin:22px 0} #dap .prompt{font-family:'Nanum Myeongjo','AppleMyungjo',serif;font-size:1.4rem;text-align:center;margin:2px 0 4px;color:var(--ink)} #dap .subprompt{text-align:center;color:var(--muted);font-size:.9rem;margin:0 0 16px} #dap .canvas-frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 6px 20px var(--shadow)} #dap canvas{display:block;width:100%;height:auto;background:var(--canvas);touch-action:none;cursor:crosshair} #dap .tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px} #dap .tool{appearance:none;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-family:inherit;font-size:.86rem;font-weight:600;padding:9px 13px;border-radius:10px;display:flex;align-items:center;gap:6px} #dap .tool.active{border-color:var(--accent);color:var(--accent)} #dap .sizes{display:flex;gap:6px;align-items:center;margin-left:auto} #dap .dot{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0} #dap .dot.active{border-color:var(--accent)} #dap .dot i{display:block;border-radius:50%;background:var(--ink)} #dap .timer{font-size:.8rem;color:var(--muted);text-align:center;margin-top:10px;font-variant-numeric:tabular-nums} #dap .q{margin-bottom:22px} #dap .q h3{font-size:1.05rem;margin:0 0 12px;font-family:inherit;font-weight:700;color:var(--ink)} #dap .opts{display:flex;flex-wrap:wrap;gap:9px} #dap .opt{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:600;padding:11px 16px;border-radius:11px;transition:.12s} #dap .opt:hover{border-color:var(--accent)} #dap .opt.sel{border-color:var(--accent);color:var(--accent-ink)} #dap .rtype{font-family:'Nanum Myeongjo','AppleMyungjo',serif;font-size:clamp(1.4rem,4.5vw,1.9rem);color:var(--accent-ink);margin:6px 0 4px} #dap .rsummary{color:var(--muted);margin:0 0 8px} #dap .thumb{width:120px;height:auto;border-radius:10px;border:1px solid var(--line);background:var(--canvas);float:right;margin:0 0 10px 14px} #dap .dim{border-top:1px solid var(--line);padding:18px 0} #dap .dim:first-of-type{border-top:none} #dap .dim .k{display:flex;align-items:baseline;gap:10px;margin-bottom:6px} #dap .dim .tag{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:800} #dap .dim .val{font-family:'Nanum Myeongjo',serif;font-size:1.12rem;font-weight:700} #dap .dim p{margin:0;color:var(--ink)} #dap .caveat{font-size:.8rem;color:var(--muted);border-left:3px solid var(--accent);padding:12px 14px;border-radius:0 8px 8px 0;margin-top:24px;background:rgba(63,115,108,.07)} #dap .rbtns{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap} #dap .progress{height:4px;background:var(--line);border-radius:2px;overflow:hidden;margin-bottom:22px} #dap .progress i{display:block;height:100%;background:var(--accent);width:0;transition:width .4s} </style> <div class="progress" id="dap-prog" style="display:none"><i></i></div> <section class="screen on" id="dap-intro"> <div class="card"> <p class="eyebrow">그림심리검사 · DAP 인물화</p> <h1>사람을 한 명 그려보세요.<br>당신의 자아상이 보입니다.</h1> <p class="lead">정답은 없습니다. 잘 그릴 필요도 없습니다. <b>사람을 한 명</b> 지금 떠오르는 대로 편하게 그려주세요. 머리·얼굴·눈·입·손·다리, 그리고 사람의 크기와 필압을 바탕으로 당신이 스스로를 어떻게 느끼는지, 세상과 사람을 어떻게 대하는지를 비춰 드립니다.</p> <div class="divider"></div> <button class="btn wide" id="dap-go1">시작하기</button> <p class="note">⏱ 소요 2–3분 · 그린 그림은 이 기기 밖으로 나가지 않습니다.</p> </div> </section> <section class="screen" id="dap-draw"> <div class="card"> <p class="prompt">사람을 한 명 그려보세요</p> <p class="subprompt">막대 사람이어도 좋아요. 머리부터 발끝까지, 온전한 한 사람으로.</p> <div class="canvas-frame"><canvas id="dap-cv" width="1120" height="800"></canvas></div> <div class="tools"> <button class="tool active" id="dap-pen">✏️ 펜</button> <button class="tool" id="dap-era">지우개</button> <button class="tool" id="dap-undo">↩︎ 되돌리기</button> <button class="tool" id="dap-clr">전체 지우기</button> <div class="sizes" id="dap-sizes"> <span class="dot active" data-size="3"><i style="width:5px;height:5px"></i></span> <span class="dot" data-size="6"><i style="width:9px;height:9px"></i></span> <span class="dot" data-size="11"><i style="width:15px;height:15px"></i></span> </div> </div> <p class="timer" id="dap-timer">0:00</p> <button class="btn wide" id="dap-done">다 그렸어요 →</button> </div> </section> <section class="screen" id="dap-qs"><div class="card" id="dap-qcard"></div></section> <section class="screen" id="dap-result"><div class="card" id="dap-rcard"></div></section> <script> (function(){ var R=document.getElementById('dap'); function $(id){return document.getElementById(id);} function show(id){R.querySelectorAll('.screen').forEach(function(s){s.classList.remove('on')});$(id).classList.add('on');R.scrollIntoView({behavior:'smooth',block:'start'});} var prog=$('dap-prog'),progBar=prog.querySelector('i'); function setProg(p){prog.style.display=p>0?'block':'none';progBar.style.width=p+'%';} var cv=$('dap-cv'),ctx=cv.getContext('2d',{willReadFrequently:true}),W=cv.width,H=cv.height; var mode='pen',size=3,drawing=false,strokes=[],cur=null,startTime=null,timerInt=null; function paper(){ctx.fillStyle='#fcfaf3';ctx.fillRect(0,0,W,H);} paper(); function pos(e){var r=cv.getBoundingClientRect();var cx=(e.touches?e.touches[0].clientX:e.clientX),cy=(e.touches?e.touches[0].clientY:e.clientY);return{x:(cx-r.left)/r.width*W,y:(cy-r.top)/r.height*H};} function down(e){e.preventDefault();if(!startTime){startTime=Date.now();timerInt=setInterval(tick,1000);}drawing=true;var p=pos(e);cur={mode:mode,size:size,pts:[p]};ctx.beginPath();ctx.moveTo(p.x,p.y);} function move(e){if(!drawing)return;e.preventDefault();var p=pos(e);cur.pts.push(p);ctx.lineCap='round';ctx.lineJoin='round';ctx.lineWidth=cur.size*(cur.mode==='era'?4:1.6);ctx.strokeStyle=cur.mode==='era'?'#fcfaf3':'#33322e';ctx.lineTo(p.x,p.y);ctx.stroke();} function up(){if(!drawing)return;drawing=false;if(cur&&cur.pts.length)strokes.push(cur);cur=null;} cv.addEventListener('mousedown',down);cv.addEventListener('mousemove',move);window.addEventListener('mouseup',up); cv.addEventListener('touchstart',down,{passive:false});cv.addEventListener('touchmove',move,{passive:false});window.addEventListener('touchend',up); function repaint(){paper();strokes.forEach(function(s){ctx.beginPath();ctx.lineCap='round';ctx.lineJoin='round';ctx.lineWidth=s.size*(s.mode==='era'?4:1.6);ctx.strokeStyle=s.mode==='era'?'#fcfaf3':'#33322e';s.pts.forEach(function(p,i){i?ctx.lineTo(p.x,p.y):ctx.moveTo(p.x,p.y)});ctx.stroke();});} $('dap-pen').onclick=function(){mode='pen';this.classList.add('active');$('dap-era').classList.remove('active');}; $('dap-era').onclick=function(){mode='era';this.classList.add('active');$('dap-pen').classList.remove('active');}; $('dap-undo').onclick=function(){strokes.pop();repaint();}; $('dap-clr').onclick=function(){strokes=[];repaint();}; $('dap-sizes').addEventListener('click',function(e){var d=e.target.closest('.dot');if(!d)return;size=+d.dataset.size;R.querySelectorAll('.dot').forEach(function(x){x.classList.remove('active')});d.classList.add('active');}); function tick(){var s=Math.floor((Date.now()-startTime)/1000);$('dap-timer').textContent=Math.floor(s/60)+':'+String(s%60).padStart(2,'0');} $('dap-go1').onclick=function(){show('dap-draw');}; var metrics=null; function analyzeCanvas(){ var img=ctx.getImageData(0,0,W,H).data,minX=W,minY=H,maxX=0,maxY=0,ink=0,sx=0,sy=0; for(var y=0;y<H;y+=2){for(var x=0;x<W;x+=2){var i=(y*W+x)*4,r=img[i],g=img[i+1],b=img[i+2]; if(r<170&&g<170&&b<165){ink++;sx+=x;sy+=y;if(x<minX)minX=x;if(x>maxX)maxX=x;if(y<minY)minY=y;if(y>maxY)maxY=y;}}} if(ink<20)return null; var w=maxX-minX,h=maxY-minY; return{sizeRatio:(w*h)/(W*H),heightRatio:h/H,cx:(sx/ink)/W,cy:(sy/ink)/H,aspect:h/Math.max(1,w),ink:ink,density:ink/Math.max(1,(w/2)*(h/2)),strokes:strokes.filter(function(s){return s.mode==='pen'}).length,secs:startTime?Math.round((Date.now()-startTime)/1000):0}; } var QS=[ {id:'head',q:'<b>머리(얼굴)</b>는 몸에 비해 어떤가요?',opts:[['big','몸에 비해 큰 편'],['normal','적당한 크기'],['small','작은 편']]}, {id:'face',q:'<b>이목구비(눈·코·입)</b>를 어떻게 그렸나요?',opts:[['detail','또렷하게 그림'],['simple','간단히 표현'],['none','얼굴을 비워 둠']]}, {id:'eyes',q:'<b>눈</b>은 어떻게 그렸나요?',opts:[['big','크게 또렷하게'],['small','작게 점처럼'],['none','생략했다']]}, {id:'mouth',q:'<b>입</b>은 어떤 모양인가요?',opts:[['smile','웃는 입'],['line','한 줄·무표정'],['none','생략했다']]}, {id:'arms',q:'<b>팔·손</b>은 어떻게 그렸나요?',opts:[['open','벌리거나 강조'],['normal','자연스럽게'],['hidden','뒤로·몸에 붙임'],['none','팔·손 생략']]}, {id:'legs',q:'<b>다리·발</b>은 어떻게 그렸나요?',opts:[['firm','단단히·발까지'],['simple','간단히'],['none','생략·안 보임']]}, {id:'press',q:'전체적으로 <b>선을 그은 힘(필압)</b>은?',opts:[['strong','진하고 힘있게'],['normal','보통'],['light','옅고 살살']]}, {id:'focus',q:'특히 <b>공들이거나 강조한 부분</b>이 있나요?',opts:[['head','머리·얼굴'],['eyes','눈'],['hands','손'],['clothes','옷·머리모양·장식'],['none','특별히 없음']]} ]; var answers={}; function renderQ(){ var c=$('dap-qcard'); var html='<p class="eyebrow">거의 다 왔어요</p><h1 style="font-size:1.4rem">그린 사람에 대해 알려주세요</h1><p class="lead" style="margin-bottom:20px">그림을 보면서 솔직하게 골라주세요.</p>'; QS.forEach(function(Q){html+='<div class="q" data-q="'+Q.id+'"><h3>'+Q.q+'</h3><div class="opts">'+Q.opts.map(function(o){return '<button class="opt" data-v="'+o[0]+'">'+o[1]+'</button>'}).join('')+'</div></div>';}); html+='<button class="btn wide" id="dap-analyze" disabled style="opacity:.5">결과 보기</button>'; c.innerHTML=html; c.querySelectorAll('.q').forEach(function(qd){qd.querySelectorAll('.opt').forEach(function(b){b.onclick=function(){qd.querySelectorAll('.opt').forEach(function(x){x.classList.remove('sel')});b.classList.add('sel');answers[qd.dataset.q]=b.dataset.v;var ab=$('dap-analyze');if(Object.keys(answers).length===QS.length){ab.disabled=false;ab.style.opacity=1;}};});}); $('dap-analyze').onclick=function(){buildResult();show('dap-result');setProg(100);}; } $('dap-done').onclick=function(){metrics=analyzeCanvas();if(!metrics){alert('사람을 조금 더 그려주세요 🙂');return;}if(timerInt)clearInterval(timerInt);setProg(66);renderQ();show('dap-qs');}; function pick(v,map){return map[v]||map._;} function buildResult(){ var m=metrics,a=answers,dims=[]; // 1) 사람 크기 · 자존감 (canvas) var sz=(m.sizeRatio>0.30||m.heightRatio>0.72)?'big':((m.sizeRatio<0.09||m.heightRatio<0.40)?'small':'mid'); dims.push({tag:'사람 크기 · 자존감',val:pick(sz,{big:'큰 사람',mid:'알맞은 사람',small:'작은 사람'}),text:pick(sz,{big:'종이를 시원하게 채운 큰 사람은, 인물화 검사(DAP)에서는 보통 <b>또렷한 자기 존재감과 넉넉한 에너지, 자신감</b>으로 봐요. 세상에 나를 당당히 드러내는 힘이 느껴져요. 가끔은 그 큰 에너지를 어디에 쏟을지 방향만 정해주면 돼요.',mid:'적당한 크기의 사람은 <b>안정되고 균형 잡힌 자아상</b>을 보여줘요. 스스로를 과하게 부풀리지도, 작게 낮추지도 않고 편안하게 나를 바라보고 있는 상태예요.',small:'작게 그린 사람은, DAP에서는 보통 <b>조심스럽고 겸손한 마음, 혹은 지금은 에너지를 안으로 아끼는 상태</b>로 봐요. 요즘 스스로를 조금 작게 느끼고 있다면, 그건 잠시 지나가는 마음일 수 있어요. 당신은 생각보다 큰 사람이에요.'})}); // 2) 위치 · 오늘의 마음 (canvas) var posv=m.cy<0.40?'top':(m.cy>0.66?'bottom':(m.cx<0.38?'left':(m.cx>0.62?'right':'center'))); dims.push({tag:'위치 · 오늘의 마음',val:pick(posv,{top:'위쪽',bottom:'아래쪽',left:'왼쪽',right:'오른쪽',center:'가운데'}),text:pick(posv,{top:'종이 위쪽에 자리한 사람은 <b>이상과 목표, 기대를 향한 마음</b>을 보여줘요. 현실보다 꿈과 가능성 쪽으로 시선이 향해 있는 편이에요.',bottom:'아래쪽에 놓인 사람은 <b>현실적이고 안정 지향적인 마음</b>을 보여줘요. 땅에 발을 딛고 실용을 챙기지만, 요즘 안정을 향한 바람이 조금 크게 느껴질 수도 있어요.',left:'왼쪽에 치우친 사람은 <b>과거·내면·감정</b>에 무게가 실려 있어요. 지난 경험과 나만의 속마음을 소중히 여기는 결이에요.',right:'오른쪽에 놓인 사람은 <b>미래·행동·타인</b>을 향해요. 앞으로 나아가려는 의지와 바깥세상에 대한 관심이 큰 편이에요.',center:'한가운데 자리한 사람은 <b>안정된 자기 중심</b>을 뜻해요. 마음의 균형이 잘 잡혀 있고, 지금 이 순간에 발을 딛고 있어요.'})}); // 3) 머리 크기 · 사고 dims.push({tag:'머리 크기 · 생각의 결',val:pick(a.head,{big:'큰 머리',normal:'적당한 머리',small:'작은 머리'}),text:pick(a.head,{big:'몸에 비해 큰 머리는, DAP에서는 보통 <b>생각이 많고 지적 자부심과 상상력이 풍부한 성향</b>으로 봐요. 머릿속에서 여러 가능성을 굴리는 사색가의 결이에요. 가끔은 생각을 잠시 내려놓고 몸을 움직여주면 마음이 한결 가벼워져요.',normal:'적당한 크기의 머리는 <b>생각과 감정, 행동의 균형</b>을 보여줘요. 머리와 마음이 사이좋게 함께 가는 편안한 상태예요.',small:'작게 그린 머리는, DAP에서는 부드럽게 <b>지금은 생각을 앞세우기보다 마음이나 상황에 몸을 맡기고 싶은 상태</b>로 이해해요. 스스로의 판단을 조금 더 믿어줘도 좋을 시기예요.'})}); // 4) 얼굴·표정 유무 dims.push({tag:'이목구비 · 자기표현',val:pick(a.face,{detail:'또렷한 얼굴',simple:'담백한 얼굴',none:'비워 둔 얼굴'}),text:pick(a.face,{detail:'이목구비를 또렷하게 그린 것은, DAP에서 <b>자기표현이 풍부하고 사람들과 마주하는 데 열려 있는 마음</b>으로 봐요. 나를 드러내고 관계를 맺는 일이 자연스러운 사람이에요.',simple:'이목구비를 간단히 그린 것은 <b>담백하고 꾸밈없는 자기표현</b>을 보여줘요. 요란하지 않아도 필요한 만큼 마음을 전하는 편이에요.',none:'얼굴을 비워 둔 것을, DAP에서는 부드럽게 <b>지금은 감정을 살짝 아껴 두고 싶은 마음</b>으로 이해해요. 얼굴을 그리는 게 쑥스럽거나 그날 마음이 조용해서일 수도 있으니 걱정하지 않아도 돼요. 준비가 되면 표정은 자연스레 돌아와요.'})}); // 5) 눈 · 세상을 보는 태도 dims.push({tag:'눈 · 세상을 보는 태도',val:pick(a.eyes,{big:'큰 눈',small:'작은 눈',none:'생략한 눈'}),text:pick(a.eyes,{big:'크고 또렷한 눈은, DAP에서는 보통 <b>바깥세상과 사람에 대한 관심이 많고 감수성이 풍부한 태도</b>로 봐요. 주변을 잘 살피고 많은 것을 느끼는 사람이에요. 가끔은 남의 시선을 조금 덜 의식해도 괜찮아요.',small:'작게 점처럼 그린 눈은 <b>차분하고 내향적인 시선, 스스로 안으로 향하는 마음</b>을 보여줘요. 조용히 관찰하며 나만의 속도로 세상을 바라보는 결이에요.',none:'눈을 생략한 것을, DAP에서는 부드럽게 <b>지금은 바깥의 자극에서 한 발 물러나 쉬고 싶은 마음</b>으로 이해해요. 잠시 나만의 조용한 시간이 필요한 신호일 수 있어요.'})}); // 6) 입 · 정서 표현 dims.push({tag:'입 · 정서 표현',val:pick(a.mouth,{smile:'웃는 입',line:'담담한 입',none:'생략한 입'}),text:pick(a.mouth,{smile:'웃는 입은, DAP에서 <b>밝고 다정한 정서, 사람들과 온기를 나누고 싶은 마음</b>으로 봐요. 마음속 나의 표정이 환하다는 건 참 다행스러운 신호예요.',line:'한 줄로 담담하게 그린 입은 <b>감정을 과장하지 않는 차분한 정서</b>를 보여줘요. 조용한 안정감으로 볼 수 있어요.',none:'입을 생략한 것을, DAP에서는 부드럽게 <b>지금은 말이나 감정을 살짝 아껴 두고 싶은 마음</b>으로 이해해요. 무겁게 받아들일 일은 아니고, 그날의 조용한 결일 수 있어요.'})}); // 7) 팔·손 · 통제감과 대인 접촉 dims.push({tag:'팔·손 · 관계와 통제감',val:pick(a.arms,{open:'벌린 팔',normal:'자연스러운 팔',hidden:'숨긴 팔',none:'생략한 팔·손'}),text:pick(a.arms,{open:'팔을 벌리거나 강조한 것은, DAP에서는 보통 <b>세상·사람과 적극적으로 관계 맺고 무언가를 이루려는 에너지</b>로 봐요. 다가가고 손을 뻗는 힘이 느껴져요.',normal:'팔·손을 자연스럽게 그린 것은 <b>편안한 대인 태도와 안정된 통제감</b>을 보여줘요. 사람들과 무리 없이 어울리는 결이에요.',hidden:'팔을 뒤로 하거나 몸에 붙여 그린 것을, DAP에서는 부드럽게 <b>지금은 조심스럽게 나를 지키고 싶은 마음</b>으로 이해해요. 신중하게 거리를 두는 것도 나를 아끼는 방식이에요.',none:'팔·손을 생략한 것을, DAP에서는 부드럽게 <b>지금은 무언가에 적극적으로 나서기보다 힘을 아끼고 싶은 상태</b>로 봐요. 준비가 되면 다시 손을 뻗게 될 거예요.'})}); // 8) 다리·발 · 현실 기반 dims.push({tag:'다리·발 · 현실의 기반',val:pick(a.legs,{firm:'단단한 다리',simple:'간단한 다리',none:'생략한 다리·발'}),text:pick(a.legs,{firm:'다리와 발을 단단히 그린 것은, DAP에서 <b>현실에 발을 딛고 선 안정감과 스스로 서려는 힘</b>으로 봐요. 든든하게 자기 자리를 지키는 사람이에요.',simple:'다리·발을 간단히 그린 것은 <b>현실 감각을 담백하게 챙긴 상태</b>예요. 기본적인 안정 위에 편하게 서 있어요.',none:'다리·발을 생략하거나 가린 것을, DAP에서는 부드럽게 <b>지금 어딘가 붕 뜬 느낌이거나 나만의 안정 기반을 찾고 있는 마음</b>으로 이해해요. 작은 루틴 하나가 발밑을 단단하게 해줄 수 있어요.'})}); // 9) 필압 · 에너지 (answer + canvas) var press=a.press; if(press==='normal'&&m.strokes>=18)press='strong'; if(press==='normal'&&m.strokes<6&&m.density<0.9)press='light'; dims.push({tag:'필압 · 자아강도와 에너지',val:pick(press,{strong:'진한 필압',normal:'고른 필압',light:'옅은 필압'}),text:pick(press,{strong:'진하고 힘있게 그은 선은, DAP에서 <b>단단한 자아와 강한 에너지, 몰입하는 힘</b>으로 봐요. 하고 싶은 일에 마음을 꾹 눌러 담는 사람이에요. 가끔은 힘을 살짝 빼도 좋아요.',normal:'고르게 그은 선은 <b>안정되고 균형 잡힌 에너지</b>를 보여줘요. 자신을 믿되 과하지 않은, 단단하면서도 유연한 마음이에요.',light:'옅고 살살 그은 선은 <b>섬세하고 부드러운 성향, 혹은 지금은 에너지를 아끼는 상태</b>를 보여줘요. 감수성이 풍부한 만큼, 요즘 조금 지쳐 있다면 스스로를 다정하게 돌봐줄 시기예요.'})}); // 10) 강조·공들인 부분 var focusMap={head:{v:'머리·얼굴',t:'머리와 얼굴에 특히 공들인 것은, DAP에서 <b>생각·자기 이미지·타인에게 보이는 나에 대한 관심</b>이 크다는 뜻으로 봐요. 나를 어떻게 표현할지 섬세하게 신경 쓰는 사람이에요.'},eyes:{v:'눈',t:'눈에 특히 공들인 것은, DAP에서 <b>세상과 사람을 향한 관심, 그리고 남의 시선에 대한 예민함</b>을 함께 보여줘요. 많이 보고 많이 느끼는 사람이에요.'},hands:{v:'손',t:'손에 특히 공들인 것은, DAP에서 <b>무언가를 이루고 사람과 닿으려는 마음, 관계와 성취에 대한 관심</b>으로 봐요. 세상에 손을 뻗어 만들어가는 결이에요.'},clothes:{v:'옷·장식',t:'옷·머리모양·장식에 공들인 것은 <b>자기표현과 사회적인 나에 대한 관심</b>을 보여줘요. 나를 가꾸고 드러내는 감각이 살아 있는 사람이에요.'}}; if(a.focus&&a.focus!=='none'){dims.push({tag:'강조한 부분 · 지금 마음이 향한 곳',val:focusMap[a.focus].v,text:focusMap[a.focus].t});} // 헤드라인 var open=(a.arms==='open'||a.face==='detail'||a.eyes==='big'||a.mouth==='smile'); var grounded=(a.legs==='firm'&&(press==='strong'||press==='normal')); var quiet=(a.face==='none'||a.eyes==='none'||a.mouth==='none'||a.arms==='none'||press==='light'); var head=grounded&&open?'세상을 향해 당당히 선, 생기 있는 사람':(open?'사람들에게 마음을 여는, 다정한 사람':(quiet?'지금은 고요히 나를 지키는, 사려 깊은 사람':(grounded?'단단히 자기 자리를 딛고 선 사람':'지금의 당신을 닮은, 담담한 한 사람'))); var thumb=cv.toDataURL('image/png'); var html='<p class="eyebrow">DAP 인물화 · 심리 해석</p><img class="thumb" src="'+thumb+'" alt="내가 그린 사람"><div class="rtype">'+head+'</div><p class="rsummary">당신이 그린 한 사람이 이렇게 말하고 있습니다.</p><div style="clear:both"></div>'; dims.forEach(function(d){html+='<div class="dim"><div class="k"><span class="tag">'+d.tag+'</span><span class="val">'+d.val+'</span></div><p>'+d.text+'</p></div>';}); html+='<div class="dim"><div class="k"><span class="tag">마지막으로</span><span class="val">당신에게</span></div><p>사람을 그린다는 건, 사실 마음속 나를 종이 위에 불러오는 일이에요. 오늘 당신이 그린 이 한 사람 안에는, 스스로를 바라보는 지금의 눈빛이 담겨 있어요. 큰 사람이든 작은 사람이든, 웃고 있든 담담하든 — 그 모습 그대로 당신은 충분히 괜찮은 사람이에요. 🌿</p></div>'; html+='<div class="caveat">이 검사는 자기 이해를 돕기 위한 것으로, 임상 진단이 아닙니다. 인물화 검사(DAP)의 해석 방향을 부드럽게 참고한 <b>재미로 보는 테스트</b>예요. 그림은 그날의 기분과 상황에 따라 달라지니, 오늘의 당신을 비추는 거울 정도로 가볍게 받아들여 주세요.</div>'; html+='<div class="rbtns"><button class="btn" id="dap-again">다시 그리기</button><button class="btn ghost" id="dap-save">그림 저장</button></div>'; $('dap-rcard').innerHTML=html; $('dap-again').onclick=function(){strokes=[];repaint();answers={};startTime=null;metrics=null;$('dap-timer').textContent='0:00';setProg(0);show('dap-draw');}; $('dap-save').onclick=function(){var el=document.createElement('a');el.href=thumb;el.download='my-person.png';el.click();}; } })(); </script> </div>