Overview

A real-time interactive simulation of nuclear fission chain reactions in a U-235 reactor core. Neutrons travel across the canvas, collide with fissile nuclei, and trigger fission events that release energy and spawn new neutrons. The multiplication factor k is tracked continuously, and the reactor shifts between subcritical, critical, and supercritical states as parameters change. Four tabs cover the live simulation, chain reaction physics, reactor type comparisons, and a concept map.

Content

Reaction View — The main canvas renders U-235 nuclei, free neutrons with motion trails, fission flash bursts, and gamma-ray particles. Five boron carbide control rods descend from the top; a moderator grid overlays the field. A four-chip HUD displays live neutron count, total fissions, energy output, and k-effective. A criticality badge in the top-right corner switches color and label between Subcritical, Critical, and Supercritical as the reaction evolves.

Presets (4) — Power Reactor (4% enrichment, controlled critical), Prompt Critical (95% enrichment, no rods), Research Reactor (low power, subcritical), and SCRAM / Shutdown (rods fully inserted).

Parameters — Enrichment (1–100%), control rod insertion depth, moderator efficiency, neutron speed, and core density. Firing controls: single neutron, burst of ten, pause, and reset.

Right Panel — Six metric tiles (free neutrons, total fissions, energy in MeV, k-effective, U-235 remaining, total nuclei), a neutron population history chart, and three live mini-charts for energy output, neutron count, and k-effective over time. A criticality note updates with a plain-language explanation of the current reactor state.

Physics Tab — Six-step chain reaction sequence (neutron absorption → fission → prompt neutrons → moderation → control → criticality states) plus three data cards: fission energy (200 MeV), average neutron yield (ν ≈ 2.43), and U-235 thermal cross-section (585 barns).

Reactor Types Tab — Six designs compared: PWR, BWR, PHWR (CANDU), RBMK, Molten Salt, and Fast Breeder — each with moderator, coolant, enrichment level, and key safety characteristics.

Concept Map Tab — Six nodes from enriched fuel through neutron economy, mass-energy equivalence, delayed neutrons, thermal vs. fast neutron behavior, and defence-in-depth safety systems.

Overview

An educational, browser-based visualization of how a sea bridge is built from marine survey through to completed roadway. A live Canvas animation grows the bridge stage by stage, with adjustable site conditions and a real-time progress chart. All content is qualitative and conceptual — intended for learning, not engineering reference.

Content

Construction View — The main simulation panel. The bridge assembles progressively across seven stages, with animated waves, underwater currents, floating construction equipment, foundation piles, piers, girders, deck, and lighting. Site condition sliders (water depth, wave activity, current strength, build speed) affect the visual environment in real time.

Seven Stages

1. Marine Survey — sonar barge scans the seabed with survey lines
2. Temporary Works — trestle platforms and a floating crane arrive offshore
3. Foundation Piles — driven piles penetrate to bedrock across all pier locations
4. Piers & Caps — concrete piers rise above the waterline with capping beams
5. Girder Installation — steel girders span progressively between completed piers
6. Deck Construction — the road surface is laid with lane markings
7. Final Completion — lighting poles and barrier rails finish the bridge

Construction Process — A six-step flow diagram summarising the typical build sequence from site investigation to deck completion, with three reference cards on marine logistics, foundations, and superstructure.

Foundation Systems — Six cards covering driven piles, drilled shafts, caisson bases, scour protection, pile caps, and marine exposure considerations.

Bridge Structure — A load-path flow diagram tracing how forces travel from traffic through deck, girders, bearings, piers, and foundations into the ground.

Concept Map — A simplified six-node overview of the full construction concept, from site investigation to roadway completion.

Right Panel — Live telemetry showing stage number, overall progress percentage, wave index, and water depth, alongside a scrolling progress history chart and site condition readouts.

Virtual Excavator Simulator

Overview

A real-time, browser-based excavator simulator with interactive terrain deformation. Operate the boom, arm, bucket, and tracks using keyboard controls or on-screen joystick pads. The terrain deforms as the bucket digs, particles kick up on contact, and excavated material accumulates as dirt piles. An auto dig cycle demonstrates the full digging sequence automatically.

