Changeset 29553

Timestamp:

02/05/09 02:23:15 (4 years ago)

Author:

gyuque

Message:

added new sample

Location:

lang/javascript/jscloth/trunk

Files:

• miku.html (added)
• miku.js (added)
• mikudat (added)
• mikudat/meshdata.js (added)
• mikudat/sh.png (added)
• mikudat/tex.png (added)
• parpevision.js (modified) (3 diffs)

lang/javascript/jscloth/trunk/parpevision.js

@@ -110 +110 @@
 }
 
+P3D.drawByIndexBuffer = function(pos_buf, ix_buf, tx_buf, culling) {
+        var w = this.texture.width;
+        var h = this.texture.height;
+        var g = this.g;
+        var m = new M22();
+
+        if (!culling) culling = 0;
+
+        if ((ix_buf.length%3) != 0)
+                throw "invalid index buffer length!";
+
+        var i, ibase, vbase, tbase, poss = [{},{},{}], uvs = [{},{},{}];
+        var len = ix_buf.length/3;
+
+        g.strokeStyle = "#050";
+        g.fillStyle = "#fff";
+        for (i = 0, ibase = 0;i < len;++i)
+        {
+                tbase = ix_buf[ibase++] << 1
+                vbase = tbase << 1;
+                poss[0].x = pos_buf[vbase++]; uvs[0].u = tx_buf[tbase++];
+                poss[0].y = pos_buf[vbase  ]; uvs[0].v = tx_buf[tbase];
+
+                tbase = ix_buf[ibase++] << 1
+                vbase = tbase << 1;
+                poss[1].x = pos_buf[vbase++]; uvs[1].u = tx_buf[tbase++];
+                poss[1].y = pos_buf[vbase  ]; uvs[1].v = tx_buf[tbase];
+
+                tbase = ix_buf[ibase++] << 1
+                vbase = tbase << 1;
+                poss[2].x = pos_buf[vbase++]; uvs[2].u = tx_buf[tbase++];
+                poss[2].y = pos_buf[vbase  ]; uvs[2].v = tx_buf[tbase];
+/*
+g.beginPath();
+g.moveTo(poss[0].x, poss[0].y);
+g.lineTo(poss[1].x, poss[1].y);
+g.lineTo(poss[2].x, poss[2].y);
+g.stroke();
+g.fill();
+continue;
+*/
+                var vAd = [ poss[1].x - poss[0].x , poss[1].y - poss[0].y ];
+                var vBd = [ poss[2].x - poss[0].x , poss[2].y - poss[0].y ];
+
+                var vCd = [ poss[2].x - poss[1].x , poss[2].y - poss[1].y ];
+                
+                // z component of cross product < 0 ?
+                if( (((vAd[0] * vCd[1]) - (vAd[1] * vCd[0]))*culling) < 0)
+                        continue;
+
+                var vA = [ uvs[1].u - uvs[0].u , uvs[1].v - uvs[0].v ];
+                var vB = [ uvs[2].u - uvs[0].u , uvs[2].v - uvs[0].v ];
+
+                vA[0] *= w;
+                vA[1] *= h;
+
+                vB[0] *= w;
+                vB[1] *= h;
+
+                m._11 = vA[0];
+                m._12 = vA[1];
+                m._21 = vB[0];
+                m._22 = vB[1];
+
+                var im = m.getInvert();
+                if (!im) { continue;}
+
+                var a = im._11 * vAd[0] + im._12 * vBd[0];
+                var b = im._21 * vAd[0] + im._22 * vBd[0];
+
+                var c = im._11 * vAd[1] + im._12 * vBd[1];
+                var d = im._21 * vAd[1] + im._22 * vBd[1];
+
+                var wu = uvs[0].u * w;
+                var hv = uvs[0].v * h;
+                var du = wu * a + hv * b;
+                var dv = wu * c + hv * d;
+
+                g.save();
+
+                g.beginPath();
+                g.moveTo(poss[0].x, poss[0].y);
+                g.lineTo(poss[1].x, poss[1].y);
+                g.lineTo(poss[2].x, poss[2].y);
+                g.clip();
+
+                g.transform(a, c, b, d, poss[0].x - du, poss[0].y - dv);
+
+                // bounds
+                var bx = [wu, wu+vA[0], wu+vB[0]];
+                var by = [hv, hv+vA[1], hv+vB[1]];
+
+                bx.sort(P3D.num_cmp);
+                by.sort(P3D.num_cmp);
+
+                var bw = bx[2] - bx[0];
+                var bh = by[2] - by[0];
+
+                if ((bx[0]+bw) <= (w-1)) bw++;
+                if ((by[0]+bh) <= (h-1)) bh++;
+                if (bx[0] >= 1) {bx[0]--; bw++;}
+                if (by[0] >= 1) {by[0]--; bh++;}
+
+                g.drawImage(this.texture, bx[0], by[0], bw, bh, bx[0], by[0], bw, bh);
+/*
+                if (shade_clr) {
+                        g.fillStyle = shade_clr;
+                        g.fillRect(bx[0], by[0], bw, bh);
+                }
+*/
+                g.restore();
+
+        }
+
+}
 
 function Vec3(_x, _y, _z)
