<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>电影之夜拍摄脚本 - 95后社交主题</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background: linear-gradient(135deg, #1a2a6c, #b21f1f, #1a2a6c);
color: #333;
padding: 20px;
min-height: 100vh;
}
.container {
max-width: 1200px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.97);
border-radius: 15px;
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.4);
overflow: hidden;
position: relative;
}
/* 创意装饰元素 */
.film-strip {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="15" height="100" fill="rgba(0,0,0,0.05)"/><rect x="25" width="15" height="100" fill="rgba(0,0,0,0.05)"/><rect x="50" width="15" height="100" fill="rgba(0,0,0,0.05)"/><rect x="75" width="15" height="100" fill="rgba(0,0,0,0.05)"/></svg>');
pointer-events: none;
z-index: 0;
opacity: 0.2;
}
.popcorn {
position: absolute;
width: 40px;
height: 40px;
background: #FFD700;
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
opacity: 0.7;
z-index: 0;
}
header {
background: linear-gradient(to right, #ff6b6b, #4ecdc4);
color: white;
padding: 40px 30px 30px;
text-align: center;
position: relative;
overflow: hidden;
z-index: 1;
}
header::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 L100,0 L100,100 Z" fill="rgba(255,255,255,0.1)"/></svg>');
background-size: 100% 100%;
}
.logo {
position: absolute;
top: 20px;
left: 30px;
font-size: 24px;
font-weight: bold;
display: flex;
align-items: center;
}
.logo i {
margin-right: 10px;
color: #FFD700;
}
h1 {
font-size: 2.8rem;
margin-bottom: 15px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
position: relative;
z-index: 1;
}
.subtitle {
font-size: 1.2rem;
opacity: 0.9;
max-width: 700px;
margin: 0 auto 20px;
position: relative;
z-index: 1;
}
.director-team {
display: flex;
justify-content: center;
gap: 25px;
margin: 15px 0;
flex-wrap: wrap;
}
.team-card {
background: rgba(255, 255, 255, 0.25);
padding: 15px 20px;
border-radius: 10px;
text-align: center;
min-width: 160px;
backdrop-filter: blur(5px);
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}
.team-card:hover {
transform: translateY(-5px);
background: rgba(255, 255, 255, 0.35);
}
.team-card h3 {
font-size: 0.9rem;
margin-bottom: 5px;
opacity: 0.8;
color: #fff;
}
.team-card p {
font-size: 1.3rem;
font-weight: bold;
color: white;
}
.metadata {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 20px;
flex-wrap: wrap;
}
.meta-card {
background: rgba(255, 255, 255, 0.2);
padding: 12px 20px;
border-radius: 8px;
text-align: center;
min-width: 140px;
backdrop-filter: blur(5px);
}
.meta-card h3 {
font-size: 0.85rem;
margin-bottom: 5px;
opacity: 0.8;
color: white;
}
.meta-card p {
font-size: 1.1rem;
font-weight: bold;
color: white;
}
.controls {
display: flex;
justify-content: center;
gap: 20px;
margin: 25px 0;
flex-wrap: wrap;
}
.btn {
padding: 14px 35px;
font-size: 1.1rem;
border: none;
border-radius: 50px;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.3s ease;
font-weight: 600;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
position: relative;
overflow: hidden;
z-index: 1;
}
.btn::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: rgba(255, 255, 255, 0.2);
transition: all 0.5s ease;
z-index: -1;
}
.btn:hover::before {
width: 100%;
}
.btn:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.btn-download {
background: linear-gradient(to right, #4facfe, #00f2fe);
color: white;
}
.btn-excel {
background: linear-gradient(to right, #0ba360, #3cba92);
color: white;
}
.btn-word {
background: linear-gradient(to right, #2b5876, #4e4376);
color: white;
}
.content {
padding: 30px;
position: relative;
z-index: 1;
}
.section {
margin-bottom: 40px;
background: white;
border-radius: 12px;
padding: 25px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
}
.section::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background: linear-gradient(to bottom, #ff6b6b, #4ecdc4);
}
.section-title {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 25px;
color: #2b5876;
padding-bottom: 10px;
border-bottom: 2px solid #f0f0f0;
}
.section-title i {
font-size: 1.8rem;
color: #ff6b6b;
}
.section-title h2 {
font-size: 1.8rem;
font-weight: 700;
}
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
th {
background: linear-gradient(to right, #4ecdc4, #556270);
color: white;
text-align: left;
padding: 16px;
font-weight: 600;
font-size: 1.1rem;
}
td {
padding: 14px;
border-bottom: 1px solid #eee;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
tr:hover {
background-color: #f0faff;
}
.color-palette {
display: flex;
gap: 15px;
margin: 20px 0;
flex-wrap: wrap;
}
.color {
width: 100px;
height: 70px;
border-radius: 8px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
font-weight: bold;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.props-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 25px;
}
.prop-card {
background: #f8f9fa;
border-radius: 10px;
padding: 25px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
border-left: 4px solid #4ecdc4;
transition: all 0.3s ease;
}
.prop-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.prop-card h3 {
color: #ff6b6b;
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 10px;
font-size: 1.3rem;
}
.prop-card ul {
padding-left: 25px;
}
.prop-card li {
margin-bottom: 10px;
line-height: 1.6;
}
/* 模特服装部分 */
.costume-section {
background: #fff9f9;
}
.costume-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 25px;
margin-top: 20px;
}
.costume-card {
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
}
.costume-card:hover {
transform: translateY(-7px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.costume-image {
height: 280px;
background-size: cover;
background-position: center;
position: relative;
}
.costume-tag {
position: absolute;
top: 15px;
right: 15px;
background: #ff6b6b;
color: white;
padding: 5px 12px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: bold;
}
.costume-info {
padding: 20px;
}
.costume-info h3 {
color: #2b5876;
margin-bottom: 10px;
font-size: 1.2rem;
}
.costume-info p {
color: #666;
line-height: 1.6;
margin-bottom: 15px;
}
.color-swatches {
display: flex;
gap: 8px;
margin-top: 10px;
}
.swatch {
width: 25px;
height: 25px;
border-radius: 50%;
border: 1px solid #eee;
}
footer {
text-align: center;
padding: 30px;
background: #2b5876;
color: rgba(255, 255, 255, 0.8);
font-size: 1rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
position: relative;
z-index: 1;
}
footer p {
margin-bottom: 10px;
}
.footer-team {
display: flex;
justify-content: center;
gap: 40px;
margin-top: 20px;
flex-wrap: wrap;
}
.footer-member {
text-align: center;
}
.footer-member h4 {
color: #4ecdc4;
margin-bottom: 5px;
font-size: 1.1rem;
}
.footer-member p {
color: white;
font-weight: 500;
margin: 0;
}
@media (max-width: 768px) {
.metadata, .director-team {
flex-direction: column;
align-items: center;
}
.meta-card, .team-card {
width: 100%;
max-width: 300px;
}
table {
font-size: 0.9rem;
}
th, td {
padding: 12px 10px;
}
h1 {
font-size: 2.2rem;
}
}
</style>
</head>
<body>
<div class="container">
<div class="film-strip"></div>
<!-- 创意装饰元素 -->
<div class="popcorn" style="top: 50px; right: 100px;"></div>
<div class="popcorn" style="top: 200px; left: 80px; transform: scale(0.8);"></div>
<div class="popcorn" style="bottom: 100px; right: 150px; transform: scale(1.2);"></div>
<header>
<div class="logo">
<i class="fas fa-film"></i>
<span></span>
</div>
<h1>电影之夜拍摄脚本</h1>
<p class="subtitle">95后社交主题 | 欢乐电影之夜 | 闺蜜聚会场景</p>
<div class="director-team">
</div>
</div>
<div class="metadata">
<div class="meta-card">
<h3>视频时长</h3>
<p>30秒</p>
</div>
<div class="meta-card">
<h3>目标人群</h3>
<p>95-00后女性</p>
</div>
<div class="meta-card">
<h3>画幅比例</h3>
<p>9:16 (竖版)</p>
</div>
<div class="meta-card">
<h3>脚本版本</h3>
<p>V2.0</p>
</div>
</div>
</header>
<div class="controls">
<button class="btn btn-download" onclick="downloadHTML()">
<i class="fas fa-download"></i> 下载HTML
</button>
<button class="btn btn-word" onclick="downloadWord()">
<i class="fas fa-file-word"></i> 下载Word文档
</button>
<button class="btn btn-excel" onclick="downloadExcel()">
<i class="fas fa-file-excel"></i> 下载Excel表格
</button>
</div>
<div class="content">
<div class="section">
<div class="section-title">
<i class="fas fa-video"></i>
<h2>基础信息</h2>
</div>
<div class="props-grid">
<div class="prop-card">
<h3><i class="fas fa-palette"></i> 视觉色调</h3>
<ul>
<li>主调：深蓝 (RGB 8/24/48)</li>
<li>点缀：暖黄串灯 (RGB 255/220/120)</li>
<li>服装：马卡龙色块 (粉/蓝/黄)</li>
</ul>
<div class="color-palette">
<div class="color" style="background: #081830;">深蓝夜空<br>60%</div>
<div class="color" style="background: #ffdc78;">暖黄灯光<br>30%</div>
<div class="color" style="background: #ff9aa2;">服装道具<br>10%</div>
</div>
</div>
<div class="prop-card">
<h3><i class="fas fa-music"></i> 背景音乐</h3>
<ul>
<li>轻快尤克里里版《Sunny》</li>
<li>0-10s：纯旋律+环境音效</li>
<li>18s起：加入人声合唱"la~la~"</li>
<li>25s起：加入水滴和打字机音效</li>
</ul>
</div>
<div class="prop-card">
<h3><i class="fas fa-cubes"></i> 关键道具</h3>
<ul>
<li>特色咖啡杯（2-3个不同款）</li>
<li>复古鲨鱼夹（每个女生不同颜色）</li>
<li>毛毯（条纹和纯色各一条）</li>
<li>彩色抱枕（粉、黄、蓝）</li>
<li>零食托盘（木制托盘）</li>
<li>户外投影仪和幕布</li>
</ul>
</div>
<div class="prop-card">
<h3><i class="fas fa-clipboard-list"></i> 拍摄要求</h3>
<ul>
<li>帧速率：主镜头60fps（升格镜头120fps）</li>
<li>设备：Sony A7S3（主机）</li>
<li>辅助：GoPro用于俯拍/杯壁倒影</li>
<li>灯光：三层布光（背景/面部/道具）</li>
<li>拍摄地点：塔未庭院</li>
</ul>
</div>
</div>
</div>
<!-- 模特服装参考部分 -->
<div class="section costume-section">
<div class="section-title">
<i class="fas fa-tshirt"></i>
<h2>模特服装参考</h2>
</div>
<div class="costume-gallery">
<div class="costume-card">
<div class="costume-image" style="background: linear-gradient(to bottom, #ffd1dc, #ffb6c1);">
<div class="costume-tag">休闲甜美风</div>
</div>
<div class="costume-info">
<h3>白色夏日森系套装</h3>
<p>带帽卫衣 + 浅色牛仔阔腿裤 + 白色运动鞋。配饰：珍珠耳环 + 卡通鲨鱼夹。</p>
<div class="color-swatches">
<div class="swatch" style="background: #ffb6c1;"></div>
<div class="swatch" style="background: #aec6cf;"></div>
<div class="swatch" style="background: #ffffff;"></div>
</div>
</div>
</div>
<div class="costume-card">
<div class="costume-image" style="background: linear-gradient(to bottom, #cfe8fa, #a7d2f0);">
<div class="costume-tag">运动休闲风</div>
</div>
<div class="costume-info">
<h3>天蓝夏日森系套装</h3>
<p>天蓝色运动外套 + 灰色运动裤 + 白色老爹鞋。配饰：棒球帽 + 银色耳圈 + 运动手表。</p>
<div class="color-swatches">
<div class="swatch" style="background: #a7d2f0;"></div>
<div class="swatch" style="background: #d3d3d3;"></div>
<div class="swatch" style="background: #f0f0f0;"></div>
</div>
</div>
</div>
<div class="costume-card">
<div class="costume-image" style="background: linear-gradient(to bottom, #fdfd96, #fffa70);">
<div class="costume-tag">慵懒舒适风</div>
</div>
<div class="costume-info">
<h3>家居吊带套装</h3>
<p> 吊带+ 米色休闲短裤 + 毛绒拖鞋。配饰：发带 + 细框眼镜 + 简约项链。</p>
<div class="color-swatches">
<div class="swatch" style="background: #fffa70;"></div>
<div class="swatch" style="background: #f5f5dc;"></div>
<div class="swatch" style="background: #d2b48c;"></div>
</div>
</div>
</div>
</div>
<div class="prop-card" style="margin-top: 30px;">
<h3><i class="fas fa-notes-medical"></i> 服装搭配说明</h3>
<ul>
<li><strong>色彩方案：</strong>主色调为白、蓝、黄，突出青春活力，避免深色系服装</li>
<li><strong>材质选择：</strong>以棉质、针织等舒适面料为主，营造轻松氛围</li>
<li><strong>风格统一：</strong>所有服装需保持休闲舒适基调，避免正式或商务风格</li>
<li><strong>配饰要求：</strong>使用鲨鱼夹、发带、棒球帽等95后流行配饰</li>
<li><strong>鞋类选择：</strong>运动鞋、拖鞋、帆布鞋等非正式鞋款</li>
</ul>
</div>
</div>
<div class="section">
<div class="section-title">
<i class="fas fa-film"></i>
<h2>分镜脚本</h2>
</div>
<table>
<thead>
<tr>
<th>时间</th>
<th>景别</th>
<th>画面描述</th>
<th>声音设计</th>
<th>字幕/特效</th>
</tr>
</thead>
<tbody>
<tr>
<td>0-1s</td>
<td>特写</td>
<td>纯黑背景，两束圆形光斑模拟影院效果</td>
<td>汽水开罐"呲——"，薯片袋窸窣声，女生气声耳语</td>
<td>光斑渐亮动画</td>
</tr>
<tr>
<td>1-3s</td>
<td>大特写</td>
<td>手机屏播放吸血鬼露牙画面，屏幕反光映出5张惊恐脸</td>
<td>阴森弦乐骤停，"咔嚓！"咬苹果脆响</td>
<td>屏幕添加抖动特效</td>
</tr>
<tr>
<td>3-7s</td>
<td>全景</td>
<td>镜头急速后拉揭晓庭院场景：串灯如星幕，满地零食袋，女生笑倒成团</td>
<td>爆发笑声："你表情超蠢哈哈哈！" BGM旋律切入</td>
<td>"片荒？不存在的"，左下角蜜雪冰城杯入镜</td>
</tr>
<tr>
<td>7-12s</td>
<td>多机位</td>
<td>慢镜头抛接爆米花，西瓜汁滴落，用薯片模仿吸血鬼牙</td>
<td>气泡升腾音效</td>
<td>"闺蜜=最佳电子榨菜"，右上角鲨鱼夹特写</td>
</tr>
<tr>
<td>12-18s</td>
<td>环绕</td>
<td>360°运镜捕捉搞怪表情，毛毯蒙头，笑到捶地</td>
<td>蝉鸣+汽水冒泡，布料摩擦声</td>
<td>"塔未晚风记住所有笑声"，文字随风飘动效果</td>
</tr>
<tr>
<td>18-25s</td>
<td>升格</td>
<td>全员举杯碰撞，液体晃出光斑，杯壁倒映笑脸</td>
<td>集体喊话："碰杯！敬永不NG的姐妹局"，玻璃脆响</td>
<td>杯壁添加"#塔未碰杯"光效字</td>
</tr>
<tr>
<td>25-30s</td>
<td>分屏</td>
<td>主画面碰杯仰饮，分裂三小窗展示不同观影场景</td>
<td>打字机声效，水滴落音</td>
<td>主标："晒你的电影夜现场"，副标："@你最吵的闺蜜 来塔未碰杯"</td>
</tr>
</tbody>
</table>
</div>
<div class="section">
<div class="section-title">
<i class="fas fa-tools"></i>
<h2>执行手册</h2>
</div>
<div class="props-grid">
<div class="prop-card">
<h3><i class="fas fa-theater-masks"></i> 演员调度</h3>
<ul>
<li>恐怖镜头：抱团缩肩+瞪大眼</li>
<li>笑场戏：前俯后仰式大笑</li>
<li>碰杯仪式：踮脚举杯+身体前倾</li>
<li>自然互动：抢零食/模仿台词/同步抖腿</li>
<li>结尾互动：一人wink，一人吐舌</li>
</ul>
</div>
<div class="prop-card">
<h3><i class="fas fa-coins"></i> 成本控制方案</h3>
<ul>
<li>杯壁倒影：透明酒杯涂凡士林+手机打光</li>
<li>零食飞溅：玉米粒+压缩空气模拟爆米花</li>
<li>恐怖镜头：使用《精灵旅社》表情包</li>
<li>道具：特色咖啡杯使用真实产品</li>
<li>灯光：使用便携LED灯替代专业设备</li>
</ul>
</div>
<div class="prop-card">
<h3><i class="fas fa-bullhorn"></i> 传播设计</h3>
<ul>
<li>主话题：#95后电量充满站</li>
<li>子话题：#塔未碰杯仪式</li>
<li>互动话题：#闺蜜分贝挑战赛</li>
<li>UGC活动：电影夜举杯视频+暗号"姐妹永不片荒！"</li>
<li>奖励：塔未庭院包场体验</li>
</ul>
</div>
<div class="prop-card">
<h3><i class="fas fa-lightbulb"></i> 创意提示</h3>
<ul>
<li>在女生手部添加简约款式美甲</li>
<li>每人戴不同款式的鲨鱼夹</li>
<li>零食盘中有意摆放蜜雪冰城杯</li>
<li>在笑场镜头中展示不同鞋款</li>
<li>结尾分屏使用真实用户素材</li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<p>电影之夜拍摄脚本 © 2025 像素回声创意工作室 | 最后更新: 2025-08-20</p>
<div class="footer-team">
<div class="footer-member">
<h4>导演</h4>
<p>张永成</p>
</div>
<div class="footer-member">
<h4>运营总监</h4>
<p>大龙</p>
</div>
<div class="footer-member">
<h4>美术指导</h4>
<p>雅玲</p>
</div>
<div class="footer-member">
</div>
<div class="footer-member">
</div>
</div>
</footer>
</div>
<script>
// 下载HTML文件
function downloadHTML() {
const htmlContent = document.documentElement.outerHTML;
const blob = new Blob([htmlContent], { type: 'text/html' });
saveAs(blob, '电影之夜拍摄脚本.html');
}
// 下载Word文档
function downloadWord() {
const content = `
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>电影之夜拍摄脚本</title>
<style>
body { font-family: Arial, sans-serif; line-height: 1.6; margin: 40px; }
h1, h2 { color: #2b5876; }
h1 { border-bottom: 2px solid #4ecdc4; padding-bottom: 10px; }
table { width: 100%; border-collapse: collapse; margin: 20px 0; }
th, td { border: 1px solid #ddd; padding: 12px; text-align: left; }
th { background-color: #f2f2f2; }
.section { margin-bottom: 30px; }
.team-info { display: flex; gap: 30px; margin: 20px 0; }
.team-card { background: #f8f9fa; padding: 15px; border-radius: 8px; }
</style>
</head>
<body>
<h1>电影之夜拍摄脚本</h1>
<p><strong>版本号：</strong> V2.0</p>
<p><strong>目标人群：</strong> 95-00后女性</p>
<p><strong>视频时长：</strong> 30秒</p>
<div class="team-info">
<div class="team-card">
<h3>导演</h3>
<p>张永成</p>
</div>
<div class="team-card">
<h3>运营</h3>
<p>大龙</p>
</div>
<div class="team-card">
<h3>美术指导</h3>
<p>雅玲</p>
</div>
</div>
<div class="section">
<h2>模特服装参考</h2>
<p><strong>1. 粉色卫衣套装</strong>：宽松粉色连帽卫衣 + 浅色牛仔阔腿裤 + 白色运动鞋</p>
<p><strong>2. 天蓝色运动套装</strong>：天蓝色运动外套 + 灰色运动裤 + 白色老爹鞋</p>
<p><strong>3. 浅黄色家居套装</strong>：浅黄色宽松T恤 + 米色休闲短裤 + 毛绒拖鞋</p>
</div>
<h2>分镜脚本</h2>
<table>
<tr>
<th>时间</th>
<th>景别</th>
<th>画面描述</th>
<th>声音设计</th>
<th>字幕/特效</th>
</tr>
<tr>
<td>0-1s</td>
<td>特写</td>
<td>纯黑背景，两束圆形光斑模拟影院效果</td>
<td>汽水开罐"呲——"，薯片袋窸窣声，女生气声耳语</td>
<td>光斑渐亮动画</td>
</tr>
<tr>
<td>1-3s</td>
<td>大特写</td>
<td>手机屏播放吸血鬼露牙画面，屏幕反光映出5张惊恐脸</td>
<td>阴森弦乐骤停，"咔嚓！"咬苹果脆响</td>
<td>屏幕添加抖动特效</td>
</tr>
<!-- 其他行省略以保持简洁 -->
</table>
<h2>执行要求</h2>
<p><strong>拍摄设备：</strong> Sony A7S3（主机），GoPro（辅助）</p>
<p><strong>帧速率：</strong> 主镜头60fps，升格镜头120fps</p>
<p><strong>灯光设计：</strong> 三层布光（背景LED串灯，面部棒灯补光，道具聚光灯）</p>
</body>
</html>
`;
const blob = new Blob([content], { type: 'application/msword' });
saveAs(blob, '电影之夜拍摄脚本.doc');
}
// 下载Excel表格
function downloadExcel() {
// 创建工作簿
const wb = XLSX.utils.book_new();
wb.SheetNames.push("拍摄脚本");
// 准备数据
const data = [
["时间", "景别", "画面描述", "声音设计", "字幕/特效"],
["0-1s", "特写", "纯黑背景，两束圆形光斑模拟影院效果", "汽水开罐'呲——'，薯片袋窸窣声，女生气声耳语", "光斑渐亮动画"],
["1-3s", "大特写", "手机屏播放吸血鬼露牙画面，屏幕反光映出5张惊恐脸", "阴森弦乐骤停，'咔嚓！'咬苹果脆响", "屏幕添加抖动特效"],
["3-7s", "全景", "镜头急速后拉揭晓庭院场景：串灯如星幕，满地零食袋，女生笑倒成团", "爆发笑声：'你表情超蠢哈哈哈！' BGM旋律切入", "'片荒？不存在的'，左下角蜜雪冰城杯入镜"],
["7-12s", "多机位", "慢镜头抛接爆米花，西瓜汁滴落，用薯片模仿吸血鬼牙", "气泡升腾音效", "'闺蜜=最佳电子榨菜'，右上角鲨鱼夹特写"],
["12-18s", "环绕", "360°运镜捕捉搞怪表情，毛毯蒙头，笑到捶地", "蝉鸣+汽水冒泡，布料摩擦声", "'塔未晚风记住所有笑声'，文字随风飘动效果"],
["18-25s", "升格", "全员举杯碰撞，液体晃出光斑，杯壁倒映笑脸", "集体喊话：'碰杯！敬永不NG的姐妹局'，玻璃脆响", "杯壁添加'#塔未碰杯'光效字"],
["25-30s", "分屏", "主画面碰杯仰饮，分裂三小窗展示不同观影场景", "打字机声效，水滴落音", "主标：'晒你的电影夜现场'，副标：'@你最吵的闺蜜 来塔未碰杯'"]
];
// 创建工作表
const ws = XLSX.utils.aoa_to_sheet(data);
wb.Sheets["拍摄脚本"] = ws;
// 导出Excel
const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' });
// 转换并保存
function s2ab(s) {
const buf = new ArrayBuffer(s.length);
const view = new Uint8Array(buf);
for (let i = 0; i < s.length; i++) view[i] = s.charCodeAt(i) & 0xFF;
return buf;
}
saveAs(new Blob([s2ab(wbout)], { type: "application/octet-stream" }), '电影之夜拍摄脚本.xlsx');
}
// 添加装饰元素动画
document.addEventListener('DOMContentLoaded', function() {
const popcornElements = document.querySelectorAll('.popcorn');
popcornElements.forEach((popcorn, index) => {
// 随机延迟动画
setTimeout(() => {
popcorn.style.animation = `float ${3 + Math.random() * 2}s infinite ease-in-out`;
}, index * 300);
});
// 添加动态CSS
const style = document.createElement('style');
style.innerHTML = `
@keyframes float {
0% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-20px) rotate(5deg); }
100% { transform: translateY(0) rotate(0deg); }
}
`;
document.head.appendChild(style);
});
</script>
</body>
</html>
index.html
style.css
index.js
index.html