<HTML>
<HEAD>

<meta name="viewport" content="width=850">

<TITLE>Augmented Reality Adventure Games</TITLE>

<META name="description" content="Augmented Reality Adventure Games playable safely indoors in the comfort of your own home. Easily turn your house into a Fairytale Themed Park with multiple locations to explore and many items to collect and use on your way to victory." />
<META name="keywords" content="augmented reality, augmented reality game, augmented reality adventure, augmented reality games, augmented reality adventures, location based game, location based games, smart phone game, smart phone games, iphone game, iphone games" />

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<SCRIPT LANGUAGE="JavaScript" SRC="CalendarPopup.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">document.write(getCalendarStyles());</SCRIPT>

<style type="text/css">
<!--
a:hover {  color: yellow};
-->
</style>

<style type="text/css">
<!--
body {background: url(forest.png) fixed black; background-repeat: repeat-x;}
-->
</style>

<script type="text/javascript">
      
/***********************************************
* Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
 
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["slideShow00.jpg", "", ""] //plain image syntax
fadeimages[1]=["slideShow01.jpg", "", ""] //plain image syntax
fadeimages[2]=["slideShow02.jpg", "", ""] //image with link syntax
fadeimages[3]=["slideShow03.jpg", "", ""] //image with link syntax
fadeimages[4]=["slideShow04.jpg", "", ""] //image with link syntax
fadeimages[5]=["slideShow05.jpg", "", ""] //image with link syntax
fadeimages[6]=["slideShow06.jpg", "", ""] //image with link syntax
 
var fadebgcolor="black"

////NO need to edit beyond here/////////////
 
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
 
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=0 //initial opacity degree (0%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}
 
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<150){
obj.degree+=4
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
obj.tempobj.style.opacity=obj.degree/101
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 1
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}
 
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
vBorder = "style = 'border: thin solid green'";
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px" ' + vBorder + ' >'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
 
 
fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
 
fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101
}
 
 
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}

</script>

</HEAD>

<BODY BGCOLOR=black TEXT=White LINK=aqua VLINK=aqua alink=aqua background = "forest.gif" bgproperties = 'fixed'>

<div id="fadeDiv">

<center>
                                                                
<div style = 'width: 752; border: thick ridge #003300'>
<img src = 'augmentedReality.jpg' style = 'border: thin solid black'>
</div>

<br>

<!-- >Page Starts Here</!-->

<font color = yellow>
<table border="2" bgcolor=004000 width="750" cellpadding="25" style = 'position: relative'>
<tr><td valign="top">

<h2>
<center>
<font face = "Tahoma" size = 5 color = black>

<font size = 5>


<script language="JavaScript1.2">

/*
Neon Lights Text
By JavaScript Kit (http://javascriptkit.com)
For this script, TOS, and 100s more DHTML scripts,
Visit http://www.dynamicdrive.com
*/

var message="Welcome to the future of Adventure Games!"
var neonbasecolor="black"
var neontextcolor="lime"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>
</i>

<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 700, 50, 1, 2500, 0)
</script>

<center>
<font size = 1>
<br>

<a href = 'games.htm'><img src = 'buttonOurGames.jpg' border = 1></a>
<a href = 'demos.htm'><img src = 'buttonOnlineDemos.jpg' border = 1></a>
<a href = 'http://shop.ebay.com/merchant/sipko1'><img src = 'buttonPurchaseGames.jpg' border = 1></a>

<hr>

<center><br>
<font color = yellow face = 'Times New Roman' size = 4><i>
<b><u>Augmented Reality Games</u></b>
<p align = justify><font color = lime>

