|
@@ -8,19 +8,71 @@
|
|
|
background-color: #000000;
|
|
background-color: #000000;
|
|
|
margin: 0px;
|
|
margin: 0px;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
|
|
+ font-family:Monospace;
|
|
|
|
|
+ font-size:13px;
|
|
|
|
|
+ text-align:center;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ text-align:center;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
a {
|
|
|
color:#0078ff;
|
|
color:#0078ff;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ #info {
|
|
|
|
|
+ color:#fff;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 0px; width: 100%;
|
|
|
|
|
+ padding: 5px;
|
|
|
|
|
+ z-index:100;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #oldie {
|
|
|
|
|
+ font-family:monospace;
|
|
|
|
|
+ font-size:13px;
|
|
|
|
|
+
|
|
|
|
|
+ text-align:center;
|
|
|
|
|
+ background:#eee;
|
|
|
|
|
+ color:#000;
|
|
|
|
|
+ padding:1em;
|
|
|
|
|
+
|
|
|
|
|
+ width:475px;
|
|
|
|
|
+ margin:5em auto 0;
|
|
|
|
|
+
|
|
|
|
|
+ display:none;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
</style>
|
|
</style>
|
|
|
</head>
|
|
</head>
|
|
|
<body>
|
|
<body>
|
|
|
|
|
+
|
|
|
|
|
+ <div id="info">
|
|
|
|
|
+ <a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - webgl particles example
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <center>
|
|
|
|
|
+ <div id="oldie">
|
|
|
|
|
+ Sorry, your browser doesn't support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation">WebGL</a>
|
|
|
|
|
+ and <a href="http://www.whatwg.org/specs/web-workers/current-work/">Web Workers</a>.<br/>
|
|
|
|
|
+ <br/>
|
|
|
|
|
+ Please try in
|
|
|
|
|
+ <a href="http://www.chromium.org/getting-involved/dev-channel">Chrome 9+</a> /
|
|
|
|
|
+ <a href="http://www.mozilla.com/en-US/firefox/all-beta.html">Firefox 4+</a> /
|
|
|
|
|
+ <a href="http://nightly.webkit.org/">Safari OSX 10.6+</a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </center>
|
|
|
|
|
|
|
|
<script type="text/javascript" src="../build/Three.js"></script>
|
|
<script type="text/javascript" src="../build/Three.js"></script>
|
|
|
<script type="text/javascript" src="js/Stats.js"></script>
|
|
<script type="text/javascript" src="js/Stats.js"></script>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
<script type="text/javascript">
|
|
|
|
|
+
|
|
|
|
|
+ if ( !is_browser_compatible() ) {
|
|
|
|
|
+
|
|
|
|
|
+ document.getElementById( "oldie" ).style.display = "block";
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
var container, stats;
|
|
var container, stats;
|
|
|
var camera, scene, renderer, particles, geometry, materials = [], parameters, i, h, color;
|
|
var camera, scene, renderer, particles, geometry, materials = [], parameters, i, h, color;
|
|
@@ -152,6 +204,18 @@
|
|
|
stats.update();
|
|
stats.update();
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ function is_browser_compatible() {
|
|
|
|
|
+
|
|
|
|
|
+ // WebGL support
|
|
|
|
|
+
|
|
|
|
|
+ try { var test = new Float32Array(1); } catch(e) { return false; }
|
|
|
|
|
+
|
|
|
|
|
+ // Web workers
|
|
|
|
|
+
|
|
|
|
|
+ return !!window.Worker;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
</script>
|
|
</script>
|
|
|
</body>
|
|
</body>
|
|
|
</html>
|
|
</html>
|
alteredq