<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>riad.de</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
    <link type="text/css" href="style.css" rel="stylesheet"/>
    <link href='https://fonts.googleapis.com/css?family=Droid+Serif|Indie+Flower|Pacifico|Patua+One' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <script src="https://use.fontawesome.com/0be4c63a33.js"></script>
  </head>

  <body>
<!--     <div id="intro">
      <div>
        <h1>Hello!</h1>
      </div>
      <video autoplay loop poster="polina.jpg" id="bgvid">
        <source src="riad_de.mp4" type="video/mp4">
      </video>
    </div>
 -->
    <div id="about">
      <div class="project">
        <img src="img/shot_riad.jpg"/>
        <h1>Riad Djemili</h1>
        <h2>Programmer</h2>
        <h2>Designer</h2>
        <h2>Founder</h2>
        <p><i class="fa fa-map-marker" aria-hidden="true"></i> Berlin</p>
      </div>
    </div>

    <div id="social">
      <ul>
        <li><a href="http://twitter.com/riadd"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
        <li><a href="http://facebook.com/riad.djemili"><i class="fa fa-facebook-official" aria-hidden="true"></i></a></li>
        <li><a href="https://github.com/riadd"><i class="fa fa-github" aria-hidden="true"></i></a></li>
        <li><a href="http://riadd.wordpress.com"><i class="fa fa-wordpress" aria-hidden="true"></i></a></li>
        <li><a href="https://www.linkedin.com/in/riadd"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
      </ul>
    </div>

    <div id="projects">
      <h2>Projects</h2>

      <div class="project" id="curiouscase">
        <a href="http://curious-case.com"><img src="img/shot_curiouscase.png"/></a>
        <h3>The Curious Case</h3>
        <h4>2016 -</h4>
        <p>Our second game. Procedural crime stories in the Roaring Twenties of Berlin.<p>
      </div>

      <div class="project" id="saftladen">
        <a href="http://saftladen.berlin"><img src="img/shot_saftladen.png"/></a>
        <h3>Saftladen</h3>
        <h4>2015 -</h4>
        <p>In 2015 we founded a co-working space and indie game collective in the heart of Kreuzberg/Berlin.<p>
      </div>

      <div class="project" id="curiousexpedition">
        <a href="http://curious-expedition.com"><img src="img/shot_tce.png"/></a>
        <h3>The Curious Expedition</h3>
        <h4>2014 -</h4>
        <p>This is our debut title as Maschinen-Mensch: a roguelike expedition simulation set in the 19th century.<p>
      </div>

      <div class="project" id="maschinenmensch">
        <a href="http://maschinen-mensch.com"><img src="img/shot_mm.png"/></a>
        <h3>Maschinen-Mensch</h3>
        <h4>2014 -</h4>
        <p>I founded this small indie game development company with my friend Johannes Kristmann to develop unusual quirky games.<p>
      </div>

      <div class="project" id="deadisland">
        <a href="http://deadisland2.deepsilver.com"><img src="img/shot_di2.jpg"/></a>
        <h3>Dead Island 2</h3>
        <h4>2012 - 2013</h4>
        <p>A zombie open world game by <a href="http://www.yager.de/">YAGER</a> for Deep Silver. This game unfortunately got cancelled. I worked as senior programmer in the areas: AI, animation, gameplay, multiplayer.</p>
      </div>

      <div class="project" id="specops">
        <a href="http://www.specopstheline.com/"><img src="img/shot_so.jpg"/></a>
        <h3>Spec Ops: The Line</h3>
        <h4>2009 - 2011</h4>
        <p>A military shooter developer by <a href="http://www.yager.de/">YAGER</a> for 2K Games. I worked as programmer in the areas of animation, gameplay, controls, multiplayer and general software processes (scrum).</p>
      </div>

      <div class="project" id="saros">
        <a href="http://www.saros-project.org/"><img src="img/shot_saros.png"/></a>
        <h3>Saros</h3>
        <h4>2007</h4>
        <p>Started this distributed pair programming tool as part of my thesis with now over 250,000 downloads and over 12 related master/bachelor works.</p>
      </div>

      <div class="project" id="jmem">
        <a href="http://sourceforge.net/projects/jmemorize/"><img src="img/shot_jmem.gif"/></a>
        <h3>jMemorize</h3>
        <h4>2004 - 2008</h4>
        <p>I created this software for flashcard learning.</p>
      </div>

      <div style="clear:both"></div>
    </div>

    <div id="jams">
      <h2>Game Jams</h2>

      <div class="project" id="mypants">
        <a href="http://firepunchd.tumblr.com/post/146596654988/day-of-the-tentacles-this-weekend-some-folks-from"><img src="img/shot_pants.jpg"/></a>
        <h3>My Pants, WTF</h3>
        <h4>2016</h4>
        <p>A small VR sandbox about being a kind tentacle monster in love and angry about pollution.<p>
      </div>

       <div class="project" id="meldtown">
        <a href="http://maschinen-mensch.com/meldtown"><img src="img/shot_meldtown.png"/></a>
        <h3>Welcome to Meldtown</h3>
        <h4>2015</h4>
        <p>A small local multiplayer game about people repairing a nuclear power plant and one of them being a saboteur (requires controllers).<p>
      </div>

      <div class="project" id="planetcorp">
        <a href="http://maschinen-mensch.com/planetcorp"><img src="img/shot_planetcorp.png"/></a>
        <h3>Planet Corp</h3>
        <h4>2014</h4>
        <p>A small game about space mining. Created in 72 hours for Ludum Dare 29.<p>
      </div>

      <div style="clear:both"></div>
    </div>

    <div id="photos">
      <h2>Photos</h2>

      <!-- LightWidget WIDGET --><script src="//lightwidget.com/widgets/lightwidget.js"></script><iframe src="//lightwidget.com/widgets/2d1ba17d71de5715a02142ddb18432d2.html" id="lightwidget_2d1ba17d71" name="lightwidget_2d1ba17d71"  scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width:90%; border: 0; overflow: hidden;"></iframe>
    </div>

    <div id="talks">
      <h2>Speaking</h2>
      <ul>
        <li>
          <em>2016 <a href="http://program.amaze-berlin.de/event/6lNZ/rise-of-the-game-collectives-panel-with-felix-roman-klondike-lena-mech-copenhagen-game-collective-malath-abbas-dundee-game-collective-riad-djemili-saftladen-runa-haukland-hamar-game-collective">A MAZE</a></em>
          Rise of the Game Collectives Panel Moderation (<a href="https://voicerepublic.com/talks/game-collectives-panel-line-up-tba">Audio</a>)
        </li>
        <li>
          <em>2016 <a href="http://qvconf.com/content/hands-funding-best-practice-case-study-and-more-money-behind-scenes-developing-games-german-">Quo Vadis</a></em>
          Hands on Funding Panel
        </li>
        <li>
          <em>2016 <a href="http://www.design.haw-hamburg.de/">HAW-Hamburg</a></em>
          Procedural Storytelling Workshop
        </li>
        <li>
          <em>2016 <a href="http://www.design.haw-hamburg.de/event/here-there-games-ringvorlesung-2016/">HERE THERE. Games-Ringvorlesung 2016</a></em>
          Generative Storytelling
          (<a href="http://de.slideshare.net/games_rv/generative-storytelling-unendliche-geschichten">Slides</a>, <a href="https://www.facebook.com/media/set/?set=a.1579927208986712.1073741829.1559518434360923&type=3">Photos</a>)
        </li>
        <li>
          <em>2016 <a href="http://berlingamescene.com/event/devolution-1-the-curious-expedition/">Devolution #1</a></em>
          The Curious Devolution - A Development Expedition
          (<a href="https://docs.google.com/presentation/d/14E8clQDqwf5_6rHdUALRgmC46dx4FB45PVco_kAGid0/edit?usp=sharing">Slides</a>)
        </li>
        <li>
          <em>2015 <a href="http://www.gamedevgathering.com/">GDG</a></em>
          You are more than your game
          (<a href="https://docs.google.com/presentation/d/1bUH8fLP1xq4_fMfG1C7mLdYgailxeAyonbg1SVLZc0s/edit?usp=sharing">Slides</a>)
        </li>
        <li>
          <em>2015 <a href="http://respawngatheringofgamedevel2015.sched.org/event/3wgl/mechanics-vs-narrative?iframe=no&w=&sidebar=yes&bg=no">Respawn</a></em>
          Mechanics VS Narrative Panel
        </li>
        <li>
          <em>2015 <a href="http://respawngatheringofgamedevel2015.sched.org/event/3vUG/experiences-in-early-access?iframe=no&w=&sidebar=yes&bg=no">Respawn</a></em>
          Experiences in Early Access Panel
        </li>
        <li>
          <em>2015 <a href="http://amaze-berlin.de/">A MAZE</a></em>
          Expedition Essentials - 1 Year Maschinen-Mensch
          (<a href="https://www.youtube.com/watch?v=oFx7l2godgc">Video</a>, <a href="https://docs.google.com/presentation/d/1kqiaFDdErhrck9KCnwlDjlJP-DQLugXrUKjUb7tbYlI/edit?usp=sharing">Slides</a>)
        </li>
        <li>
          <em>2015 <a href="http://qvconf.com/sessions/low-budget-marketing-and-community-building-indies">Quo Vadis</a></em>
          Low-budget marketing and community building for #indies Panel
        </li>
        <li>
          <em>2015 <a href="http://www.expo2015.org/en/">Gamefest Berlin</a></em>
          Spielung The Curious Expedition
          (<a href="http://www.gamefest.berlin/programm/25april/spielungen">Photos</a>)
        </li>
        <li>
          <em>2015 <a href="http://www.expo2015.org/en/">EXPO Milano</a></em>
          The Curious Expedition
        </li>
        <li>
          <em>2014 <a href="http://gic.gd/en/">ZTG/GIC</a></em>
          A curious guide to zero-budget marketing
          (<a href="https://docs.google.com/presentation/d/153Rz_TPwZ36HVg9-Mhvej7gSuWM5BTv3VKxRWYTTZHM/edit?usp=sharing">Slides</a>)
        </li>
        <li>
          <em>2014 <a href="http://berlingamescene.com/talkandplay/">Talk & Play #6</a></em>
          The Curious Expedition
          (<a href="https://www.youtube.com/watch?v=kfUan_v5TrU">Video</a>)
        </li>
      </ul>
    </div>

    <div id="interviews">
      <h2>Interviews (selected)</h2>
      <ul>
        <li>
          <em>2016 Roguelike Radio (en)</em>
          <a href="http://www.roguelikeradio.com/2016/02/episode-115-curious-expedition.html">Episode 115: The Curious Expedition</a>
        </li>
        <li>
          <em>2015 Zeit Online (de)</em>
          <a href="http://www.zeit.de/digital/games/2015-08/saftladen-berlin-indie-games-kollektiv">Spiele aus dem Saftladen</a>
        </li>
        <li>
          <em>2015 DRadio Wissen (de)</em>
          <a href="http://dradiowissen.de/beitrag/games-curious-expedition-trotzt-der-mainstream-spielelogik">Wahnsinns-Pixel statt Mainstream-Game</a>
        </li>
        <li>
          <em>2015 Der Tagesspiegel (de)</em>
          <a href="http://www.tagesspiegel.de/medien/games/macher-von-the-curious-expedition-das-anhaeufen-von-ruhm-bleibt-das-hauptziel/11813032.html">Das Anhäufen von Ruhm bleibt das Hauptziel</a>
        </li>
        <li>
          <em>2015 Medienboard (en)</em>
          <a href="http://mbbinternational.tumblr.com/post/115209547327/interview-with-the-minds-behind-the-curious">Interview with Maschinen-Mensch</a>
        </li>
        <li>
          <em>2014 Gamasutra (en)</em>
          <a href="http://www.gamasutra.com/view/news/227634/The_charming_heart_of_darkness_Former_Spec_Ops_teams_Curious_Expedition.php">The charming heart of darkness: Former Spec Ops team's Curious Expedition</a>
        </li>
        <li>
          <em>2014 PC GAMER (en)</em>
          <a href="http://www.pcgamer.com/curious-expedition-interview-making-a-hardcore-browser-game-people-will-pay-for/">Making a hardcore browser game people will pay for</a>
        </li>
        <li>
          <em>2014 Indie Fresse Podcast (de)</em>
          <a href="https://superlevel.de/cast/indie-fresse-040-maschinen-mensch/">Folge #40 - Maschinen-Mensch</a>
        </li>
      </ul>
    </div>

    <div id="footer">
      Riad Djemili 2016
    </div>

    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','http://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-159687-1', 'auto');
      ga('send', 'pageview');
    </script>

  </body>
</html>