@@ -188 +303 @@
                 this.copyFrom(cpy);
         else {
-                this._11 = 1, this._12 = 0, this._13 = 0, this._14 = 0;
-                this._21 = 0, this._22 = 1, this._23 = 0, this._24 = 0;
-                this._31 = 0, this._32 = 0, this._33 = 1, this._34 = 0;
-                this._41 = 0, this._42 = 0, this._43 = 0, this._44 = 1;
+                this.ident();
         }
 }
 
 M44.prototype = {
+        ident: function() {
+                          this._12 = this._13 = this._14 = 0;
+                this._21 =       this._23 = this._24 = 0;
+                this._31 = this._32 =       this._34 = 0;
+                this._41 = this._42 = this._43 =       0;
+
+                this._11 = this._22 = this._33 = this._44 = 1;
+
+                return this;
+        },
+
         copyFrom: function(m) {
                 this._11 = m._11;
@@ -301 +424 @@
 
                 return this;
+        },
+
+        translate: function(x, y, z) {
+                this._11 = 1;  this._12 = 0;  this._13 = 0;  this._14 = 0;
+                this._21 = 0;  this._22 = 1;  this._23 = 0;  this._24 = 0;
+                this._31 = 0;  this._32 = 0;  this._33 = 1;  this._34 = 0;
+
+                this._41 = x;  this._42 = y;  this._43 = z;  this._44 = 1;
+                return this;
+        },
+
+        transpose33: function() {
+                var t;
+
+                t = this._12;
+                this._12 = this._21;
+                this._21 = t;
+
+                t = this._13;
+                this._13 = this._31;
+                this._31 = t;
+
+                t = this._23;
+                this._23 = this._32;
+                this._32 = t;
+
+                return this;
+        },
+
+        // OpenGL style rotation
+        glRotate: function(angle, x, y, z) {
+                var s = Math.sin( angle );
+                var c = Math.cos( angle );
+
+                var xx = x * x;
+                var yy = y * y;
+                var zz = z * z;
+                var xy = x * y;
+                var yz = y * z;
+                var zx = z * x;
+                var xs = x * s;
+                var ys = y * s;
+                var zs = z * s;
+                var one_c = 1.0 - c;
+/*
+                this._11 = (one_c * xx) + c;
+                this._21 = (one_c * xy) - zs;
+                this._31 = (one_c * zx) + ys;
+                this._41 = 0;
+
+                this._12 = (one_c * xy) + zs;
+                this._22 = (one_c * yy) + c;
+                this._32 = (one_c * yz) - xs;
+                this._42 = 0;
+
+                this._13 = (one_c * zx) - ys;
+                this._23 = (one_c * yz) + xs;
+                this._33 = (one_c * zz) + c;
+                this._43 = 0;
+
+                this._14 = 0;
+                this._24 = 0;
+                this._34 = 0;
+                this._44 = 1;
+*/
+
+                this._11 = (one_c * xx) + c;
+                this._12 = (one_c * xy) - zs;
+                this._13 = (one_c * zx) + ys;
+                this._14 = 0;
+
+                this._21 = (one_c * xy) + zs;
+                this._22 = (one_c * yy) + c;
+                this._23 = (one_c * yz) - xs;
+                this._24 = 0;
+
+                this._31 = (one_c * zx) - ys;
+                this._32 = (one_c * yz) + xs;
+                this._33 = (one_c * zz) + c;
+                this._34 = 0;
+
+                this._41 = 0;
+                this._42 = 0;
+                this._43 = 0;
+                this._44 = 1;
+
+                return this;
         }
+
 }