first commit
@@ -0,0 +1,17 @@
|
||||
Pet Behind Glass · AI depth third-party notices
|
||||
|
||||
Depth Anything V2 Small
|
||||
Model: onnx-community/depth-anything-v2-small-ONNX
|
||||
Model card: https://huggingface.co/onnx-community/depth-anything-v2-small-ONNX
|
||||
Upstream project: https://github.com/DepthAnything/Depth-Anything-V2
|
||||
License: Apache License 2.0
|
||||
|
||||
The ONNX model weights are downloaded from Hugging Face by the browser when the
|
||||
AI depth feature is first used. They are not included in this application bundle.
|
||||
|
||||
Transformers.js
|
||||
Package: @huggingface/transformers 3.8.1
|
||||
Project: https://github.com/huggingface/transformers.js
|
||||
License: Apache License 2.0
|
||||
|
||||
The full Apache License 2.0 text is provided in licenses/Apache-2.0.txt.
|
||||
@@ -0,0 +1 @@
|
||||
*{box-sizing:border-box}body{margin:0;background:#0d1117;color:#e6edf3;font:14px system-ui,sans-serif}main{min-height:100vh;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:60vh;background:#111923}#canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}canvas{width:100%;height:100%;display:block;cursor:grab}canvas.is-dragging{cursor:grabbing}#empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#82909f;pointer-events:none;font-size:1rem}#hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);margin:0;padding:8px 12px;border-radius:20px;background:#0008;color:#c8d1dc;transition:opacity .5s}aside{padding:18px;display:grid;gap:12px;background:#161d27;border-top:1px solid #293544;min-width:0;overflow:hidden}h1{font-size:1.1rem;margin:0 0 4px}label{display:grid;gap:5px;color:#aeb9c6}input,select,button{font:inherit;color:inherit;background:#202b38;border:1px solid #3b4a5c;border-radius:7px;padding:9px}#test-photo{min-width:0;width:100%;max-width:100%}input[type=range]{padding:0;accent-color:#72b6ff}.upload{position:relative;cursor:pointer;text-align:center;background:#25364a;border-radius:7px;padding:10px;color:#dcecff}.upload input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.upload:focus-within{outline:2px solid #8bc5ff;outline-offset:2px}output{float:right;color:#8bc5ff}button{cursor:pointer}#status{min-height:20px;margin:0;color:#ffbe79}#depth-provenance{margin:0;color:#aeb9c6;font-size:12px}#depth-debug{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-size:11px}@media (min-width:720px){main{height:100dvh;min-height:0;flex-direction:row}.stage{min-height:0}aside{width:280px;flex:0 0 280px;align-content:start;border-top:0;border-left:1px solid #293544;overflow-y:auto}}.visual-column{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.reference-strip{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;height:200px;flex:0 0 200px;padding:10px 12px;background:#0d1117;border-bottom:1px solid #293544;overflow:hidden}.reference-strip[hidden]{display:none}.reference-strip figure{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:5px;min-width:0;min-height:0;margin:0;padding:6px;border:1px solid #293544;border-radius:8px;background:#111923}.reference-strip img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.reference-strip figcaption{text-align:center;color:#aeb9c6;font-size:12px}#reference-status{position:absolute;left:50%;bottom:16px;transform:translate(-50%);margin:0;padding:5px 8px;border-radius:6px;background:#000b;color:#ffbe79;font-size:12px;white-space:nowrap}#reference-status[hidden]{display:none}@media (min-width:720px){.visual-column{min-height:0}.reference-strip{height:clamp(180px,30vh,300px);flex-basis:clamp(180px,30vh,300px)}}details{border:1px solid #344255;border-radius:8px;padding:10px 12px;background:#111923}details summary{cursor:pointer;color:#dce6f2;font-weight:600}details[open] summary{margin-bottom:8px}.details-content{display:grid;gap:12px;padding-top:4px}.control-note,.control-help{margin:0;color:#9eacbb;font-size:12px}.control-help{margin-top:-7px}.core-optics{gap:12px}
|
||||
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 273 KiB |
|
After Width: | Height: | Size: 396 KiB |
|
After Width: | Height: | Size: 26 KiB |
@@ -0,0 +1 @@
|
||||
const e="/assets/reference1-D4rK2azX.png";export{e as default};
|
||||
|
After Width: | Height: | Size: 2.3 MiB |
|
After Width: | Height: | Size: 1.2 MiB |
@@ -0,0 +1 @@
|
||||
const e="/assets/reference2-6y7JVIce.png";export{e as default};
|
||||
@@ -0,0 +1,56 @@
|
||||
{
|
||||
"width": 415,
|
||||
"height": 739,
|
||||
"convention": "0 = far/background, 1 = near/foreground",
|
||||
"source": "Hand-authored procedural Gaussian ellipses for local testing; not AI-estimated or physically measured.",
|
||||
"landmarks": [
|
||||
{
|
||||
"name": "nose",
|
||||
"x": 235,
|
||||
"y": 310,
|
||||
"depth": 0.98
|
||||
},
|
||||
{
|
||||
"name": "left-eye",
|
||||
"x": 198,
|
||||
"y": 278,
|
||||
"depth": 0.68
|
||||
},
|
||||
{
|
||||
"name": "right-eye",
|
||||
"x": 249,
|
||||
"y": 273,
|
||||
"depth": 0.68
|
||||
},
|
||||
{
|
||||
"name": "face",
|
||||
"x": 221,
|
||||
"y": 267,
|
||||
"depth": 0.6
|
||||
},
|
||||
{
|
||||
"name": "left-ear",
|
||||
"x": 158,
|
||||
"y": 213,
|
||||
"depth": 0.43
|
||||
},
|
||||
{
|
||||
"name": "right-ear",
|
||||
"x": 262,
|
||||
"y": 206,
|
||||
"depth": 0.43
|
||||
},
|
||||
{
|
||||
"name": "body",
|
||||
"x": 139,
|
||||
"y": 419,
|
||||
"depth": 0.3
|
||||
},
|
||||
{
|
||||
"name": "muzzle",
|
||||
"x": 224,
|
||||
"y": 305,
|
||||
"depth": 0.82
|
||||
}
|
||||
]
|
||||
}
|
||||
|
After Width: | Height: | Size: 102 KiB |
|
After Width: | Height: | Size: 338 KiB |
@@ -0,0 +1,114 @@
|
||||
<!doctype html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Pet Behind Glass</title>
|
||||
<script type="module" crossorigin src="/assets/index-DOC1JJ07.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-JVljdMQi.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<main>
|
||||
<div class="visual-column">
|
||||
<div id="reference-strip" class="reference-strip" hidden role="group" aria-label="레퍼런스 비교 이미지">
|
||||
<figure aria-labelledby="reference-caption-1">
|
||||
<img id="reference-image-1" alt="">
|
||||
<figcaption id="reference-caption-1">Ref1 · 주 기준</figcaption>
|
||||
</figure>
|
||||
<figure aria-labelledby="reference-caption-2">
|
||||
<img id="reference-image-2" alt="">
|
||||
<figcaption id="reference-caption-2">Ref2 · 보조</figcaption>
|
||||
</figure>
|
||||
<p id="reference-status" role="status" aria-live="polite" hidden>레퍼런스 이미지를 불러오지 못했습니다.</p>
|
||||
</div>
|
||||
<section class="stage">
|
||||
<div id="canvas-wrap"><div id="empty">반려동물 사진 또는 영상을 선택하세요</div></div>
|
||||
<p id="hint">화면을 드래그해서 시점을 움직여보세요</p>
|
||||
</section>
|
||||
</div>
|
||||
<aside>
|
||||
<h1>Pet Behind Glass</h1>
|
||||
<label class="upload">사진 선택<input id="image" type="file" accept="image/jpeg,image/png,image/webp"></label>
|
||||
<button id="ai-depth" data-testid="ai-depth" disabled>AI 깊이 생성</button>
|
||||
<p id="depth-provenance" hidden aria-live="polite"></p>
|
||||
<label>테스트 사진<select id="test-photo">
|
||||
<option value="sample">기존 샘플 · 흰 강아지 얼굴</option>
|
||||
<option value="dog1">멍멍이 1 · 잔디 위 흰 포메라니안</option>
|
||||
<option value="dog2">멍멍이 2 · 실내에 엎드린 검정·갈색 강아지</option>
|
||||
<option value="dog3">멍멍이 3 · 후드 옷을 입은 강아지 두 마리</option>
|
||||
<option value="dog4">멍멍이 4 · 벤치 위 갈색 닥스훈트</option>
|
||||
</select></label>
|
||||
<button id="sample">선택한 테스트 사진 불러오기</button>
|
||||
<p id="region-fixed-note" class="control-note">Ref1 기준 · 색면 단순화 1 · 굴절 1 (고정)</p>
|
||||
|
||||
<label>Grid Size <output id="gridOut">13</output>
|
||||
<input id="grid-size" type="range" min="10" max="24" step="1" value="13">
|
||||
</label>
|
||||
<small class="control-help">큰 얼굴 12–16 · 작은 얼굴/여러 마리 20–24</small>
|
||||
<div id="gloss-controls" class="core-optics">
|
||||
<label>셀 굴곡 (−1 오목 · +1 볼록) <output id="curvatureOut">1.00</output>
|
||||
<input id="curvature" type="range" min="-1" max="1" step="0.01" value="1">
|
||||
</label>
|
||||
<small class="control-help">|굴곡| 0.65–1 권장</small>
|
||||
<label>광택 강도 <output id="glossOut">0.30</output>
|
||||
<input id="gloss-strength" type="range" min="0" max="0.4" step="0.01" value="0.30">
|
||||
</label>
|
||||
</div>
|
||||
<label>Camera Offset <output id="cameraOut">0.50</output>
|
||||
<input id="camera-offset" type="range" min="0" max="0.9" step="0.01" value="0.5">
|
||||
</label>
|
||||
<small class="control-help">권장 0.35–0.65 · 시점 이동 범위</small>
|
||||
<button id="reset">시점 초기화</button>
|
||||
<button id="gyro">Gyroscope: OFF</button>
|
||||
|
||||
<details>
|
||||
<summary>사진 구도</summary>
|
||||
<div class="details-content">
|
||||
<label>사진 확대 <output id="photoZoomOut">1.00</output>
|
||||
<input id="photo-zoom" type="range" min="1" max="3" step="0.05" value="1">
|
||||
</label>
|
||||
<label>사진 가로 위치 <output id="photoPanXOut">0.00</output>
|
||||
<input id="photo-pan-x" type="range" min="-1" max="1" step="0.01" value="0">
|
||||
</label>
|
||||
<label>사진 세로 위치 <output id="photoPanYOut">0.00</output>
|
||||
<input id="photo-pan-y" type="range" min="-1" max="1" step="0.01" value="0">
|
||||
</label>
|
||||
<button id="photo-reset">사진 구도 초기화</button>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary>개발 비교</summary>
|
||||
<div class="details-content">
|
||||
<label class="upload">동영상 선택<input id="video" type="file" accept="video/mp4,video/webm"></label>
|
||||
<label class="upload">Depth 이미지 선택<input id="depth-image" type="file" accept="image/png,image/webp"></label>
|
||||
<label>View Mode<select id="view-mode">
|
||||
<option value="final">Final</option><option value="noglass">No Glass</option><option value="rgb">RGB</option><option value="depth">Depth</option><option value="glass">Glass Only</option>
|
||||
</select></label>
|
||||
<label>Glass<select id="effect">
|
||||
<option value="mosaic">Mosaic</option><option value="reeded">Reeded</option><option value="frosted">Frosted</option>
|
||||
</select></label>
|
||||
<label>Mosaic 스타일<select id="mosaic-style">
|
||||
<option value="0">조각 유리</option><option value="1">촘촘 유리</option>
|
||||
</select></label>
|
||||
<label>Depth Scale <output id="depthOut">0.25</output>
|
||||
<input id="depth-scale" type="range" min="0" max="0.4" step="0.01" value="0.25">
|
||||
</label>
|
||||
<label>조명 가로 <output id="lightXOut">0.60</output>
|
||||
<input id="light-x" type="range" min="-2" max="2" step="0.05" value="0.6">
|
||||
</label>
|
||||
<label>조명 세로 <output id="lightYOut">0.80</output>
|
||||
<input id="light-y" type="range" min="-2" max="2" step="0.05" value="0.8">
|
||||
</label>
|
||||
<label>View sensitivity <output id="sensitivityOut">1.00</output>
|
||||
<input id="sensitivity" type="range" min="0.2" max="2" step="0.05" value="1">
|
||||
</label>
|
||||
</div>
|
||||
</details>
|
||||
<p id="status" role="status"></p>
|
||||
</aside>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,202 @@
|
||||
|
||||
Apache License
|
||||
Version 2.0, January 2004
|
||||
http://www.apache.org/licenses/
|
||||
|
||||
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||
|
||||
1. Definitions.
|
||||
|
||||
"License" shall mean the terms and conditions for use, reproduction,
|
||||
and distribution as defined by Sections 1 through 9 of this document.
|
||||
|
||||
"Licensor" shall mean the copyright owner or entity authorized by
|
||||
the copyright owner that is granting the License.
|
||||
|
||||
"Legal Entity" shall mean the union of the acting entity and all
|
||||
other entities that control, are controlled by, or are under common
|
||||
control with that entity. For the purposes of this definition,
|
||||
"control" means (i) the power, direct or indirect, to cause the
|
||||
direction or management of such entity, whether by contract or
|
||||
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||
|
||||
"You" (or "Your") shall mean an individual or Legal Entity
|
||||
exercising permissions granted by this License.
|
||||
|
||||
"Source" form shall mean the preferred form for making modifications,
|
||||
including but not limited to software source code, documentation
|
||||
source, and configuration files.
|
||||
|
||||
"Object" form shall mean any form resulting from mechanical
|
||||
transformation or translation of a Source form, including but
|
||||
not limited to compiled object code, generated documentation,
|
||||
and conversions to other media types.
|
||||
|
||||
"Work" shall mean the work of authorship, whether in Source or
|
||||
Object form, made available under the License, as indicated by a
|
||||
copyright notice that is included in or attached to the work
|
||||
(an example is provided in the Appendix below).
|
||||
|
||||
"Derivative Works" shall mean any work, whether in Source or Object
|
||||
form, that is based on (or derived from) the Work and for which the
|
||||
editorial revisions, annotations, elaborations, or other modifications
|
||||
represent, as a whole, an original work of authorship. For the purposes
|
||||
of this License, Derivative Works shall not include works that remain
|
||||
separable from, or merely link (or bind by name) to the interfaces of,
|
||||
the Work and Derivative Works thereof.
|
||||
|
||||
"Contribution" shall mean any work of authorship, including
|
||||
the original version of the Work and any modifications or additions
|
||||
to that Work or Derivative Works thereof, that is intentionally
|
||||
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||
or by an individual or Legal Entity authorized to submit on behalf of
|
||||
the copyright owner. For the purposes of this definition, "submitted"
|
||||
means any form of electronic, verbal, or written communication sent
|
||||
to the Licensor or its representatives, including but not limited to
|
||||
communication on electronic mailing lists, source code control systems,
|
||||
and issue tracking systems that are managed by, or on behalf of, the
|
||||
Licensor for the purpose of discussing and improving the Work, but
|
||||
excluding communication that is conspicuously marked or otherwise
|
||||
designated in writing by the copyright owner as "Not a Contribution."
|
||||
|
||||
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||
on behalf of whom a Contribution has been received by Licensor and
|
||||
subsequently incorporated within the Work.
|
||||
|
||||
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
copyright license to reproduce, prepare Derivative Works of,
|
||||
publicly display, publicly perform, sublicense, and distribute the
|
||||
Work and such Derivative Works in Source or Object form.
|
||||
|
||||
3. Grant of Patent License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
(except as stated in this section) patent license to make, have made,
|
||||
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||
where such license applies only to those patent claims licensable
|
||||
by such Contributor that are necessarily infringed by their
|
||||
Contribution(s) alone or by combination of their Contribution(s)
|
||||
with the Work to which such Contribution(s) was submitted. If You
|
||||
institute patent litigation against any entity (including a
|
||||
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||
or a Contribution incorporated within the Work constitutes direct
|
||||
or contributory patent infringement, then any patent licenses
|
||||
granted to You under this License for that Work shall terminate
|
||||
as of the date such litigation is filed.
|
||||
|
||||
4. Redistribution. You may reproduce and distribute copies of the
|
||||
Work or Derivative Works thereof in any medium, with or without
|
||||
modifications, and in Source or Object form, provided that You
|
||||
meet the following conditions:
|
||||
|
||||
(a) You must give any other recipients of the Work or
|
||||
Derivative Works a copy of this License; and
|
||||
|
||||
(b) You must cause any modified files to carry prominent notices
|
||||
stating that You changed the files; and
|
||||
|
||||
(c) You must retain, in the Source form of any Derivative Works
|
||||
that You distribute, all copyright, patent, trademark, and
|
||||
attribution notices from the Source form of the Work,
|
||||
excluding those notices that do not pertain to any part of
|
||||
the Derivative Works; and
|
||||
|
||||
(d) If the Work includes a "NOTICE" text file as part of its
|
||||
distribution, then any Derivative Works that You distribute must
|
||||
include a readable copy of the attribution notices contained
|
||||
within such NOTICE file, excluding those notices that do not
|
||||
pertain to any part of the Derivative Works, in at least one
|
||||
of the following places: within a NOTICE text file distributed
|
||||
as part of the Derivative Works; within the Source form or
|
||||
documentation, if provided along with the Derivative Works; or,
|
||||
within a display generated by the Derivative Works, if and
|
||||
wherever such third-party notices normally appear. The contents
|
||||
of the NOTICE file are for informational purposes only and
|
||||
do not modify the License. You may add Your own attribution
|
||||
notices within Derivative Works that You distribute, alongside
|
||||
or as an addendum to the NOTICE text from the Work, provided
|
||||
that such additional attribution notices cannot be construed
|
||||
as modifying the License.
|
||||
|
||||
You may add Your own copyright statement to Your modifications and
|
||||
may provide additional or different license terms and conditions
|
||||
for use, reproduction, or distribution of Your modifications, or
|
||||
for any such Derivative Works as a whole, provided Your use,
|
||||
reproduction, and distribution of the Work otherwise complies with
|
||||
the conditions stated in this License.
|
||||
|
||||
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||
any Contribution intentionally submitted for inclusion in the Work
|
||||
by You to the Licensor shall be under the terms and conditions of
|
||||
this License, without any additional terms or conditions.
|
||||
Notwithstanding the above, nothing herein shall supersede or modify
|
||||
the terms of any separate license agreement you may have executed
|
||||
with Licensor regarding such Contributions.
|
||||
|
||||
6. Trademarks. This License does not grant permission to use the trade
|
||||
names, trademarks, service marks, or product names of the Licensor,
|
||||
except as required for reasonable and customary use in describing the
|
||||
origin of the Work and reproducing the content of the NOTICE file.
|
||||
|
||||
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||
agreed to in writing, Licensor provides the Work (and each
|
||||
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||
implied, including, without limitation, any warranties or conditions
|
||||
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||
appropriateness of using or redistributing the Work and assume any
|
||||
risks associated with Your exercise of permissions under this License.
|
||||
|
||||
8. Limitation of Liability. In no event and under no legal theory,
|
||||
whether in tort (including negligence), contract, or otherwise,
|
||||
unless required by applicable law (such as deliberate and grossly
|
||||
negligent acts) or agreed to in writing, shall any Contributor be
|
||||
liable to You for damages, including any direct, indirect, special,
|
||||
incidental, or consequential damages of any character arising as a
|
||||
result of this License or out of the use or inability to use the
|
||||
Work (including but not limited to damages for loss of goodwill,
|
||||
work stoppage, computer failure or malfunction, or any and all
|
||||
other commercial damages or losses), even if such Contributor
|
||||
has been advised of the possibility of such damages.
|
||||
|
||||
9. Accepting Warranty or Additional Liability. While redistributing
|
||||
the Work or Derivative Works thereof, You may choose to offer,
|
||||
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||
or other liability obligations and/or rights consistent with this
|
||||
License. However, in accepting such obligations, You may act only
|
||||
on Your own behalf and on Your sole responsibility, not on behalf
|
||||
of any other Contributor, and only if You agree to indemnify,
|
||||
defend, and hold each Contributor harmless for any liability
|
||||
incurred by, or claims asserted against, such Contributor by reason
|
||||
of your accepting any such warranty or additional liability.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
APPENDIX: How to apply the Apache License to your work.
|
||||
|
||||
To apply the Apache License to your work, attach the following
|
||||
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||
replaced with your own identifying information. (Don't include
|
||||
the brackets!) The text should be enclosed in the appropriate
|
||||
comment syntax for the file format. We also recommend that a
|
||||
file or class name and description of purpose be included on the
|
||||
same "printed page" as the copyright notice for easier
|
||||
identification within third-party archives.
|
||||
|
||||
Copyright [yyyy] [name of copyright owner]
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||