como/three-offshore-vibe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

下雨效果

Browse Source
This commit is contained in:
como
2026-03-26 12:47:42 +08:00
parent 2ee34c7598
commit eecd6cd0bd
3 changed files with 353 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
index.html
View File

@@ -156,6 +156,27 @@
background: #4a9eff;
cursor: pointer;
}
.control-toggle {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 10px;
border-radius: 8px;
background: rgba(255,255,255,0.06);
margin-bottom: 8px;
}
.control-toggle label {
font-size: 12px;
opacity: 0.9;
}
.control-toggle input[type="checkbox"] {
width: 16px;
height: 16px;
accent-color: #5da9ff;
}
.control-value {
text-align: right;
@@ -285,6 +306,36 @@
</div>
</div>
</div>
<div class="control-section">
<div class="control-section-title">雨效</div>
<div class="control-toggle">
<label for="rain-enabled">启用镜头雨幕</label>
<input type="checkbox" id="rain-enabled">
</div>
<div class="control-grid">
<div class="control-group">
<label>屏幕雨滴</label>
<input type="range" id="rain-screen-intensity" min="0" max="1.5" value="0.41" step="0.01">
<div class="control-value" id="rain-screen-intensity-value">0.41</div>
</div>
<div class="control-group">
<label>雨线强度</label>
<input type="range" id="rain-veil-intensity" min="0" max="1.5" value="1.15" step="0.01">
<div class="control-value" id="rain-veil-intensity-value">1.15</div>
</div>
<div class="control-group">
<label>雨滴尺寸</label>
<input type="range" id="rain-drop-size" min="0.4" max="1.8" value="1.00" step="0.01">
<div class="control-value" id="rain-drop-size-value">1.00</div>
</div>
<div class="control-group">
<label>速度</label>
<input type="range" id="rain-speed" min="0.2" max="2.5" value="1.00" step="0.01">
<div class="control-value" id="rain-speed-value">1.00</div>
</div>
</div>
</div>
</div>
<div id="stats">FPS: <span id="fps">60</span></div>