8e3cdb0d3b
Some checks are pending
ci / build (push) Waiting to run
Measured convergence before: split hero 13/19, top-bar nav 19/19, one-line notice footer 14/19, body Pretendard 17/21, 10 similarity pairs above 0.78. Each showcase got a pre-assigned hero family, nav form, footer form, type pair, background, accent hue, radius, motion grammar and material from outputs/rework-2026-10-06/plan.md; direction cards and the chosen reason are recorded in every design.md. After: 0 similarity warnings, 19 distinct display faces, 7 hero families, 5 nav forms, 5 footer forms, no scroll reveals, 5 showcases with SVG filter materials. Example contact values replace bracket placeholders under the existing fictional-brand notices. Thumbnails, OG images, card copy and three e2e assertions updated; dead CSS in dure-enrollment and hannam-jari removed; similarity.mjs learns the new font families.
583 lines
28 KiB
HTML
583 lines
28 KiB
HTML
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
<title>RFS 실시간 유체 시뮬레이터 — 데이터센터 열관리 GPU 엔진</title>
|
|
<meta
|
|
name="description"
|
|
content="데이터센터 열관리용 실시간 GPU 유체 시뮬레이터 RFS. 랙 부하와 급기량을 바꾸면 메시를 다시 만들지 않고 같은 화면에서 기류 변화를 확인합니다. 첫 화면의 조작 화면은 2D 축소 표현입니다."
|
|
/>
|
|
<meta property="og:title" content="RFS 실시간 유체 시뮬레이터" />
|
|
<meta
|
|
property="og:description"
|
|
content="랙 부하와 급기량을 바꾸면 기류 변화를 바로 확인할 수 있는 데이터센터 열관리용 실시간 GPU 유체 시뮬레이션 엔진."
|
|
/>
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:image" content="https://designpaca.chanpaca.net/work/rfs-cfd/og.png" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="theme-color" content="#f3f6f8" />
|
|
|
|
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
|
|
<link rel="stylesheet" href="./styles/tokens.css?v=20261006" />
|
|
<link rel="stylesheet" href="./styles/main.css?v=20261006" />
|
|
<link
|
|
rel="icon"
|
|
href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F3F6F8'/%3E%3Cpath d='M4 21c4-6 8 4 12-2s8 3 12-3' stroke='%232A6B8A' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M4 27c4-6 8 4 12-2s8 3 12-3' stroke='%2339A894' stroke-width='2.4' fill='none' stroke-linecap='round' opacity='.8'/%3E%3C/svg%3E"
|
|
/>
|
|
</head>
|
|
|
|
<body>
|
|
<a class="skip-link" href="#main">본문으로 건너뛰기</a>
|
|
|
|
<header class="site-head">
|
|
<div class="wrap head-inner">
|
|
<a class="wordmark" href="#top">
|
|
<span class="wordmark-mark" aria-hidden="true">
|
|
<svg viewBox="0 0 28 20" role="presentation" focusable="false">
|
|
<path d="M2 13c3.5-5.5 7-1 10.5-5S21 5 26 3" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
|
|
<path d="M2 18c3.5-5.5 7-1 10.5-5S21 10 26 8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" opacity=".5" />
|
|
</svg>
|
|
</span>
|
|
<span class="wordmark-text">RFS</span>
|
|
</a>
|
|
|
|
<nav class="nav" aria-label="주요 섹션">
|
|
<a href="#solver">솔버</a>
|
|
<a href="#equipment">장비</a>
|
|
<a href="#visualization">시각화</a>
|
|
<a href="#adopt">요구사항</a>
|
|
<a class="nav-cta" href="mailto:hello@twentyoz.kr?subject=RFS%20%EB%8F%84%EC%9E%85%20%EB%AC%B8%EC%9D%98">도입 문의</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="main">
|
|
<!-- ══════════════════════════════════════════════════════════
|
|
1 · 계기판 — 캔버스와 제어 패널이 첫 화면의 주인. 표제는 작다
|
|
══════════════════════════════════════════════════════════ -->
|
|
<section class="hero" id="top" aria-labelledby="heroHeading">
|
|
<div class="wrap hero-grid">
|
|
<div class="hero-copy">
|
|
<h1 id="heroHeading">데이터센터 기류를 실시간으로 계산하는 GPU 유체 시뮬레이터</h1>
|
|
<p class="hero-lead">
|
|
서버랙 부하와 항온항습기 급기량을 움직여 보세요. 메시를 다시 만들지 않고 같은 화면에서 기류가
|
|
바뀝니다.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="hero-screen">
|
|
<div class="hero-stage" data-field-shell data-field-state="loading">
|
|
<canvas id="thermalField" aria-hidden="true"></canvas>
|
|
|
|
<!-- WebGL 이 없거나 모션을 줄이는 설정이면 이 렌더가 남는다 — RFS 실물의 파티클 뷰다 -->
|
|
<img
|
|
class="hero-fallback"
|
|
src="./assets/sph-sideview.webp"
|
|
width="691"
|
|
height="437"
|
|
fetchpriority="high"
|
|
alt="RFS 실물 파티클 뷰. 서버랙을 통과한 공기가 데워져 위로 오르는 측면 단면"
|
|
/>
|
|
|
|
<div class="stage-grid" aria-hidden="true"></div>
|
|
|
|
<!-- 장비 형상. 셰이더가 쓰는 좌표와 같은 값이다 — 그림과 라벨이 어긋나면 라벨이 거짓말이 된다 -->
|
|
<div class="stage-solid stage-rack" aria-hidden="true"></div>
|
|
<div class="stage-solid stage-fwu" aria-hidden="true"></div>
|
|
|
|
<div class="stage-tag stage-tag-fwu" aria-hidden="true"><span>FWU 급기</span></div>
|
|
<div class="stage-tag stage-tag-rack" aria-hidden="true"><span>서버랙</span></div>
|
|
</div>
|
|
|
|
<div class="stage-foot">
|
|
<div class="temp-key" role="list" aria-label="파티클 온도 색상 범례">
|
|
<span role="listitem"><i class="temp-cold" aria-hidden="true"></i>저온</span>
|
|
<span role="listitem"><i class="temp-mid" aria-hidden="true"></i>중간</span>
|
|
<span role="listitem"><i class="temp-hot" aria-hidden="true"></i>고온</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hero-panel">
|
|
<div class="panel-block scenario-strip" role="group" aria-label="운전 장면">
|
|
<p class="panel-title">운전 장면</p>
|
|
<div class="scenario-btns">
|
|
<button
|
|
class="scenario-btn"
|
|
type="button"
|
|
data-field-preset="baseline"
|
|
data-load="70"
|
|
data-supply="65"
|
|
aria-pressed="true"
|
|
>
|
|
기준 운전
|
|
</button>
|
|
<button
|
|
class="scenario-btn"
|
|
type="button"
|
|
data-field-preset="overload"
|
|
data-load="95"
|
|
data-supply="50"
|
|
aria-pressed="false"
|
|
>
|
|
랙 과부하
|
|
</button>
|
|
<button
|
|
class="scenario-btn"
|
|
type="button"
|
|
data-field-preset="supply-loss"
|
|
data-load="65"
|
|
data-supply="25"
|
|
aria-pressed="false"
|
|
>
|
|
급기 저하
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-block hero-controls">
|
|
<div class="ctl">
|
|
<div class="ctl-head">
|
|
<label for="ctlLoad">서버랙 부하</label>
|
|
<output class="num" id="outLoad" for="ctlLoad">70%</output>
|
|
</div>
|
|
<input type="range" id="ctlLoad" min="0" max="100" step="5" value="70" />
|
|
</div>
|
|
<div class="ctl">
|
|
<div class="ctl-head">
|
|
<label for="ctlSupply">FWU 급기량</label>
|
|
<output class="num" id="outSupply" for="ctlSupply">65%</output>
|
|
</div>
|
|
<input type="range" id="ctlSupply" min="0" max="100" step="5" value="65" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-block field-readout" aria-live="polite" aria-atomic="true">
|
|
<p class="panel-title">판독</p>
|
|
<p class="field-readout-state" id="fieldState">냉기와 발열이 균형을 이룬 기준 상태입니다.</p>
|
|
<dl class="field-readout-grid">
|
|
<div>
|
|
<dt>장면</dt>
|
|
<dd id="fieldScene">기준 운전</dd>
|
|
</div>
|
|
<div>
|
|
<dt>먼저 볼 곳</dt>
|
|
<dd id="fieldWatch">랙 배면</dd>
|
|
</div>
|
|
<div>
|
|
<dt>다음 조작</dt>
|
|
<dd id="fieldAction">부하와 급기를 따로 움직여 비교</dd>
|
|
</div>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="hero-note">
|
|
이 조작 화면은 <strong>2D 축소 표현</strong>입니다. 화면을 문지르면 유동이 흔들립니다. RFS 본 제품의
|
|
Unity 6.4 기반 3D δ-SPH 사양은 아래에서 따로 확인하세요.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════
|
|
2 · 문제 — 기존 CFD 와의 차이
|
|
══════════════════════════════════════════════════════════ -->
|
|
<section class="section section-problem" id="problem" aria-labelledby="problemHeading">
|
|
<div class="wrap split">
|
|
<div class="split-lead">
|
|
<h2 id="problemHeading">기존 CFD는 결과가 나오기까지 몇 시간씩 걸립니다</h2>
|
|
</div>
|
|
<div class="split-body">
|
|
<p>
|
|
범용 CFD 도구는 시뮬레이션 한 건에 수 시간에서 수 일이 걸립니다. 랙 한 대를 옮길 때마다 메시를
|
|
다시 만들고 처음부터 다시 계산해야 해서, 운영 중에 바로 결과를 확인하는 용도로는 쓰기
|
|
어렵습니다. 그래서 현장에서는 배치 변경을 대개 계산보다 경험으로 결정합니다.
|
|
</p>
|
|
<p>
|
|
RFS는 정확도 상한을 일부 낮추는 대신 <strong>계산 시간</strong>을 줄인 도구입니다. 발열량을
|
|
올리거나 급기 밸브를 조이거나 랙을 한 칸 옮기면 같은 화면에서 기류 변화가 바로 반영됩니다.
|
|
결과 파일을 기다리지 않고 화면을 보면서 검토할 수 있습니다.
|
|
</p>
|
|
<dl class="contrast">
|
|
<div>
|
|
<dt>범용 CFD 도구</dt>
|
|
<dd>배치를 바꾸면 메시를 다시 만들고 다시 계산합니다. 한 건에 수 시간에서 수 일</dd>
|
|
</div>
|
|
<div>
|
|
<dt>RFS</dt>
|
|
<dd>배치, 발열, 제어를 바꾸면 같은 세션에서 바로 반영됩니다</dd>
|
|
</div>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════
|
|
3 · 솔버 — 사양 원장 + 5계층 (이전 판의 솔버·아키텍처 두 띠를 합쳤다)
|
|
══════════════════════════════════════════════════════════ -->
|
|
<section class="section section-solver" id="solver" aria-labelledby="solverHeading">
|
|
<div class="wrap">
|
|
<h2 id="solverHeading">격자를 다시 만들지 않는 GPU δ-SPH 솔버입니다</h2>
|
|
<p class="section-lead">
|
|
격자 대신 공기를 입자로 다루고, 이웃 입자끼리 밀도, 압력, 열을 주고받도록 Compute Shader로
|
|
계산합니다. 벽이나 장비가 움직여도 격자를 다시 만들 필요가 없어 실시간 계산이 가능합니다.
|
|
</p>
|
|
|
|
<ul class="spec-ledger">
|
|
<li>
|
|
<p class="spec-name">보간 커널</p>
|
|
<p class="spec-value">Wendland C2</p>
|
|
<p class="spec-note">Poly6와 Spiky 혼용을 없애고 단일 커널로 통일했습니다</p>
|
|
</li>
|
|
<li>
|
|
<p class="spec-name">상태방정식</p>
|
|
<p class="spec-value">Tait</p>
|
|
<p class="spec-note">약압축성을 가정해 반복 계산 없이 밀도에서 압력을 바로 구합니다</p>
|
|
</li>
|
|
<li>
|
|
<p class="spec-name">벽면 경계</p>
|
|
<p class="spec-value">Adami Ghost Particle</p>
|
|
<p class="spec-note">모서리와 코너까지 처리해 경계에서 입자가 새는 문제를 막습니다</p>
|
|
</li>
|
|
<li>
|
|
<p class="spec-name">시간 적분</p>
|
|
<p class="spec-value">CFL 적응 서브스텝</p>
|
|
<p class="spec-note">유속이 빨라지면 시간 간격을 자동으로 줄입니다</p>
|
|
</li>
|
|
<li>
|
|
<p class="spec-name">배속</p>
|
|
<p class="spec-value num">0.1배에서 10배</p>
|
|
<p class="spec-note">배속을 바꿔도 같은 물리 결과가 나오도록 계산합니다</p>
|
|
</li>
|
|
<li>
|
|
<p class="spec-name">열과 습도</p>
|
|
<p class="spec-value">입자 간 전도 + 부력</p>
|
|
<p class="spec-note">습공기 밀도 보정을 포함합니다</p>
|
|
</li>
|
|
<li>
|
|
<p class="spec-name">주기 경계</p>
|
|
<p class="spec-value">PBC, 최소 이미지 규약</p>
|
|
<p class="spec-note">셀 래핑으로 무한 반복 공간을 처리합니다</p>
|
|
</li>
|
|
<li>
|
|
<p class="spec-name">이웃 탐색</p>
|
|
<p class="spec-value">공간 해시 그리드</p>
|
|
<p class="spec-note">SpatialHash 커널 1개로 처리합니다</p>
|
|
</li>
|
|
<li>
|
|
<p class="spec-name">데이터 배치</p>
|
|
<p class="spec-value">SoA</p>
|
|
<p class="spec-note">계산에 필요한 상태를 버퍼별로 분리해 다룹니다</p>
|
|
</li>
|
|
</ul>
|
|
|
|
<h3 class="sub-heading" id="archHeading">애플리케이션부터 외부 통신까지 5계층입니다</h3>
|
|
<ol class="layers" aria-labelledby="archHeading">
|
|
<li>
|
|
<p class="layer-id num">L1</p>
|
|
<p class="layer-name">애플리케이션</p>
|
|
<p class="layer-body">RFS Editor, Simulation3D, AI Advisor, 리플레이</p>
|
|
</li>
|
|
<li>
|
|
<p class="layer-id num">L2</p>
|
|
<p class="layer-name">파이프라인과 컨트롤러</p>
|
|
<p class="layer-body">SimulationPipeline → 스테이지 10개 → 컨트롤러 26개</p>
|
|
</li>
|
|
<li>
|
|
<p class="layer-id num">L3</p>
|
|
<p class="layer-name">GPU 컴퓨트</p>
|
|
<p class="layer-body">
|
|
SPHCore 8, DomainExt 14, SpatialHash 1, TempGrid 8, ObjectGrid 7, Integration 5, Scatter 4,
|
|
Trail 2, GlobalSDF 3, Coil 1
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p class="layer-id num">L4</p>
|
|
<p class="layer-name">데이터 버퍼</p>
|
|
<p class="layer-body">SoA 버퍼 6개, ParticleData 20B, 충돌 메시 데이터</p>
|
|
</li>
|
|
<li>
|
|
<p class="layer-id num">L5</p>
|
|
<p class="layer-name">외부 통신</p>
|
|
<p class="layer-body">Socket.IO v2 (RFS-XD 관제 연동), REST API, CSV 내보내기</p>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════
|
|
4 · 장비 + 에디터 (이전 판의 두 띠를 합쳤다)
|
|
══════════════════════════════════════════════════════════ -->
|
|
<section class="section section-equipment" id="equipment" aria-labelledby="equipHeading">
|
|
<div class="wrap">
|
|
<h2 id="equipHeading">전산실 장비 5종을 제어 로직까지 재현합니다</h2>
|
|
<p class="section-lead">
|
|
기류만 계산해서는 배치 변경 효과를 판단하기 어렵습니다. 열을 내는 장비와 식히는 장비가 각자의 제어
|
|
로직대로 움직여야 실제 운전에 가까운 결과가 나옵니다.
|
|
</p>
|
|
|
|
<div class="equip-list">
|
|
<article>
|
|
<h3>항온항습기 <span class="tag">FWU</span></h3>
|
|
<p>
|
|
PID 자동 제어로 목표 온도를 유지합니다. 열교환은 ε-NTU 방식으로 계산하고, 프리쿨링과 쿨링
|
|
밸브, 댐퍼 모드를 각각 조작할 수 있습니다.
|
|
</p>
|
|
</article>
|
|
<article>
|
|
<h3>서버랙</h3>
|
|
<p>
|
|
CFM(풍량) 기준으로 랙을 지나는 공기에 열을 더합니다. 동적 전력 프로파일 5종을 제공하고, 장애
|
|
상황을 재현해 열이 어디로 퍼지는지 확인할 수 있습니다.
|
|
</p>
|
|
</article>
|
|
<article>
|
|
<h3>팬, 댐퍼, 냉각코일</h3>
|
|
<p>
|
|
듀얼 원뿔 존 모델로 GPU 입자 계산에 직접 힘을 가합니다. 화면에 덧그린 화살표가 아니라 실제로
|
|
입자의 움직임을 바꿉니다.
|
|
</p>
|
|
</article>
|
|
<article>
|
|
<h3>온도계</h3>
|
|
<p>
|
|
실제 센서처럼 응답 지연이 있어 값이 한 번에 튀지 않습니다. Cool Zone과 Hot Zone을 자동으로
|
|
분류합니다.
|
|
</p>
|
|
</article>
|
|
<article>
|
|
<h3>급기구와 배기구</h3>
|
|
<p>
|
|
CFD의 inlet/outlet 조건을 따릅니다. 경계에 걸린 입자를 자동으로 재배치해 유입과 유출이 끊기지
|
|
않게 합니다.
|
|
</p>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="split editor" id="editor">
|
|
<div class="split-lead">
|
|
<h3 class="sub-heading" id="editorHeading">시뮬레이션을 멈추지 않고 편집합니다</h3>
|
|
<p class="split-note">
|
|
RFS Editor는 Unity UI Toolkit으로 만든 런타임 편집 환경입니다. Edit 모드와 Play 모드를 나눠
|
|
장면과 운전 조건을 따로 확인합니다.
|
|
</p>
|
|
</div>
|
|
<div class="split-body">
|
|
<dl class="feature-rows">
|
|
<div>
|
|
<dt>오브젝트 편집</dt>
|
|
<dd>이동, 회전, 스케일 핸들, 다중 선택, Undo / Redo, 드래그 앤 드롭 배치</dd>
|
|
</div>
|
|
<div>
|
|
<dt>속성 패널</dt>
|
|
<dd>실시간 속성 편집, 관제 시스템의 XD 태그 바인딩</dd>
|
|
</div>
|
|
<div>
|
|
<dt>리플레이</dt>
|
|
<dd>CSV 또는 XD API 데이터로 시계열을 재생하고, 실측 대비 정확도 리포트를 생성</dd>
|
|
</div>
|
|
<div>
|
|
<dt>AI Advisor</dt>
|
|
<dd>26개 규칙의 Rule Engine과 LLM 프로바이더 4종(Anthropic, OpenAI, Gemini, 로컬 Ollama) 연동</dd>
|
|
</div>
|
|
<div>
|
|
<dt>모니터링</dt>
|
|
<dd>PUE, COP, 전력, CO₂ 대시보드, MetricsHUD 7섹션 26메트릭</dd>
|
|
</div>
|
|
<div>
|
|
<dt>프로젝트</dt>
|
|
<dd>생성, 저장, 불러오기, 다중 씬, glTF / GLB 3D 모델 임포트</dd>
|
|
</div>
|
|
</dl>
|
|
|
|
<div class="keys">
|
|
<p class="keys-title">단축키</p>
|
|
<ul>
|
|
<li><kbd>Space</kbd> 일시정지와 재개</li>
|
|
<li><kbd>H</kbd> 히트맵</li>
|
|
<li><kbd>X</kbd><kbd>Y</kbd><kbd>Z</kbd> 슬라이스 축</li>
|
|
<li><kbd>F3</kbd> 성능 통계</li>
|
|
<li><kbd>Tab</kbd> UI 접기</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════
|
|
5 · 시각화 — 실물 렌더
|
|
══════════════════════════════════════════════════════════ -->
|
|
<section class="section section-vis" id="visualization" aria-labelledby="visHeading">
|
|
<div class="wrap">
|
|
<h2 id="visHeading">파티클, 트레일, 히트맵, 벡터 필드 네 가지로 결과를 봅니다</h2>
|
|
|
|
<div class="vis-layout">
|
|
<ol class="vis-list">
|
|
<li>
|
|
<h3>파티클</h3>
|
|
<p>온도에 따라 입자 색을 바꾸고 발광과 LOD를 적용합니다. 공기가 어디서 데워지는지 바로 보입니다.</p>
|
|
</li>
|
|
<li>
|
|
<h3>트레일</h3>
|
|
<p>Ring Buffer로 입자 궤적을 남겨, 한 순간이 아닌 지나온 경로를 확인합니다.</p>
|
|
</li>
|
|
<li>
|
|
<h3>히트맵 슬라이스</h3>
|
|
<p>
|
|
온도, 속도, 압력, 밀도, 습도 다섯 물리량의 단면을 5패스 GPU 파이프라인으로 그립니다.
|
|
<kbd>X</kbd><kbd>Y</kbd><kbd>Z</kbd> 키로 축을 바꿉니다.
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<h3>벡터 필드</h3>
|
|
<p>화살표와 스트림라인을 GPU 인스턴싱으로 그려 기류의 방향과 세기를 함께 보여 줍니다.</p>
|
|
</li>
|
|
</ol>
|
|
|
|
<div class="vis-shots">
|
|
<div class="vis-toolbar">
|
|
<div class="vis-tabs" role="group" aria-label="RFS 실물 파티클 뷰 선택">
|
|
<button class="vis-tab" type="button" data-vis-target="top" aria-pressed="true">상면</button>
|
|
<button class="vis-tab" type="button" data-vis-target="side" aria-pressed="false">측면</button>
|
|
</div>
|
|
<p class="vis-source">RFS 실물 렌더</p>
|
|
</div>
|
|
<div class="vis-frame">
|
|
<figure data-vis-panel="top">
|
|
<img
|
|
src="./assets/sph-topview.webp"
|
|
width="689"
|
|
height="680"
|
|
decoding="async"
|
|
alt="RFS 상면 뷰. 랙 상부에서 데워진 입자가 초록으로 퍼지고 주변 저온 입자는 청록으로 남는다"
|
|
/>
|
|
<figcaption>상면에서 본 랙 상부의 열기둥</figcaption>
|
|
</figure>
|
|
<figure data-vis-panel="side" hidden>
|
|
<img
|
|
src="./assets/sph-sideview.webp"
|
|
width="691"
|
|
height="437"
|
|
loading="lazy"
|
|
decoding="async"
|
|
alt="RFS 측면 뷰. 랙을 통과하며 데워진 공기가 오른쪽으로 밀려 나가는 단면"
|
|
/>
|
|
<figcaption>측면에서 본 랙을 통과한 공기</figcaption>
|
|
</figure>
|
|
</div>
|
|
<p class="shots-note">
|
|
두 장 모두 RFS 실물의 파티클 뷰입니다. 저온은 청록, 고온은 초록으로 표시하며 이 페이지 첫 화면도
|
|
같은 색 규칙을 씁니다.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════════════════════════════════════════════════════
|
|
6 · 요구사항과 문의
|
|
══════════════════════════════════════════════════════════ -->
|
|
<section class="section section-adopt" id="adopt" aria-labelledby="adoptHeading">
|
|
<div class="wrap split">
|
|
<div class="split-lead">
|
|
<h2 id="adoptHeading">Windows 10 이상, VRAM 6GB NVIDIA GPU부터 돌아갑니다</h2>
|
|
<p class="split-note">
|
|
DirectCompute를 쓰므로 NVIDIA GPU를 권장합니다. 아래는 공개 기술 문서에 적힌 요구사항입니다.
|
|
</p>
|
|
</div>
|
|
<div class="split-body">
|
|
<table class="req">
|
|
<caption class="sr-only">RFS 시스템 요구사항. 최소 사양과 권장 사양</caption>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">항목</th>
|
|
<th scope="col">최소</th>
|
|
<th scope="col">권장</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th scope="row">운영체제</th>
|
|
<td>Windows 10 64bit</td>
|
|
<td>Windows 11</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">GPU</th>
|
|
<td>GTX 1660, VRAM 6GB</td>
|
|
<td>RTX 3060 이상, VRAM 8GB 이상</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">메모리</th>
|
|
<td>16 GB</td>
|
|
<td>16 GB 이상</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">엔진</th>
|
|
<td colspan="2">Unity 6.4 (6000.4.5f1), URP 17.2</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="adopt-cta">
|
|
<p>
|
|
도입 검토와 기술 문의는 트웬티온스로 연락해 주세요. 제품은 독점 소프트웨어이며, 평가판 제공
|
|
여부는 협의가 필요합니다.
|
|
</p>
|
|
<a class="btn" href="mailto:hello@twentyoz.kr?subject=RFS%20%EB%8F%84%EC%9E%85%20%EB%AC%B8%EC%9D%98">
|
|
RFS 도입 문의
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- 다열 색인 푸터 — 끝까지 읽은 사람이 다음에 갈 곳과 마지막에 찾는 사실 -->
|
|
<footer class="site-foot">
|
|
<div class="wrap foot-grid">
|
|
<div class="foot-col foot-brand">
|
|
<p class="foot-name">RFS</p>
|
|
<p class="foot-line">Realtime Fluid Simulator. 데이터센터 열관리를 위한 실시간 GPU 유체 시뮬레이션 엔진</p>
|
|
</div>
|
|
<nav class="foot-col" aria-labelledby="footNavTech">
|
|
<p class="foot-head" id="footNavTech">기술</p>
|
|
<ul>
|
|
<li><a href="#problem">기존 CFD와의 차이</a></li>
|
|
<li><a href="#solver">δ-SPH 솔버 사양</a></li>
|
|
<li><a href="#archHeading">5계층 구조</a></li>
|
|
<li><a href="#equipment">장비 5종</a></li>
|
|
<li><a href="#editor">RFS Editor</a></li>
|
|
<li><a href="#visualization">시각화 네 가지</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="foot-col">
|
|
<p class="foot-head">제품</p>
|
|
<dl class="foot-facts">
|
|
<div><dt>버전</dt><dd class="num">0.13.0</dd></div>
|
|
<div><dt>엔진</dt><dd>Unity 6.4, URP 17.2</dd></div>
|
|
<div><dt>라이선스</dt><dd>Proprietary</dd></div>
|
|
<div><dt>요구사항</dt><dd><a href="#adopt">최소와 권장 사양</a></dd></div>
|
|
</dl>
|
|
</div>
|
|
<div class="foot-col">
|
|
<p class="foot-head">문의</p>
|
|
<ul>
|
|
<li><a href="mailto:hello@twentyoz.kr">hello@twentyoz.kr</a></li>
|
|
<li><a href="tel:+82-70-4353-1190" class="num">070-4353-1190</a></li>
|
|
<li>Twentyoz Co., Ltd.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="wrap foot-fine">
|
|
<p>
|
|
이 페이지의 수치는 RFS 공개 기술 문서에 적힌 값입니다. 실측 조건이 없는 정확도 지표는 표시하지 않으며,
|
|
첫 화면의 조작 화면은 제품 성능이 아니라 부하와 급기 변화의 관계를 보여 주는 2D 축소 표현입니다.
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="./scripts/thermal-field.js?v=20261006" defer></script>
|
|
</body>
|
|
</html>
|