网站建设英语_企业建站系统_东莞seo推广_台州seo <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>3D Image album</title><style type="text/css">html {overflow: hidden;-ms-touch-action: none;-ms-content-zooming: none;}body {position: absolute;margin: 0px;padding: 0px;background: #fff;width: 100%;height: 100%;}#canvas {position: absolute;width: 100%;height: 100%;background: #fff;}</style><script type="text/javascript" src="js/ge1doot.js"></script><script type="text/javascript">/* * ==============================================================* CANVAS 3D experiment - * http://www.dhteumeuleu.com/* Author Gerard Ferrandez - 7 June 2010* ------------------------------------------------------------* GFX: Vieeto Voom - http://www.flickr.com/photos/vieeto_voom/* ------------------------------------------------------------* Javascript released under the MIT license* http://www.dhteumeuleu.com/LICENSE.html* Last updated: 12 Dec 2012* ===============================================================*/"use strict";(function() {/* ==== definitions ==== */var diapo = [],layers = [],ctx, pointer, scr, camera, light, fps = 0,quality = [1, 2],// ---- poly constructor ----Poly = function(parent, face) {this.parent = parent;this.ctx = ctx;this.color = face.fill || false;this.points = [];if (!face.img) {// ---- create points ----for (var i = 0; i < 4; i++) {this.points[i] = new ge1doot.transform3D.Point(parent.pc.x + (face.x[i] * parent.normalZ) + (face.z[i] * parent.normalX),parent.pc.y + face.y[i],parent.pc.z + (face.x[i] * parent.normalX) + (-face.z[i] * parent.normalZ));}this.points[3].next = false;}},// ---- diapo constructor ----Diapo = function(path, img, structure) {// ---- create image ----this.img = new ge1doot.transform3D.Image(this, path + img.img, 1, {isLoaded: function(img) {img.parent.isLoaded = true;img.parent.loaded(img);}});this.visible = false;this.normalX = img.nx;this.normalZ = img.nz;// ---- point center ----this.pc = new ge1doot.transform3D.Point(img.x, img.y, img.z);// ---- target positions ----this.tx = img.x + (img.nx * Math.sqrt(camera.focalLength) * 20);this.tz = img.z - (img.nz * Math.sqrt(camera.focalLength) * 20);// ---- create polygons ----this.poly = [];for (var i = -1, p; p = structure[++i];) {layers[i] = (p.img === true ? 1 : 2);this.poly.push(new Poly(this, p));}},// ---- init section ----init = function(json) {// draw poly primitivePoly.prototype.drawPoly = ge1doot.transform3D.drawPoly;// ---- init screen ----scr = new ge1doot.Screen({container: "canvas"});ctx = scr.ctx;scr.resize();// ---- init pointer ----pointer = new ge1doot.Pointer({tap: function() {if (camera.over) {if (camera.over === camera.target.elem) {// ---- return to the center ----camera.target.x = 0;camera.target.z = 0;camera.target.elem = false;} else {// ---- goto diapo ----camera.target.elem = camera.over;camera.target.x = camera.over.tx;camera.target.z = camera.over.tz;// ---- adapt tesselation level to distance ----for (var i = 0, d; d = diapo[i++];) {var dx = camera.target.x - d.pc.x;var dz = camera.target.z - d.pc.z;var dist = Math.sqrt(dx * dx + dz * dz);var lev = (dist > 1500) ? quality[0] : quality[1];d.img.setLevel(lev);}}}}});// ---- init camera ----camera = new ge1doot.transform3D.Camera({focalLength: Math.sqrt(scr.width) * 10,easeTranslation: 0.025,easeRotation: 0.06,disableRz: true}, {move: function() {this.over = false;// ---- rotation ----if (pointer.isDraging) {this.target.elem = false;this.target.ry = -pointer.Xi * 0.01;this.target.rx = (pointer.Y - scr.height * 0.5) / (scr.height * 0.5);} else {if (this.target.elem) {this.target.ry = Math.atan2(this.target.elem.pc.x - this.x,this.target.elem.pc.z - this.z);}}this.target.rx *= 0.9;}});camera.z = -10000;camera.py = 0;// ---- create images ----for (var i = 0, img; img = json.imgdata[i++];) {diapo.push(new Diapo(json.options.imagesPath,img,json.structure));}// ---- start engine ---- >>>setInterval(function() {quality = (fps > 50) ? [2, 3] : [1, 2];fps = 0;}, 1000);run();},// ---- main loop ----run = function() {// ---- clear screen ----ctx.clearRect(0, 0, scr.width, scr.height);// ---- camera ----camera.move();// ---- draw layers ----for (var k = -1, l; l = layers[++k];) {light = false;for (var i = 0, d; d = diapo[i++];) {(l === 1 && d.draw()) ||(d.visible && d.poly[k].draw());}}// ---- cursor ----if (camera.over && !pointer.isDraging) {scr.setCursor("pointer");} else {scr.setCursor("move");}// ---- loop ----fps++;requestAnimFrame(run);};/* ==== prototypes ==== */Poly.prototype.draw = function() {// ---- color light ----var c = this.color;if (c.light || !light) {var s = c.light ? this.parent.light : 1;// ---- rgba color ----light = "rgba(" +Math.round(c.r * s) + "," +Math.round(c.g * s) + "," +Math.round(c.b * s) + "," + (c.a || 1) + ")";ctx.fillStyle = light;}// ---- paint poly ----if (!c.light || this.parent.light < 1) {// ---- projection ----for (var i = 0; this.points[i++].projection(););this.drawPoly();ctx.fill();}}/* ==== image onload ==== */Diapo.prototype.loaded = function(img) {// ---- create points ----var d = [-1, 1, 1, -1, 1, 1, -1, -1];var w = img.texture.width * 0.5;var h = img.texture.height * 0.5;for (var i = 0; i < 4; i++) {img.points[i] = new ge1doot.transform3D.Point(this.pc.x + (w * this.normalZ * d[i]),this.pc.y + (h * d[i + 4]),this.pc.z + (w * this.normalX * d[i]));}}/* ==== images draw ==== */Diapo.prototype.draw = function() {// ---- visibility ----this.pc.projection();if (this.pc.Z > -(camera.focalLength >> 1) && this.img.transform3D(true)) {// ---- light ----this.light = 0.5 + Math.abs(this.normalZ * camera.cosY - this.normalX * camera.sinY) * 0.6;// ---- draw image ----this.visible = true;this.img.draw();// ---- test pointer inside ----if (pointer.hasMoved || pointer.isDown) {if (this.img.isPointerInside(pointer.X,pointer.Y)) camera.over = this;}} else this.visible = false;return true;}return {// --- load data ----load: function(data) {window.addEventListener('load', function() {ge1doot.loadJS("js/imageTransform3D.js",init, data);}, false);}}})().load({imgdata: [// north{img: 'imgs/1.jpg',x: -1000,y: 0,z: 1500,nx: 0,nz: 1},{img: 'imgs/2.jpg',x: 0,y: 0,z: 1500,nx: 0,nz: 1},{img: 'imgs/3.jpg',x: 1000,y: 0,z: 1500,nx: 0,nz: 1},// east{img: 'imgs/4.jpg',x: 1500,y: 0,z: 1000,nx: -1,nz: 0},{img: 'imgs/5.jpg',x: 1500,y: 0,z: 0,nx: -1,nz: 0},{img: 'imgs/6.jpg',x: 1500,y: 0,z: -1000,nx: -1,nz: 0},// south{img: 'imgs/7.jpg',x: 1000,y: 0,z: -1500,nx: 0,nz: -1},{img: 'imgs/8.jpg',x: 0,y: 0,z: -1500,nx: 0,nz: -1},{img: 'imgs/9.jpg',x: -1000,y: 0,z: -1500,nx: 0,nz: -1},// west{img: 'imgs/10.jpg',x: -1500,y: 0,z: -1000,nx: 1,nz: 0},{img: 'imgs/11.jpg',x: -1500,y: 0,z: 0,nx: 1,nz: 0},{img: 'imgs/12.jpg',x: -1500,y: 0,z: 1000,nx: 1,nz: 0}],structure: [{// wallfill: {r: 255,g: 255,b: 255,light: 1},x: [-1001, -490, -490, -1001],z: [-500, -500, -500, -500],y: [500, 500, -500, -500]}, {// wallfill: {r: 255,g: 255,b: 255,light: 1},x: [-501, 2, 2, -500],z: [-500, -500, -500, -500],y: [500, 500, -500, -500]}, {// wallfill: {r: 255,g: 255,b: 255,light: 1},x: [0, 502, 502, 0],z: [-500, -500, -500, -500],y: [500, 500, -500, -500]}, {// wallfill: {r: 255,g: 255,b: 255,light: 1},x: [490, 1002, 1002, 490],z: [-500, -500, -500, -500],y: [500, 500, -500, -500]}, {// shadowfill: {r: 0,g: 0,b: 0,a: 0.2},x: [-420, 420, 420, -420],z: [-500, -500, -500, -500],y: [150, 150, -320, -320]}, {// shadowfill: {r: 0,g: 0,b: 0,a: 0.2},x: [-20, 20, 20, -20],z: [-500, -500, -500, -500],y: [250, 250, 150, 150]}, {// shadowfill: {r: 0,g: 0,b: 0,a: 0.2},x: [-20, 20, 20, -20],z: [-500, -500, -500, -500],y: [-320, -320, -500, -500]}, {// shadowfill: {r: 0,g: 0,b: 0,a: 0.2},x: [-20, 20, 10, -10],z: [-500, -500, -100, -100],y: [-500, -500, -500, -500]}, {// basefill: {r: 32,g: 32,b: 32},x: [-50, 50, 50, -50],z: [-150, -150, -50, -50],y: [-500, -500, -500, -500]}, {// supportfill: {r: 16,g: 16,b: 16},x: [-10, 10, 10, -10],z: [-100, -100, -100, -100],y: [300, 300, -500, -500]}, {// framefill: {r: 255,g: 255,b: 255},x: [-320, -320, -320, -320],z: [0, -20, -20, 0],y: [-190, -190, 190, 190]}, {// framefill: {r: 255,g: 255,b: 255},x: [320, 320, 320, 320],z: [0, -20, -20, 0],y: [-190, -190, 190, 190]},{img: true},{// ceilingLightfill: {r: 255,g: 128,b: 0},x: [-50, 50, 50, -50],z: [450, 450, 550, 550],y: [500, 500, 500, 500]}, {// groundLightfill: {r: 255,g: 128,b: 0},x: [-50, 50, 50, -50],z: [450, 450, 550, 550],y: [-500, -500, -500, -500]}],options: {imagesPath: ""}});</script></head><body><canvas id="canvas">你的浏览器不支持HTML5画布技术，请使用谷歌浏览器。</canvas></body></html>">

中网建站

我要做网站、深圳seo网络推广、永久使用、不限域名、深圳网站关键词优化

廊坊网站优化？

  1. 首页
  2. 学做网站论坛
  3. 正文

网站建设英语_企业建站系统_东莞seo推广_台州seo

网站建设英语 2024-09-19 19:44:40 33131

1、XML文档的声明

烟台网站制作公司网站优化 北京东莞seo优化网站价格太原网站优化电商平台建设贵州网站优化凡客商城旅游网站源码下载成都网站公司长沙域名注册公司小程序制作软件沈阳网站建设苏州网站公司湘潭seoseo成都公司网站创建学做网站论坛武汉seo成都做小程序建设网站费用西安网页设计网上交易系统武汉网络营销公司我要做网站定制app开发关键词企业网站设计费用东莞网站排名优化网站建设师多用户b2c商城系统

猜你喜欢

×
电话
留言
咨询
首页
  • 友情链接：
    • 湖南网络营销 南京网站建设公司 外贸网店系统 72建站网 外贸网站设计 公司做网站要多少钱
    Copyright © 2024 网站建设英语 版权所有  网站地图
    网站建设英语，一家专业营销型网站建设公司、响应式网站制作公司，提供企业响应式网站建设、自适应企业网站模板、营销型网站制作、响应式企业网站模板制作等服务。