cav デモへの h5QQ ログイン例の詳細な説明

html5背景 *{margin:0;padding:0;list-style-type:none;} a,img{border:0;}

$(function () { if (!window.ActiveXObject && !!document.createElement("canvas").getContext) { $.getScript( "http://im-img.qq.com/pcqq/js/200/cav.js?_=1428576021379", function () { var t = { 幅: 1.5、 高さ: 1.5、 奥行き: 10、 セグメント: 12、 スライス: 6、 xRange: 0.8、 yRange: 0.1、 zRange: 1、 アンビエント: "#525252"、 拡散: "#FFFFFF", 速度: 0.0002 } ; var G = { count: 2, xyScalar: 1, zオフセット: 100、 アンビエント: "#002c4a"、 拡散: "#005584"、 速度: 0.001、 重力: 1200, 減衰: 0.95、 最小制限: 10、 最大制限: null、 最小距離: 20、 maxDistance: 400、 自動操縦: false、 描画: false、 CAV.Vector3 .create(), ステップ: CAV.Vector3.create(Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1)) }; var m = "キャンバス"; var E = "svg"; var x = { レンダラ: m }; var i, n = Date.now (); var L = CAV.Vector3.create(); var k = CAV.Vector3.create( ); var z = document.getElementById("container"); var w = document.getElementById("anitOut"); var D、I、h、q、 ; var g; var r;

関数 C() { F(); p(); s(); B(); v(); K(z.offsetWidth, z.offsetHeight); o() }

function F() { g = new CAV.CanvasRenderer(); H(x.renderer) }

function H(N) { if (D) { w.removeChild(D.element) } スイッチ(N){ case m: D = g; 休憩 } } D.setSize(z.offsetWidth, z.offsetHeight); w.appendChild(D.element) }

関数 p() { I = 新しい CAV。 Scene() }

function s() { I.remove(h); D.clear(); q = new CAV.Plane(t.width * D.width, t.height * D.height 、t.segments、t.slices); y = 新しい CAV.material(t.ambient, t.diffuse); h = 新しい CAV.Mesh(q, y); I.add(h); var N, O; for (N = q.vertices.length - 1; N >= 0; N--) { O = q.vertices[N]; O.anchor = CAV.Vector3.clone(O .position); O.step = CAV.Vector3.create(Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1)); O.time = 数学。 randomInRange(0, Math.PIM2) } }

関数 B() { var O, N; for (O = I.lights.length - 1; O >= 0; O--) { N = I.lights[O]; I.remove(N) } D.clear(); for (O = 0; O N = 新しい CAV.Light(G.ambient, G.diffuse); N.ambientHex = N.ambient.format(); N.diffuseHex = N.diffuse.format(); I.add(N); N.mass = Math.randomInRange(0.5, 1); N.速度 = CAV.Vector3.create(); N.acceleration = CAV.Vector3.create(); N.force = CAV.Vector3.create() } }

関数 K(O, N) { D.setSize(O, N); CAV.Vector3.set(L, D.halfWidth, D.halfHeight); s() }

function o() { i = Date.now() - n ; u(); M(); requestAnimationFrame(o) }

function M() { D.render(I) }

関数 v( ){ window.addEventListener("resize", j) }

function A(N) { CAV.Vector3.set(k, N.x, D.height - N.y) ; CAV.Vector3.subtract(k, L) }

function j(N) { K(z.offsetWidth, z.offsetHeight); M() }

C(); }) } else { alert('调用cav.js失败' ); } });

cav デモへの h5QQ ログイン例の詳細な説明

関連記事