]
}
];

// ============================================================
// Canvas初期化
// ============================================================
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');

canvas.width = 1200;
canvas.height = 800;

// ============================================================
// ゲーム状態
// ============================================================
let gameStarted = false;
let currentSlide = 0;
let gameState = 'playing'; // 'playing', 'clear', 'transition'
let stateTimer = 0;
let isMuted = true;
let isLowMotion = false;

// プレイヤー
const player = {
x: canvas.width / 2,
y: canvas.height - 100,
width: 40,
height: 40,
speed: 5
};

// 弾丸
let bullets = [];
let lastBulletTime = 0;

// 文字オブジェクト
let characters = [];

// 粒子
let particles = [];

// 入力管理
const keys = {};
let mouseX = player.x;
let mouseY = player.y;
let isShooting = false;

// ============================================================
// 文字オブジェクト生成
// ============================================================
function createCharacters() {
characters = [];
const slide = slides[currentSlide];
const startY = 200;

slide.lines.forEach((line, lineIndex) => {
const chars = line.split('');
const lineWidth = chars.length * CONFIG.CHAR_SIZE * 0.6;
const startX = (canvas.width - lineWidth) / 2;

chars.forEach((char, charIndex) => {
characters.push({
char: char,
x: startX + charIndex * CONFIG.CHAR_SIZE * 0.6,
y: startY + lineIndex * CONFIG.LINE_HEIGHT,
width: CONFIG.CHAR_SIZE,
height: CONFIG.CHAR_SIZE,
alive: true,
alpha: 1
});
});
});
}

// ============================================================
// 粒子生成
// ============================================================
function createParticles(x, y) {
const count = isLowMotion ? CONFIG.LOW_MOTION_PARTICLE_COUNT : CONFIG.PARTICLE_COUNT;
for (let i = 0; i < count; i++) { const angle = (Math.PI * 2 * i) / count; particles.push({ x: x, y: y, vx: Math.cos(angle) * (2 + Math.random() * 2), vy: Math.sin(angle) * (2 + Math.random() * 2), life: CONFIG.PARTICLE_LIFE, maxLife: CONFIG.PARTICLE_LIFE, size: 3 + Math.random() * 3, color: `hsl(${180 + Math.random() * 60}, 80%, 60%)` }); } } // ============================================================ // 弾丸発射 // ============================================================ function shootBullet() { const now = Date.now(); if (now - lastBulletTime < CONFIG.BULLET_INTERVAL) return; bullets.push({ x: player.x, y: player.y - 20, width: 4, height: 12, speed: isLowMotion ? CONFIG.LOW_MOTION_BULLET_SPEED : CONFIG.BULLET_SPEED }); lastBulletTime = now; } // ============================================================ // 衝突判定 // ============================================================ function checkCollision(rect1, rect2) { return rect1.x < rect2.x + rect2.width && rect1.x + rect1.width > rect2.x &&
rect1.y < rect2.y + rect2.height && rect1.y + rect1.height > rect2.y;
}

// ============================================================
// 更新処理
// ============================================================
function update() {
if (gameState === 'clear' || gameState === 'transition') {
stateTimer++;

if (gameState === 'clear' && stateTimer > CONFIG.CLEAR_DISPLAY_TIME) {
gameState = 'transition';
stateTimer = 0;
}

if (gameState === 'transition' && stateTimer > CONFIG.PAGE_TRANSITION_TIME) {
nextSlide();
}
}

if (gameState === 'playing') {
// プレイヤー移動（マウス追従）
const dx = mouseX - player.x;
const dy = mouseY - player.y;
const distance = Math.sqrt(dx * dx + dy * dy);

if (distance > player.speed) {
player.x += (dx / distance) * player.speed;
player.y += (dy / distance) * player.speed;
}

// 画面内制限
player.x = Math.max(20, Math.min(canvas.width - 20, player.x));
player.y = Math.max(20, Math.min(canvas.height - 20, player.y));

// 射撃
if (isShooting || keys[' ']) {
shootBullet();
}

// 弾丸更新
bullets = bullets.filter(b => {
b.y -= b.speed;

// 文字との衝突判定
let hit = false;
characters.forEach(char => {
if (char.alive && checkCollision(b, char)) {
char.alive = false;
createParticles(char.x + char.width / 2, char.y + char.height / 2);
hit = true;
}
});

return b.y > 0 && !hit;
});

// 全文字消滅チェック
const allDestroyed = characters.every(c => !c.alive);
if (allDestroyed && characters.length > 0) {
gameState = 'clear';
stateTimer = 0;
bullets = [];
}
}

// 粒子更新
particles = particles.filter(p => {
p.x += p.vx;
p.y += p.vy;
p.vy += 0.15; // 重力
p.life--;
return p.life > 0;
});
}

// ============================================================
// 描画処理
// ============================================================
function draw() {
// 背景
ctx.fillStyle = '#0a0e27';
ctx.fillRect(0, 0, canvas.width, canvas.height);

// 星（背景装飾）
ctx.fillStyle = 'rgba(255, 255, 255, 0.3)';
for (let i = 0; i < 50; i++) { const x = (i * 137.508) % canvas.width; const y = (i * 73.123) % canvas.height; ctx.fillRect(x, y, 2, 2); } // タイトル表示（右上UI） ctx.fillStyle = '#4af'; ctx.font = 'bold 20px

📊 SHOOTING PRESENTATION

共有: