js/交通事故.html at 246d36039d464cb97b54b0899a37c08efa36b398

Fork: 0

Mr_HARU109 / js

Find file

Newer

Older

js / 交通事故.html

Nakagawa Kazuma on 5 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 style="text-align:center">>交通事故防止シミュレーション</h1> 

<div class="area">
<h3 style="text-align:center">作成理由</h3>

<p style="text-align:center">事故を減らすことで大切な人の命を守るため。</p>
<p style="text-align:center">車を運転するリスクを知ってもらい、改めて車の危険性を確認してもらうため。</p>
</div>
<h2 style="text-align:center"><span style="color:#ff8c00 ">Blender</span>とは</h2>
<h3 style="text-align:center">Blender は無料のオープンソース<br>
3D 制作スイート。Blender は無料のオープン<br>
ソース 3D 制作スイートでビデオの編集もできる。</h3>

    
<div class="area">
<h2 style="text-align:center">事故シミュレーション</h2>  
<h3 style="text-align:center">説明</h3>
<p style="text-align:center">Blenderという3DCGソフトを活用し、事故の瞬間を再現したものである。</p>
<p style="text-align:center">実際に交通事故があった場所の状況を表している。</p>

</div>

<video class=center width="280" height="280" src="交通事故(デモ).mp4" controls playsinline></video>

<p style="text-align:center"><img src="交通事故.png" width="130" height="130">スマホの場合</p>

</html>