js/交通事故.html at f80f234929519a92d92ff5618af2ba0948795be5

Fork: 0

Mr_HARU109 / js

Find file

Newer

Older

js / 交通事故.html

Nakagawa Kazuma on 19 Dec 2023 1 KB Update 交通事故.html

Raw Blame History

<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport"
   content="width=320,
      height=480,
      initial-scale=1.0,
      minimum-scale=1.0,
      maximum-scale=2.0,
      user-scalable=yes" />
<title>交通事故防止シミュレーション</title>
<link rel="stylesheet" href="交通事故.css">
 <h1>交通事故防止シミュレーション</h1> 

<div class="area">
<h3>作成理由</h3>

<p>事故を減らすことで大切な人の命を守るため。</p>
<p>車を運転するリスクを知ってもらい、改めて車の危険性を確認してもらうため。</p>
</div>
<h2><span style="color:#ff8c00 ">Blender</span>とは</h2>
<h3>Blender は無料のオープンソースで3D 制作ソフト</h3>
<h2>作成物</h2>
<table>
<tr>
<td><video width="280" height="280" src=" スペースシャトル.mp4" controls playsinline></video></td>
<td><video width="280" height="280" src="hanabi.mp4" controls playsinline></video></td>
</tr>
<tr>
<td>↑ スペースシャトル</td><td>↑ 花火</td>
</tr>
</table>
<div class="area">
<h2>事故シミュレーション</h2>  
<h3>説明</h3>
<p>Blenderという3DCGソフトを活用し、事故の瞬間を再現したものである。</p>
<p>実際に交通事故があった場所の状況を表している。</p>
<p>下の動画は大学付近、セブンイレブンの交差点のシミュレーションである</p>
</div>
<table>
<tr>
<td><video width="280" height="280" src="右下.mp4" controls playsinline></video></td>
<td><video width="280" height="280" src="左下.mp4" controls playsinline></video></td>
</tr>
<tr>
<td>↑ 右下の視点</td><td>↑ 左下の視点</td>
</tr>

</table>

<p><img src="交通事故.png" width="130" height="130">スマホの場合</p>



</html>