Untitled 12/8/2018 4:58:58 AM
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<title><data:blog.pageTitle/></title>
<style type="text/css">
<!-- /*<b:skin><![CDATA[
/* CSS Reset */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/* HTML5 */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}*:focus {outline:0;}textarea{display:block;box-sizing:border-box;}*,*:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline;}textarea{display:block;box-sizing:border-box;}input.placeholder_text,textarea.placeholder_text{color:#888}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input:-moz-placeholder,textarea:-moz-placeholder,input.placeholder_text,textarea.placeholder_text{color:#444}[placeholder]:focus::-webkit-input-placeholder{transition:opacity .5s .5s ease;opacity:0}.clear{clear:both}html {-webkit-font-smoothing:antialiased;overflow:hidden}body{background:#01374b;font-family:'Indie Flower',cursive;font-size:16px;font-weight:400;text-align:left;color:#000;margin:0;padding:0;overflow:hidden}]]></b:skin>
<style type='text/css'>
#main{display:none}
.closed-signedyboard{width:400px;height:300px;margin:75px auto;position:absolute;left:0;right:0;transform:scale(1) rotatez(7deg) translate(-17px,1px);animation:1s init,0.7s aa 1s,3s ab 1.7s infinite;z-index:9999;text-align:center}
@keyframes aa{0%{transform:scale(1)}100%{transform:scale(1) rotatez(7deg) translate(-17px,1px)}}
@keyframes ab{0%{transform:rotatez(7deg) translate(-17px,1px)}50%{transform:rotatez(-7deg) translate(17px,1px)}100%{transform:rotatez(7deg) translate(-17px,1px)}}
.signedy{color:#fff;font-size:2.2rem;font-weight:700;text-align:center;background:#e00909;width:100%;height:200px;line-height:normal;position:absolute;bottom:0;border-radius:15px / 20px;box-shadow:0 0 50px rgba(0,0,0,0.3);}
.signedy a{color:#fff;}
.signedy a:hover{color:#fff;text-decoration:underline}
.signedbox{margin:55px auto}
.strings{width:150px;height:150px;border:solid 5px #ad5700;border-bottom:none;border-right:none;position:absolute;top:38px;left:122px;transform:rotatez(45deg)}
.pin{width:25px;height:25px;position:absolute;border-radius:25px}
.pin.pin1{background:#9f9f9f;top:0;left:187px}
.pin.pin2,.pin.pin3{background:#9c0a00}
.pin.pin2{top:110px;left:80px}
.pin.pin3{top:110px;right:80px}
@keyframes init{from{transform:scale(0)}to{transform:scale(1)}}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://fonts.googleapis.com/css?family=Indie+Flower");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
//]]>
</script>
</head>
<body>
<div class='closed-signedyboard'>
<div class='signedy'>
<div class='signedbox'>
Our site is moved here<br/>
<a href='http://www.Dienblogger.net/' target='_blank'>Dienblogger.net</a>
</div>
</div>
<div class='strings'/>
<div class='pin pin1'/>
<div class='pin pin2'/>
<div class='pin pin3'/>
</div>
<div id='container'/>
<b:section id='header' showaddelement='yes'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/three.js/88/three.js'/>
<script src='//threejs.org/examples/js/controls/OrbitControls.js'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/tween.js/17.1.1/Tween.min.js'/>
<script type='text/javascript'>
//<![CDATA[
// Rocket
function mousemove(e){mouse.x=e.clientX/window.innerWidth*2-1,mouse.y=-e.clientY/window.innerHeight*2+1,cameraTarget.x=1*-mouse.x,cameraTarget.z=3+1*mouse.y,raycaster.setFromCamera(mouse,camera),raycaster.ray.intersectPlane(plane,rocketTarget)}function mousedown(e){TWEEN.removeAll();var t=mouse.x<0?-1:1;new TWEEN.Tween(rocket.rotation).to({y:t*Math.PI},1e3).easing(TWEEN.Easing.Quadratic.InOut).start(),new TWEEN.Tween(rocketGroup.scale).to({y:.7},300).easing(TWEEN.Easing.Cubic.Out).onComplete(function(){new TWEEN.Tween(rocketGroup.scale).to({y:1.3},300).easing(TWEEN.Easing.Cubic.In).onComplete(function(){new TWEEN.Tween(rocketGroup.scale).to({y:1},200).easing(TWEEN.Easing.Cubic.Out).start()}).start()}).start();stars.speedTarget=.3,renderer.domElement.style.cursor="none"}function mouseup(e){stars.speedTarget=.1,renderer.domElement.style.cursor="pointer"}function resize(){camera.aspect=window.innerWidth/window.innerHeight,camera.updateProjectionMatrix(),renderer.setSize(window.innerWidth,window.innerHeight)}function loop(){requestAnimationFrame(loop),TWEEN.update(),controls.update(),time+=clock.getDelta(),rocketGroup.rotation.y=Math.cos(8*time)*angle,fire.update(),fire2.update(),stars.updateConstant(),lerp(rocketGroup.position,"y",rocketTarget.y),lerp(rocketGroup.position,"x",rocketTarget.x),lerp(camera.position,"x",cameraTarget.x),lerp(camera.position,"z",cameraTarget.z),lerp(stars,"speed",stars.speedTarget),renderer.render(scene,camera)}function lerp(e,t,r){e&&e[t]!==r&&(e[t]+=.1*(r-e[t]),Math.abs(r-e[t])<.01&&(e[t]=r))}var OutlineShader={uniforms:{offset:{type:"f",value:.3},color:{type:"v3",value:new THREE.Color("#000000")},alpha:{type:"f",value:1}},vertexShader:["uniform float offset;","void main() {"," vec4 pos = modelViewMatrix * vec4( position + normal * offset, 1.0 );"," gl_Position = projectionMatrix * pos;","}"].join("\n"),fragmentShader:["uniform vec3 color;","uniform float alpha;","void main() {"," gl_FragColor = vec4( color, alpha );","}"].join("\n")},container=document.getElementById("container"),renderer=new THREE.WebGLRenderer({antialias:!0});renderer.setPixelRatio(window.devicePixelRatio),renderer.setSize(window.innerWidth,window.innerHeight),container.appendChild(renderer.domElement),renderer.domElement.style.cursor="pointer";var camera=new THREE.PerspectiveCamera(60,window.innerWidth/window.innerHeight,.1,1e5);camera.position.set(0,-6,3);var controls=new THREE.OrbitControls(camera,renderer.domElement);controls.target.y=1,controls.enableDamping=!0,controls.enabled=!1;var scene=new THREE.Scene;scene.background=new THREE.Color(79691),scene.fog=new THREE.Fog(scene.background,10,20);var aLight=new THREE.AmbientLight(5592405);scene.add(aLight);var dLight1=new THREE.DirectionalLight(16777215,.4);dLight1.position.set(.7,1,1),scene.add(dLight1);var rocketGroup=new THREE.Group;scene.add(rocketGroup);var rocket=new THREE.Group;rocket.position.y=-1.5,rocketGroup.add(rocket);var points=[];points.push(new THREE.Vector2(0,0));for(var i=0;i<11;i++){var point=new THREE.Vector2(8*Math.cos(.227*i-.75),4*i);points.push(point)}points.push(new THREE.Vector2(0,40));var rocketGeo=new THREE.LatheGeometry(points,32),rocketMat=new THREE.MeshToonMaterial({color:13421772,shininess:1}),rocketOutlineMat=new THREE.ShaderMaterial({uniforms:THREE.UniformsUtils.clone(OutlineShader.uniforms),vertexShader:OutlineShader.vertexShader,fragmentShader:OutlineShader.fragmentShader,side:THREE.BackSide}),rocketObj=THREE.SceneUtils.createMultiMaterialObject(rocketGeo,[rocketMat,rocketOutlineMat]);rocketObj.scale.setScalar(.1),rocket.add(rocketObj);var portalGeo=new THREE.CylinderBufferGeometry(.26,.26,1.6,32),portalMat=new THREE.MeshToonMaterial({color:9493759}),portalOutlineMat=rocketOutlineMat.clone();portalOutlineMat.uniforms.offset.value=.03;var portal=THREE.SceneUtils.createMultiMaterialObject(portalGeo,[portalMat,portalOutlineMat]);portal.position.y=2,portal.rotation.x=Math.PI/2,rocket.add(portal);var circle=new THREE.Shape;circle.absarc(0,0,3.5,0,2*Math.PI);var hole=new THREE.Path;hole.absarc(0,0,3,0,2*Math.PI),circle.holes.push(hole);var tubeExtrudeSettings={amount:17,steps:1,bevelEnabled:!1},tubeGeo=new THREE.ExtrudeGeometry(circle,tubeExtrudeSettings);tubeGeo.computeVertexNormals(),tubeGeo.center();var tubeMat=new THREE.MeshToonMaterial({color:16711680,shininess:1}),tubeOutlineMat=rocketOutlineMat.clone();tubeOutlineMat.uniforms.offset.value=.2;var tube=THREE.SceneUtils.createMultiMaterialObject(tubeGeo,[tubeMat,tubeOutlineMat]);tube.position.y=2,tube.scale.setScalar(.1),rocket.add(tube);var shape=new THREE.Shape;shape.moveTo(3,0),shape.quadraticCurveTo(25,-8,15,-37),shape.quadraticCurveTo(13,-21,0,-20),shape.lineTo(3,0);var extrudeSettings={steps:1,amount:4,bevelEnabled:!0,bevelThickness:2,bevelSize:2,bevelSegments:5},wingGroup=new THREE.Group;rocket.add(wingGroup);var wingGeo=new THREE.ExtrudeGeometry(shape,extrudeSettings);wingGeo.computeVertexNormals();var wingMat=new THREE.MeshToonMaterial({color:16711680,shininess:1}),wingOutlineMat=rocketOutlineMat.clone();wingOutlineMat.uniforms.offset.value=1;var wing=THREE.SceneUtils.createMultiMaterialObject(wingGeo,[wingMat,wingOutlineMat]);wing.scale.setScalar(.03),wing.position.set(.6,.9,0),wingGroup.add(wing);var wing2=wingGroup.clone();wing2.rotation.y=Math.PI,rocket.add(wing2);var wing3=wingGroup.clone();wing3.rotation.y=Math.PI/2,rocket.add(wing3);var wing4=wingGroup.clone();wing4.rotation.y=-Math.PI/2,rocket.add(wing4);var Particles=function(e){var t=this.color=e.color||3355443,r=this.size=e.size||.4,o=this.pointCount=e.pointCount||40,a=this.rangeV=e.rangeV||2,n=this.rangeH=e.rangeH||1,i=this.speed=this.speedTarget=e.speed||5e-4;THREE.Group.call(this);var s=document.createElement("canvas");s.width=s.height=128;var c=s.getContext("2d"),l=s.width/2,d=s.height/2,p=s.width/3;c.beginPath(),c.arc(l,d,p,0,2*Math.PI,!1),c.fillStyle="#fff",c.fill();var u=new THREE.Texture(s);u.premultiplyAlpha=!0,u.needsUpdate=!0;for(var E=new THREE.Geometry,w=new THREE.PointsMaterial({color:t,size:r,map:u,transparent:!0,depthWrite:!1}),h=0;h<o;h++){var m=new THREE.Vector3(THREE.Math.randFloatSpread(n),THREE.Math.randFloatSpread(a),THREE.Math.randFloatSpread(n));m.velocity=new THREE.Vector3(0,-Math.random()*i*100,0),E.vertices.push(m)}var g=this.points=new THREE.Points(E,w);g.position.y=-a/2,g.sortParticles=!0,this.add(g)};Particles.prototype=Object.create(THREE.Group.prototype),Particles.prototype.constructor=Particles,Particles.prototype.update=function(){for(var e=this.pointCount;e--;){var t=this.points.geometry.vertices[e];t.y<-this.rangeV/2&&(t.y=this.rangeV/2,t.velocity.y=0),t.velocity.y-=Math.random()*this.speed,t.add(t.velocity)}this.points.geometry.verticesNeedUpdate=!0},Particles.prototype.updateConstant=function(){for(var e=this.pointCount;e--;){var t=this.points.geometry.vertices[e];t.y<-this.rangeV/2&&(t.y=this.rangeV/2),t.y-=this.speed}this.points.geometry.verticesNeedUpdate=!0};var fire=new Particles({color:16734720,size:.4,rangeH:.8,rangeV:2.5,pointCount:50});rocket.add(fire);var fire2=new Particles({color:16760832,size:.6,rangeH:.5});rocket.add(fire2);var stars=new Particles({color:16777215,size:.6,rangeH:20,rangeV:20,pointCount:400,size:.2,speed:.1});stars.points.position.y=0,scene.add(stars);var plane=new THREE.Plane(new THREE.Vector3(0,0,1),0),rocketTarget=new THREE.Vector3,cameraTarget=new THREE.Vector3;cameraTarget.copy(camera.position);var raycaster=new THREE.Raycaster,mouse=new THREE.Vector2;renderer.domElement.addEventListener("mousemove",mousemove,!1),renderer.domElement.addEventListener("mousedown",mousedown,!1),renderer.domElement.addEventListener("mouseup",mouseup,!1),window.addEventListener("resize",resize,!1);var clock=new THREE.Clock,time=0,angle=THREE.Math.degToRad(3);loop();
//]]>
</script>
<!--</body>--></body>
</HTML>
Public Last updated: 2018-12-08 04:58:58 AM