Two on-screen joystick pads provide the same control via mouse or touch — left pad for boom and arm, right pad for bucket and swing.

Features

Machine — Articulated excavator with crawler tracks, counterweight, cab, boom, arm, and a four-tooth bucket with a cutting edge. Three hydraulic cylinders (boom, arm, bucket) animate with visible extension and retraction.

Terrain — A 200-segment deformable ground surface. The bucket physically displaces soil on contact, creating a pit. Dust particles spawn at the dig point and dirt accumulates as piles at the dump location.

Camera — Smooth side-view camera that follows the machine as it tracks along the terrain.

Auto Dig — A six-phase automated cycle: position → dig in → lift → carry → dump → reset. Repeats continuously until stopped. Dig count and total dirt moved are tracked in the stats bar.

Dashboard — Live boom, arm, bucket, and swing angles; cylinder position bars; timestamped activity log; and running totals for completed dig cycles, dirt volume moved, and elapsed simulation time.

방콕 공항부터 BTS·MRT, 툭툭, 야시장, 사원과 섬 여행까지. 태국에서 바로 꺼내 쓰는 실전 영어를 익혀보세요.

창이공항부터 MRT, 호커센터, 마리나베이와 센토사까지. 싱가포르에서 바로 꺼내 쓰는 실전 영어를 익혀보세요.

공항, 교통, 호텔, 식당, 쇼핑, 길찾기, 화장실, 병원과 응급상황까지 여행 중 바로 사용할 수 있는 중국어 표현 500개를 중국어·병음·한국어 뜻으로 정리했습니다.

공항, 전철, 버스, 택시, 호텔, 료칸, 식당, 쇼핑, 편의점, 관광지, 길찾기, 병원과 응급 상황까지 일본 여행에서 바로 활용할 수 있는 표현 500개를 모았습니다. 한자가 포함된 문장은 위에 히라가나 후리가나를 함께 표시합니다.

Drone Flight Simulator

An interactive quadcopter flight simulator designed to help users explore the basic principles of drone flight and stabilization.

Control Throttle, Pitch, Roll, Yaw, Wind Strength, and Stability Assist while observing the drone’s movement and real-time telemetry.

Explore multiple learning views, including Live Flight, Flight Forces, Stability Lab, Mission Course, and Concept Map, along with Pilot View, Force Vectors, Flight Trail, and Navigation Grid modes.

The simulator also demonstrates how rotor thrust, gravity, attitude control, sensor feedback, and stabilization work together to keep a quadcopter in flight.

This is an educational conceptual simulator, not a real-world flight-control or professional drone training system.

Parking Lab — Interactive Car Parking Simulator

Parking Lab is an interactive, browser-based parking simulator designed to help users understand vehicle movement, steering behavior, parking alignment, and spatial awareness through direct visual interaction.

Instead of simply explaining parking techniques, the simulator allows users to control a virtual vehicle and practice different parking scenarios in real time. Users can steer, move forward or backward, observe the vehicle's path, monitor surrounding obstacles, and receive immediate feedback on parking accuracy.

Key Features

Perpendicular & Parallel Parking

Practice two common parking scenarios and learn how vehicle position and steering angle affect the final result.

Interactive Vehicle Control

Control the vehicle using steering and speed sliders, on-screen controls, or WASD keyboard input.

Real-Time Steering Simulation

The vehicle responds dynamically to steering angle and forward/reverse movement, providing an intuitive representation of basic vehicle motion.

Vehicle Path Visualization

Display the path traveled by the vehicle to better understand turning trajectories and how steering decisions affect positioning.

Parking Sensor Simulation

Front, rear, left, and right sensors provide approximate distance information to nearby obstacles.

Collision Detection

The simulator detects contact with surrounding parked vehicles or boundaries and immediately displays a collision warning.

Target Parking Bay

A highlighted parking area provides a clear objective for each exercise.

Parking Performance Evaluation

Parking results are evaluated using several factors:

