-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
8 changed files
with
1,202 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,137 @@ | ||
<!DOCTYPE html> | ||
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]--> | ||
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]--> | ||
<!--[if IE 8]><html class="no-js lt-ie9"><![endif]--> | ||
<!--[if gt IE 8]><!--><html class="no-js" lang="en"><!--<![endif]--> | ||
<head> | ||
|
||
<meta charset="utf-8"> | ||
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> | ||
<meta http-equiv="content-type" content="text/html,charset=utf-8" /> | ||
|
||
<title>PeerGaming - Share the Fun</title> | ||
|
||
<meta name="apple-mobile-web-app-capable" content="yes"> | ||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
|
||
<!-- meta --> | ||
<meta name="title" content="PeerGaming" /> | ||
<meta name="description" content="Share the Fun" /> | ||
<meta name="keywords" content="Development, P2P, Games" /> | ||
|
||
<link rel="canonical" href="http://peergaming.net/" /> | ||
|
||
<meta property="og:title" content="PeerGaming" /> | ||
<meta property="og:type" content="website" /> | ||
<meta property="og:url" content="http://peergaming.net/" /> | ||
<meta property="og:description" content="Share the Fun" /> | ||
|
||
<link rel="stylesheet" type="text/css" href="vendor/normalize.css" /> | ||
|
||
<link rel="stylesheet" type="text/css" href="styles/main.css"> | ||
<link rel="stylesheet" type="text/css" href="styles/v3.css"> | ||
|
||
</head> | ||
<body> | ||
|
||
<div class="container"> | ||
|
||
|
||
<div class="frame"></div> | ||
|
||
|
||
<div class="ribbon right"> | ||
<a href="https://github.com/PeerGaming/peergaming" class="transition">Fork on Github</a> | ||
</div> | ||
|
||
|
||
|
||
|
||
<div class="wrap links"> | ||
<!-- | ||
<h2 class="ref"><a href="form.peergaming.net">Survey</a></h2> | ||
<h2 class="ref"><a href="demo.peergaming.net">Demos</a></h2> | ||
<h2 class="ref"><a href="talk.peergaming.net">Talk</a></h2> | ||
--> | ||
<!-- | ||
<h2> | ||
<span>Demo:</span> | ||
<span> | ||
<a href="http://peergaming.dev/PeerGaming/examples/" class="button" id="button-demo">*click*</a> | ||
</span> | ||
</h2> --> | ||
|
||
</div> | ||
|
||
|
||
|
||
<div class="wrap main"> | ||
|
||
<header> | ||
|
||
<h1 class="headline">PeerGaming - Share the Fun</h1> | ||
|
||
<p class="headline-sub">A Client-Side Multiplayer Framework using WebRTC</p> | ||
|
||
|
||
</header> | ||
|
||
|
||
<div class="content cf"> | ||
|
||
<div class="left1"> | ||
|
||
<div class="logo"></div> | ||
|
||
</div> | ||
|
||
<div class="right1"> | ||
|
||
<h3 class="about">About</h3> | ||
|
||
<p> | ||
With the rising of <a src="https://developer.mozilla.org/en-US/docs/WebRTC">WebRTC</a>, | ||
the possibilities for modern browser based games are changing. Besides new interactions | ||
through inputs like sound & audio - P2P connections are possible and allow direct | ||
communication with other players. | ||
</p> | ||
|
||
</div> | ||
|
||
</div> | ||
|
||
<div> | ||
|
||
<h2 class="ref"><a href="http://form.peergaming.net">Survey</a> <span> - feedback for the project & web gaming</span></h2> | ||
|
||
<h2 class="ref"><a href="http://demo.peergaming.net">Demos</a> <span>- examples for using PeerGaming</span></h2> | ||
|
||
<h2 class="ref"><a href="http://talk.peergaming.net">Talk</a> <span class="temp-fix">- presentation material</span></h2> | ||
|
||
|
||
<!-- PeerGaming is a Multiplayer Gaming Framework for the Web, | ||
which uses standard web technologies to connect multiple Clients. | ||
It allows you to create your own Multiplayer Game, | ||
without concerning an additional setup like a server (*). | ||
<p class="annotation"> | ||
* an example for the initial process of bootstraping & brookering will be be provided | ||
</p> --> | ||
</div> | ||
|
||
</div> | ||
|
||
<div class="frame"></div> | ||
|
||
</div> | ||
|
||
<script src="scripts/ui.js"></script> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,31 @@ | ||
(function(){ | ||
|
||
|
||
var buttonDemo = document.getElementById('button-demo'); | ||
|
||
buttonDemo.addEventListener('click', function ( e ) { | ||
|
||
e.preventDefault(); | ||
e.stopPropagation(); | ||
|
||
|
||
open({ | ||
url : buttonDemo.href, | ||
width : window.outerWidth/4 * 3, | ||
height : window.outerHeight/4 * 3 | ||
}); | ||
}); | ||
|
||
function open ( config ) { | ||
|
||
var centerX = window.outerWidth/2 - config.width/2, | ||
centerY = window.outerHeight/2 - config.height/2; | ||
|
||
window.open( config.url, 'demo_' + Date.now(), | ||
'status=no, toolbar=no, location=no, menubar=no,\ | ||
scroolbars=no,resizeable=no, personalbar=no, chrome=yes\ | ||
height=' + config.height + ', width=' + config.width + ', top=' + centerY + ', left=' + centerX ); | ||
} | ||
|
||
|
||
})(); |
Oops, something went wrong.