geom.io Review
geom.io Review
Titletag | Descriptiontag | language |
---|
geom.io :: publish, share and embed 3D models | |
|
Ip adress | 172.104.235.13 | Nameserver | ns-182-b.gandi.net ns-140-c.gandi.net ns-163-a.gandi.net |
Status code | 200 |
<!DOCTYPE html>
<html>
<head>
<meta property="og:url" content="https://geom.io/" />
<meta property="og:title" content="geom.io - publish, share and embed 3D models"/>
<meta property="og:description" content="Online physically-based renderer using HTML5 and WebGL" />
<meta property="og:image" content="https://geom.io/kindoflogo.jpg" />
<title>geom.io :: publish, share and embed 3D models</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="googleAnalyze.js"></script>
<script src="cookies.js"></script>
<link rel="stylesheet" media="screen" type="text/css" href="reset.css" />
<link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
<link rel="stylesheet" media="screen" type="text/css" href="main2.css" />
</head>
<body>
<div id="headerBlock">
<!--<h1 id="hdr" style="display: inline;">geom.io<sup style="font-size:50%;" id="beta1">beta</sup></h1>-->
<a href="https://geom.io/"><img class="headerLogo" src="newheaderlogo.png"></a><div class="signs"><div id="signin">SIGN IN</div> | <div id="signup">SIGN UP</div></div>
<!--<a href="http://geom.io/"><img class="headerLogo" src="newheaderlogo.png"></a><div class="signs"><div id="signin"><img src="signin.png"></div> | <div id="signup"><img src="signup.png"></div></div>-->
</div>
<script>
$(document).ready
(
function()
{
$('#signin').click(function()
{
var d = new Date();
window.open("signin.php?dummy="+d.getTime(),"_self");
});
$('#signup').click(function()
{
var d = new Date();
window.open("register.php?dummy="+d.getTime(),"_self");
});
var userNameCookie = getCookie("userName");
if (userNameCookie!=undefined)
{
$('.signs').html("<div id='myacc'>"+userNameCookie+"</div> | <div id='logout'>SIGN OUT</div>");
$('.signs').css('cursor', 'pointer');
$('#myacc').click(function()
{
var d = new Date();
window.open("account.php?dummy="+d.getTime(),"_self");
});
$('#logout').click(function()
{
var d = new Date();
window.open("logout.php?dummy="+d.getTime(),"_self");
});
}
}
);
</script>
<div style="position: absolute; left:50%; margin-left: -33%; margin-top: 10px; font-family: 'Myriad Pro', 'PT Sans', sans-serif; color: #919191; font-size: 14px;">Online physically-based renderer using <div style="display:inline; color:#FFBB00;">HTML5</div> and <div style="display:inline; color:#FFBB00;">WebGL</div></div>
<!--<div style="position: absolute;">
<div style="margin: 0 auto; width: 800px; text-align: right; margin-top: 10px; font-family: 'Myriad Pro', 'PT Sans', sans-serif; color: #919191; font-size: 14px;">
Online physically-based renderer using HTML5 and WebGL
</div>
</div>-->
<div id="render">
<iframe id="iframe" style="border: 6px solid white;" allowfullscreen frameborder="0" src="https://geom.io/embed.php?id=DIEyDf"></iframe>
</div>
<div style="position: absolute; top: 70%; text-align: center; width: 100%;">
<a href="details.php" style="color:#656565; font-size: 12px; position: relative; top: 52px;">
<!--<img class="newButton3" src="wtf.png">-->
What it's all about?
</a>
<br><br><br>
<div style="bottom: 50px; position: fixed; text-align: center; color: rgb(101, 101, 101); width: 100%; font-size: 12px;">geom.io is free, <a href="help.php" style="color: rgb(145, 145, 145);">help us</a> to keep the service running</div>
</div>
<a href="webgl_user.php?v=1756275081"> <img class="newButton2" src="newmodel.png">
</a>
<!--<div class="bottomRow">
<div class="leftColumn" id="lc">
<p class="columnHeader" id="c1">What it's all about?</p><p>
Simple: upload your models, set up materials and lighting and show it everyone online with our fully interactive real-time player!<br>
<b>geom.io</b> is designed to be a perfect solution for showing your portfolio.<br>
<a href="details.html" style="color:white;"><b>Want to know more?</b></a>
</p>
</div>
<div class="rightColumn" id="rc">
<p class="columnHeader" id="c2">No plugins required<br></p><p>
<b>geom.io</b> is based on a widely supported WebGL standard. It is natively supported in latest Chrome, Firefox and Opera, on Windows, OS X, Linux and Android.
Even IE will get WebGL support soon too!
</p>
</div>
<div class="midColumn" id="mc">
<p class="columnHeader" id="c3">Physically based<br></p><p id="longestP">
<b>geom.io</b> is not a simple model viewer. It has a powerful shader system that accounts for energy conservation, gamma correction, realistic light attenuation, HDR and image-based lighting (IBL). It's actually very easy to tweak your materials, because all parameters are intuitive and realistic.
</p>
</div>
<br><br><br>
<div id="changeLog">
<p class="logHeader">Coming soon:</p>
<div class="incl">
<p>- Shadows</p>
<p>- AO</p>
</div>
<p class="logHeader">Change log:</p>
<a href="about.html"><p class="logHeader" style="float:right;"><u>About</u><br></p></a>
<div class="incl">
<p class="date">October 11, 2013</p>
<p>Beta started.</p>
</div>
<br><br>
</div>
</div>-->
<div style="position: absolute; top: 80%; width: 100%; word-spacing: 1px; line-height: 1.4em; text-align: center;">
<div>
<!--<div class="cblock">RENDER</div><div class="cblock">SHARE</div><div class="cblock">EVERYWHERE</div>-->
</div>
</div>
<script>
var frame = document.getElementById("iframe");
var renderDiv = document.getElementById("render");
window.onresize = function(e)
{
frame.width = Math.min(window.innerWidth*0.65, 800);
frame.height = Math.min(window.innerHeight*0.5, 473);
renderDiv.style.marginTop = (-frame.height*0.5)+"px";
renderDiv.style.marginLeft = (-frame.width*0.5)+"px";
};
window.onscroll = window.onresize;
window.onresize();
</script>
<div id="footerBlock"><a id="fupload" href="webgl_user.php?v=1756275081">Upload</a> | <a id="fdetails" href="details.php">Project</a> | <a id="ffeatures" href="features.php">Features</a> | <a id="fgallery" href="gallery.php?v=1756275081">Gallery</a> | <a id="fplanned" href="roadmap.php?v=1756275081">Planned</a> | <a href="terms.php" id="fterms">Terms of Service</a> | <a id="fsupport" href="support.php">Support</a> | <a id="fhelp" href="help.php">Donate</a> | <a id="fabout" href="about.php">Authors</a></div>
<script>
$(document).ready
(
function()
{
if (location.pathname=="/terms.php")
{
$('#fterms').css('color', '#FFBB00');
}
else if (location.pathname=="/gallery.php")
{
$('#fgallery').css('color', '#FFBB00');
}
else if (location.pathname=="/details.php")
{
$('#fdetails').css('color', '#FFBB00');
}
else if (location.pathname=="/about.php")
{
$('#fabout').css('color', '#FFBB00');
}
else if (location.pathname=="/support.php")
{
$('#fsupport').css('color', '#FFBB00');
}
else if (location.pathname=="/features.php")
{
$('#ffeatures').css('color', '#FFBB00');
}
else if (location.pathname=="/help.php")
{
$('#fhelp').css('color', '#FFBB00');
}
else if (location.pathname=="/roadmap.php")
{
$('#fplanned').css('color', '#FFBB00');
}
}
);
</script>
<!--<a href="terms.html" class="white" style="float: left;"><u>Terms of service</u></a>-->
<!--<h2 class="white" style="float: right;">© 2013 geom.io</h2>-->
</body>
</html>
HTTP/1.1 200 OK
Server: nginx
Date: Wed, 27 Aug 2025 06:11:20 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Vary: Accept-Encoding
Content-Encoding: gzip