• Position accuracy
• Vehicle alignment
• Obstacle clearance
• Collision status

These measurements are combined into an overall parking score.

Responsive Interface

The simulator supports both desktop and mobile layouts, with keyboard controls for desktop users and dedicated on-screen controls for mobile devices.

How It Works

Select a parking mode, then control the vehicle's steering angle and movement to guide it into the highlighted target bay.

As the vehicle moves, the simulator continuously calculates its position, heading, proximity to obstacles, collision state, and alignment with the parking space. The evaluation panel updates in real time so users can immediately see how each maneuver affects the final parking result.

Parking Lab is designed as an educational and interactive visualization rather than a real-world driving system. Vehicle physics and sensor behavior are simplified to make parking concepts easier to explore and understand.

Rain Formation Visualizer

An interactive educational simulator that visually explains how rain forms in the atmosphere.

Explore the process of Evaporation → Rising Air → Cooling → Condensation → Droplet Growth → Rainfall through real-time animations.

Adjust humidity, temperature, updraft strength, cooling, and droplet growth to see how atmospheric conditions affect cloud formation and rainfall.

The simulator also introduces cloud microphysics and different types of rainfall, including convective, frontal, orographic, and stratiform rain.

I created the requested Network Intrusion Path Visualizer as a single English HTML file.

The visualizer is designed with a professional cybersecurity lab interface and focuses on clearly illustrating how an attacker can move through different network layers and eventually reach a target server.

Key Features

• External Web Attack
• Internet → Edge Router → Firewall/WAF → DMZ → Application → Data
• Compromised VPN
• Remote Device → Identity Provider → VPN Gateway → Internal Network → Admin Host → Critical Server
• Supply Chain Entry
• Vendor → Update Channel → Trust Gateway → Application Host → Internal Service → Data Store
• Lateral Movement
• User Workstation → Access Network → Shared Service → Identity Service → Admin Segment → Core Server

The simulator provides an interactive Advance Step / Auto Run mode that visually demonstrates how an intrusion progresses through each network layer.

Users can dynamically adjust:

• Security Posture
• Detection Sensitivity
• Attacker Persistence

Depending on these security conditions, the simulated attack may either be blocked by a security control or successfully reach the target system.

The interface also includes real-time security telemetry such as:

• Layers Passed
• Risk Score
• Security Alerts
• Detection Confidence
• SOC-style Event Logs

Each network node dynamically changes its status to Reached, Alert, or Blocked, making it easy to understand where the attacker is currently located and where security controls detect or stop the intrusion.

Each attack scenario also includes a Defensive Focus section explaining the security controls that can help mitigate the simulated attack path.

The interface is fully responsive and optimized for desktop, tablet, and mobile environments.

Rather than simply demonstrating individual hacking techniques, the simulator focuses on visualizing the broader concept of:

“How does an attacker move through multiple network layers to eventually reach a critical server?”

For safety and educational purposes, this is designed as a conceptual cybersecurity simulator and does not include real exploit commands, malicious payloads, or live targeting functionality.

This is an interactive severe-weather laboratory designed to explore tornado formation, rotational dynamics, updrafts, wind shear, and debris motion from multiple perspectives.

• Live Vortex — Visualizes tornado circulation, funnel structure, and rotating particle flow in real time.
• 4 Visualization Modes — Explore the tornado through Vortex Flow, Debris Particles, Wind Vectors, and Pressure Field views.
• Formation Process — Follow the conceptual development sequence: Wind Shear → Strong Updraft → Tilt & Rotation → Stretching → Near-Ground Vortex.
• Storm Structure — Explore the relationship between Inflow, the Mesocyclone, and the Tornado Core within a rotating thunderstorm.
• Vortex Types — Compare different tornado appearances, including Rope, Cone, Wedge, Multi-Vortex, Rain-Wrapped, and Dust/Debris vortices.
• Interactive Environment Controls — Directly adjust Updraft Strength, Low-Level Wind Shear, Rotation, Moisture, Instability, and Vortex Width.
• Simulation Controls — Experiment with Spawn Vortex, Pause, Reverse Spin, and Reset.
• Real-Time Telemetry — Monitor Vortex State, Rotation Index, Core Pressure, Updraft, Shear, Vorticity, and Debris Count as the simulation runs.
• Rotating Updraft Visualization — Explore how a strong thunderstorm updraft can tilt horizontal atmospheric rotation into the vertical, helping create a rotating updraft.
• Vortex Stretching — Visualize how stretching and concentrating a rotating column of air can intensify its rotation.
• Concept Map — Understand the overall process: Warm Humid Air → Wind Shear → Rotating Updraft → Stretching → Surface Tornado.
• Educational Conceptual Simulator — This is not an operational severe-weather forecasting system. It is designed as an educational visualization for understanding the fundamental concepts behind tornado formation and dynamics.

