kevin/portfolio
1
0
Fork 0
Code
portfolio/src/Pages/Software/Projects/FestivalSimulator.js

89 lines
7.0 KiB
JavaScript
Raw Blame History

import React from 'react';
// Created on: 2013-04-11
const FestivalSimulator = () => {
return (
<div className='row'>
<a href='..'>Software</a>
<section id="list-intro" className="content-section">
<h1 className="text-primary">SimFest Tycoon</h1>
<h4 className="text-secondary">Festival crowd simulator</h4>
<p>A team project in which a festival can be simulated to view how crowds of people behave. The user can build festivals, roads, snackbars and assign time periods when a band plays at a stage. The project was programmed in Java. A school project made by four people. The software allows users to build their own festival grounds. Snackbarstands, toilets, roads and stages can be placed to view how people form crowds and bottlenecks in certain areas. The user can also assign a band that plays for a certain time at a stage using a scheduler. </p>
<p>The band has a timeperiod and popularity, which affects the amount of people visiting that stage. The goal of this software is create an overview of potential bottlenecks and overcrowded areas.</p>
<picture>
<source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft2-w240.webp`} />
<source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft2-w480.webp`} />
<source media="(min-width: 1200px) and (max-width: 1799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft2-w800.webp`} />
<source media="(min-width: 1800px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft2.webp`} />
<img alt="Screenshot festival simulator" src={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft2.webp`}/>
</picture>
<p></p>
<picture>
<source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft4-w240.webp`} />
<source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft4-w480.webp`} />
<source media="(min-width: 1200px) and (max-width: 1799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft4-w800.webp`} />
<source media="(min-width: 1800px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft4.webp`} />
<img alt="Screenshot festival simulator" src={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft4.webp`}/>
</picture>
<p></p>
<picture>
<source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft5-w240.webp`} />
<source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft5-w480.webp`} />
<source media="(min-width: 1200px) and (max-width: 1799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft5-w800.webp`} />
<source media="(min-width: 1800px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft5.webp`} />
<img alt="Screenshot festival simulator" src={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft5.webp`}/>
</picture>
<p></p>
<picture>
<source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft7-w240.webp`} />
<source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft7-w480.webp`} />
<source media="(min-width: 1200px) and (max-width: 1799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft7-w800.webp`} />
<source media="(min-width: 1800px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft7.webp`} />
<img alt="Screenshot festival simulator" src={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft7.webp`}/>
</picture>
<p></p>
<picture>
<source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft8-w240.webp`} />
<source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft8-w480.webp`} />
<source media="(min-width: 1200px) and (max-width: 1799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft8-w800.webp`} />
<source media="(min-width: 1800px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft8.webp`} />
<img alt="Screenshot festival simulator" src={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft8.webp`}/>
</picture>
<p></p>
<picture>
<source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft9-w240.webp`} />
<source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft9-w480.webp`} />
<source media="(min-width: 1200px) and (max-width: 1799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft9-w800.webp`} />
<source media="(min-width: 1800px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft9.webp`} />
<img alt="Screenshot festival simulator" src={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft9.webp`}/>
</picture>
<p></p>
<picture>
<source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft10-w240.webp`} />
<source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft10-w480.webp`} />
<source media="(min-width: 1200px) and (max-width: 1799px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft10-w800.webp`} />
<source media="(min-width: 1800px)" srcset={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft10.webp`} />
<img alt="Screenshot festival simulator" src={`${process.env.PUBLIC_URL}/images/projects/festival-simulator/sft10.webp`}/>
</picture>
</section>
</div>
)
}
export default FestivalSimulator;
View Git Blame Copy Permalink