Unfortunately, true Augmented Reality technology for general public use is still far away into the future. The sad truth is that
everyday affordable computing devices (tablets, smart phones and computers) are not equipped with the sensors needed to support
accurate enough readings of their position, surroundings, orientation and movement to provide stable environment for adding virtual
objects on top of the world around us. To overcome this problem, current projects in the genre use GPS location technology, image recognition
and printed AR markers, but all three are still somewhat inacurate and very dependent on external conditions.
<center>
<div style = 'border: thin solid black; width: 202; position: absolute; left: 30'>
<img src = 'arLocation.jpg' style = 'border: thin solid black'><font size = 3>GPS location AR</div>
<div style = 'border: thin solid black; width: 202; position: absolute; right: 30'>
<img src = 'arRecognition.jpg' style = 'border: thin solid black'><font size = 3>Image Recognition AR</div>
<div style = 'border: thin solid black; width: 202; position: relative'>
<img src = 'arMarker.jpg' style = 'border: thin solid black'><font size = 3>AR Marker</div>
<p align = justify><font color = lime size = 4>
To provide more stability and to make it possible to use indoors, we came up with the idea to take advantage of scannable quick response
codes, physically positioned in the surroindings of the player, therefore creating augmented game world in a small and safely confined area.
The acceptance of this idea and the feedback from customers and consultants made us file for a patent on this implementation process back in the summer of 2017.
<center>
<img src = 'addedSpace.jpg' style = 'border: thin solid black'>
<br><font size = 3>
Quick Response Augmented Reality Experience :: US and Int'l Patent Pending
<br><br>
<p align = justify><font color = lime size = 4>
Want to check out our Augmented Reality Games? <a href = 'games.htm'> Click Here!</a>

<!--br><br>
While better and far more accurate, the Quick Response Augmented Reality doesn't look as cool as the AR marker and Image Recognition technology
nor is as stable outdoors as the GPS location implementation, so we decided to use all of the above approaches for the purpose of providing the best possible gaming experience for our customers. 
-->
<hr><br>
<font color = yellow>
<b><u>The Mastermind behind AugmentedRealityAdventure.com</u></b>
<p align = justify><font color = lime>

While very successful at other ventures in the past, most of which not even related to computer gaming at all,
our leading game designer Peter Agapov is a very well known branching narrative expert and researcher. He is famous for his Gamebook
Theory posts on <a href = 'http://www.lloydofgamebooks.com/search/label/Peter%20Agapov'>LloydOfGamebooks.com</a> and the work of analyzing
the meaning of choices in gaming and in real life, as well as the psychological effects
of games from various genres on people ages from kids to adults.
You can find more on the latter at his blog named <a href = 'http://visualgamebookadventures.blogspot.com/'>Visual Gamebook Adventures</a>. 
</td></tr><tr><td>

<font color = yellow face = 'Times New Roman' size = 4><i>
<center><b><u>Experience Augmented Reality in person</u></b>
<br><br>

<img src = 'scanCode.gif' style = 'border: thin solid black'>

<!--
<video width="320" height="240" autoplay loop style = 'border: thin solid black' controls = 'controls' preload = 'auto'>
  <source src="scanCode.mp4" type="video/mp4" />
  Your browser does not support the video tag.
</video>
-->

<p align = justify><font color = lime>
Although, due to various reasons such as business contracts, intelectual property laws and geographic area restrictions,
we don't have all of our games and products available on the market, you can still visit our e-store on eBay and purchase
some of our Augmented Reality Games listed for sale there.  
<br>
<a href = 'http://shop.ebay.com/merchant/sipko1'>
<div style = 'border: thin solid black; cursor: pointer; background-color: #002200' onclick="window.location = 'http://shop.ebay.com/merchant/sipko1'">
<img src = 'eBay.png' border = 0>
</div></a>
<!--
<p align = justify><font size = 4>
Want to play a demo of an Augmented Reality Adventure? <a href = 'demos.htm'> Click Here!</a>
-->
<hr>
<br>
<a href = 'games.htm'><img src = 'buttonOurGames.jpg' border = 1></a>
<a href = 'demos.htm'><img src = 'buttonOnlineDemos.jpg' border = 1></a>
<a href = 'http://shop.ebay.com/merchant/sipko1'><img src = 'buttonPurchaseGames.jpg' border = 1></a>
<br><br>
<hr>

<p align = justify>
<font color = aqua face = 'Times New Roman' size = 4><i>
US and International patents pending for quick response augmented reality and location based technology used in our adventure games.
Written permission from Sipko Software must be obtained before developing games implementing the same idea or any similar approach.
<hr>
<p align = justify>
<font color = yellow face = 'Times New Roman' size = 4><i>
<u>Contact information:</u><font color = lime face = 'Times New Roman' size = 4><br>
You can contact us at any time regarding questions and purchases of our games, technical issues or even about using our patented technology at
<font color = yellow face = 'Times New Roman' size = 4>support@AugmentedRealityAdventure.com
<hr>
<p align = justify>
<font color = gray face = 'Times New Roman' size = 4><i>
<center><br>
Copyright 2017 Sipko Software
</td></tr></table>
</BODY>
</HTML>