The simulator provides an intuitive way to explore one of the atmosphere's most dramatic phenomena:

How can a rotating thunderstorm organize into a powerful tornado — and what happens inside the vortex?

This is an interactive weather laboratory designed to visualize how typhoons form over the Pacific Ocean and why they move in different directions.

• Live Formation — Visualizes the development of a tropical cyclone in real time, including warm ocean energy, moisture, convection, rotation, and the organization of the storm core.
• 4 Visualization Modes — Explore the system through Storm Structure, Ocean Heat, Wind Field, and Track Forecast views.
• Formation Ingredients — Follow the development process: Warm Ocean → Rising Moist Air → Latent Heat Release → Rotation → Intensification.
• Steering Winds — Explore how the Subtropical Ridge and Mid-Latitude Trough influence the direction of typhoon movement.
• Track Patterns — Compare conceptual Westward, Recurving, and Irregular typhoon tracks across the western North Pacific.
• Interactive Environment Controls — Directly adjust Sea Surface Warmth, Low-Level Humidity, Vertical Wind Shear, Coriolis Influence, Subtropical Ridge, and Mid-Latitude Trough.
• Simulation Controls — Experiment with Seed Disturbance, Pause, Force Recurve, and Reset.
• Real-Time Telemetry — Monitor Storm State, Intensity Index, Motion Direction, Ocean Support, Moisture, Shear Penalty, and Track Curvature as the simulation runs.
• Typhoon Movement — Visually explore why many western North Pacific typhoons initially move westward or west-northwestward under the influence of the subtropical ridge.
• Recurvature — See how a weakening ridge or an approaching mid-latitude trough can allow a typhoon to turn northward and eventually recurve toward the northeast.
• Concept Map — Understand the overall process: Warm Ocean → Deep Convection → Low Pressure → Rotating Cyclone → Steered Track.
• Educational Conceptual Simulator — This is not an operational weather forecasting system. It is designed as an educational visualization for understanding the fundamental mechanisms behind typhoon formation and movement.

The simulator makes it easier to understand two fundamental questions:

How does a typhoon form over the Pacific Ocean — and what determines where it goes next?

This is an interactive physics laboratory designed to explore the nonlinear dynamics and chaotic behavior of a double pendulum from multiple perspectives.

• Live Pendulum — Simulates two double pendulums simultaneously and visualizes their trajectories in real time.
• Chaos Comparison — Starts two pendulums with an extremely small difference in their initial angles and demonstrates how their trajectories can diverge dramatically over time.
• Phase Space — Visualizes the relationship between angle and angular velocity as a phase-space trajectory.
• Energy View — Tracks changes in Kinetic Energy, Potential Energy, and Total Energy throughout the simulation.
• Concept Map — Explains the sequence Initial Angles → Coupled Motion → Nonlinear Dynamics → Energy Exchange → Chaos.
• 4 Visualization Modes — Explore the motion through Motion Trail, Force Vectors, Ghost Trace, and Minimal views.
• Interactive Parameters — Directly adjust Rod Length, Mass, Gravity, Damping, Time Scale, and Initial Angles.
• Simulation Controls — Experiment with Random Kick, Pause, Mirror Start, and Reset.
• Real-Time Telemetry — Monitor θ₁, θ₂, ω₁, ω₂, Tip Speed, and Chaos Divergence as the simulation runs.
• Sensitivity to Initial Conditions — Compare two nearly identical pendulums and visually observe how tiny differences in their initial conditions can eventually produce dramatically different trajectories.
• Professional Scientific UI — Presented through a responsive, dark-themed scientific dashboard designed for interactive learning and experimentation.

