Newer
Older
js / caracc.html
<!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=" caracc.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="syatoru.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="movie.mp4" controls playsinline></video></td>
<td><video width="280" height="280" src="movie1.mp4" controls playsinline></video></td>
</tr>
<a href="https://umap.openstreetmap.fr/ja/map/map_1003059#14/38.9150/-220.1505">具体的な場所</a><p>↑クリックしてみてね!!</p>
<tr>
<td>↑ セブンイレブン前交差点</td><td>↑ 東大町の交差点</td>
</tr>
</table>
<img src="img.jpg" width="280" height="200">
<p><img src="QR_438305.png" width="130" height="130">← スマホの場合</p>


<ul><h4>参考文献</h4>
<li><a href="https://www.pref.yamagata.jp/800029/kensei/police/koutsuuanzen/koutsuujikomap/jiko-map-gis.html">山形県警察交通事故発生状況マップ</a>
<li><a href="https://www.youtube.com/watch?v=pYAcaOUPX6w&t=2s">[Blender3.0]車をリアルに走らせてみよう[無料アドオンで一発!]</a>
</ul>
</body>
</html>