The simulator provides an intuitive way to explore one of the most fascinating ideas in nonlinear physics:

Tiny differences at the beginning can lead to completely different outcomes over time.

Interactive Visual Simulator

What actually happens when a single neutron strikes a nucleus?

This interactive Nuclear Fission Chain Reaction Visualizer turns an invisible nuclear process into something you can see, control, and explore in real time.

Watch a neutron travel through the simulation, trigger a fission event, release new neutrons, and potentially start an expanding chain reaction. Then adjust the simulation parameters yourself and see how the entire system changes.

🔬 What You Can Explore

⚛️ Live Chain Reaction

Watch neutrons move between fuel nuclei as fission events occur. New neutrons are released, while others are absorbed or escape from the system — all visualized dynamically in real time.

🎨 4 Visualization Modes

Explore the same phenomenon from different perspectives:

Particle Cloud / Fuel Lattice / Radial Burst / Thermal Map

Each mode provides a different visual way to understand how a chain reaction develops.

📊 Criticality Explorer

See the difference between:

k < 1 → Subcritical

k ≈ 1 → Critical

k > 1 → Supercritical

Change the effective neutron reproduction behavior and immediately see how the neutron population responds.

⏱️ Generation Timeline

Follow the chain reaction step by step:

Incoming Neutron → Capture → Fission → New Neutrons → Next Generation

This makes it easier to understand how one microscopic event can lead to another generation of reactions.

🧠 Concept Map

Explore the fundamental ideas behind the simulation, including Fuel Nuclei, Neutron Population, Absorption, and Effective Multiplication.

🎛️ Interactive Controls

Experiment with parameters such as:

Fuel Nuclei / Neutron Reproduction / Absorption Tendency / Neutron Speed / Control Absorption

Then use Inject Neutron, Pause, Reset, and Absorb Neutrons to interact directly with the simulation.

📡 Real-Time Telemetry

Monitor Active Neutrons, Fissions, Generation, Absorbed Particles, Escaped Particles, and the changing Neutron Population Trend as the simulation runs.

🎓 Built for Learning

This is an educational conceptual simulator, not a real nuclear facility or reactor engineering model.

Real-world engineering parameters — including actual material compositions, enrichment levels, critical mass calculations, and reactor core geometries — are intentionally excluded.

The goal is simple:

Make the invisible visible — and turn nuclear physics into something you can explore interactively.

개발자가 되기 위한 강의가 아닙니다. AI가 만들어준 HTML 파일을 열어보고, 문구·색상·이미지·링크를 고치고, 버튼이 왜 안 눌리는지 대략 찾을 수 있게 만드는 “최소한의 실전 지식”만 아주 쉽게 설명합니다.

실제 방 크기를 입력하고 책상, 침대, 냉장고, TV 등 가구와 전자제품을 배치해 보세요. 가로·세로 방향을 바꾸고 크기를 직접 수정하면서 공간에 맞는지 시각적으로 확인할 수 있습니다.

Start with the 26 English letters. Learn uppercase and lowercase forms, simple sounds, easy example words, and finish with a short quiz.

무언가를 판단하거나 설득하려는 화면이 아닙니다. 시선을 한곳에 두고 호흡을 조금 느리게 하면서, 반응하기 전의 짧은 여백을 만드는 데 초점을 둔 화면입니다.

단순히 “운동이 좋아요?”만 묻지 않습니다. 활동성, 혼자/함께, 몰입, 창작, 학습, 자연, 경쟁, 비용, 준비 부담, 성취감, 회복, 새로움 추구까지 세분화해서 지금의 생활 방식과 잘 맞을 가능성이 높은 취미를 찾아봅니다.