├── README.md
├── codef
    ├── README.md
    ├── codef_3d.js
    ├── codef_core.js
    ├── codef_decrunch.js
    ├── codef_fx.js
    ├── codef_gradient.js
    ├── codef_mouse.js
    ├── codef_music.NoMinified.js
    ├── codef_music.js
    ├── codef_scrolltext.js
    ├── codef_starfield.js
    ├── codef_stats.js
    ├── codef_tween.js
    ├── glsl.js
    ├── index.php
    └── pt.js
└── tutorials
    ├── 00_core.html
    ├── 01_core.html
    ├── 02_core.html
    ├── 03_core.html
    ├── 04_core.html
    ├── 05_core.html
    ├── 06_core.html
    ├── 100_GL.html
    ├── 101_GL.html
    ├── 10_gradient.html
    ├── 20_fx.html
    ├── 30_scrolltext.html
    ├── 31_scrolltext.html
    ├── 32_scrolltext.html
    ├── 33_scrolltext.html
    ├── 34_scrolltext.html
    ├── 35_mouse.html
    ├── 35_scrolltext.html
    ├── 40_starfield.html
    ├── 41_starfield.html
    ├── 42_starfield.html
    ├── 50_3d.html
    ├── 51_3d.html
    ├── 52_3d.html
    ├── 53_3d.html
    ├── 54_3d.html
    ├── 55_3d.html
    ├── 56_3d.html
    ├── 57_3d.html
    ├── 58_3d.html
    ├── 59_3d.html
    ├── 60_3d.html
    ├── 61_3d.html
    ├── 62_3d.html
    ├── 63_3d.html
    ├── 64_3d.html
    ├── 65_3d.html
    ├── 66_3d.html
    ├── 67_3d.html
    ├── 68_3d.html
    ├── 69_3d.html
    ├── 70_3d.html
    ├── 71_3d.html
    ├── 72_3d.html
    ├── 80_music.html
    ├── 81_music.html
    ├── 90_intro.html
    ├── 91_intro.html
    ├── 92_intro.html
    ├── index.html
    └── media
        ├── A Prehistoric Tale  7.ym
        ├── ball0.png
        ├── ball1.png
        ├── ball2.png
        ├── ball3.png
        ├── bubble0.png
        ├── bubble1.png
        ├── bubble2.png
        ├── codeflogotuto.png
        ├── envmap.png
        ├── font1.png
        ├── font2.png
        ├── hmd3.mod
        ├── logo.png
        ├── texture1.png
        └── tileset.png


/README.md:
--------------------------------------------------------------------------------
1 | ![Alt text](http://codef.santo.fr/tutorials/media/logo.png)
2 | 
3 | **..:: Canvas Oldschool Demo Effects Framework ::..**
4 | 
5 | Codef HomePage : http://codef.santo.fr
6 | 
7 | 


--------------------------------------------------------------------------------
/codef/README.md:
--------------------------------------------------------------------------------
1 | ![Alt text](http://codef.santo.fr/tutorials/media/logo.png)  
2 | **..:: Canvas Oldschool Demo Effects Framework ::..**
3 | 
4 | 


--------------------------------------------------------------------------------
/codef/codef_fx.js:
--------------------------------------------------------------------------------
  1 | /*------------------------------------------------------------------------------
  2 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
  3 | 
  4 | This File is part of the CODEF project.
  5 | 
  6 | More info : http://codef.santo.fr
  7 | Demo gallery http://www.wab.com
  8 | 
  9 | Permission is hereby granted, free of charge, to any person obtaining a copy
 10 | of this software and associated documentation files (the "Software"), to deal
 11 | in the Software without restriction, including without limitation the rights
 12 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 13 | copies of the Software, and to permit persons to whom the Software is
 14 | furnished to do so, subject to the following conditions:
 15 | 
 16 | The above copyright notice and this permission notice shall be included in
 17 | all copies or substantial portions of the Software.
 18 | 
 19 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 20 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 21 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 22 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 23 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 24 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 25 | THE SOFTWARE.
 26 | ------------------------------------------------------------------------------*/
 27 | 
 28 | function FX(src, dst, params){
 29 | 	this.src=src;
 30 | 	this.dst=dst;
 31 | 	this.params=params;
 32 | 
 33 | 	this.siny = function(posx,posy){
 34 | 		var oldvalue=new Array();
 35 | 		var tmp=this.dst.contex.globalAlpha;
 36 | 		this.dst.contex.globalAlpha=1;
 37 | 		for(var j=0;j<this.params.length;j++){
 38 | 			oldvalue[j]=this.params[j].value;
 39 | 		}
 40 | 		for(var i=0;i<this.src.canvas.width;i++){
 41 | 			var prov = 0;
 42 | 			for(var j=0;j<this.params.length;j++){
 43 | 				prov += Math.sin(this.params[j].value)*this.params[j].amp;
 44 | 			}
 45 | 			
 46 | 			this.src.drawPart(this.dst,i+posx,prov+posy,i,0,1,this.src.canvas.height);
 47 | 
 48 | 			for(var j=0;j<this.params.length;j++){
 49 | 				this.params[j].value+=this.params[j].inc;
 50 | 			}
 51 | 		}
 52 | 		for(var j=0;j<this.params.length;j++){
 53 | 			this.params[j].value=oldvalue[j]+this.params[j].offset;
 54 | 		}
 55 | 		this.dst.contex.globalAlpha=tmp;
 56 | 	}
 57 | 	
 58 | 	this.zoomy = function(posx,posy,max){
 59 | 		var oldvalue=new Array();
 60 | 		var tmp=this.dst.contex.globalAlpha;
 61 | 		this.dst.contex.globalAlpha=1;
 62 | 		for(var j=0;j<this.params.length;j++){
 63 | 			oldvalue[j]=this.params[j].value;
 64 | 		}
 65 | 		for(var i=0;i<this.src.canvas.width;i++){
 66 | 			var prov = 0;
 67 | 			for(var j=0;j<this.params.length;j++){
 68 | 				prov += Math.sin(this.params[j].value)*this.params[j].amp;
 69 | 			}
 70 | 			
 71 | 			this.src.drawPart(this.dst,i+posx,posy,i,0,1,this.src.canvas.height,1,0,1,prov);
 72 | 
 73 | 			for(var j=0;j<this.params.length;j++){
 74 | 				this.params[j].value+=this.params[j].inc;
 75 | 			}
 76 | 		}
 77 | 		for(var j=0;j<this.params.length;j++){
 78 | 			this.params[j].value=oldvalue[j]+this.params[j].offset;
 79 | 		}
 80 | 		this.dst.contex.globalAlpha=tmp;
 81 | 	}
 82 | 	
 83 | 	this.sinx = function(posx,posy){
 84 | 		var tmp=this.dst.contex.globalAlpha;
 85 | 		this.dst.contex.globalAlpha=1;
 86 | 		var oldvalue=new Array();
 87 | 		for(var j=0;j<this.params.length;j++){
 88 | 			oldvalue[j]=this.params[j].value;
 89 | 		}
 90 | 		for(var i=0;i<this.src.canvas.height;i++){
 91 | 			var prov = 0;
 92 | 			for(var j=0;j<this.params.length;j++){
 93 | 				prov += Math.sin(this.params[j].value)*this.params[j].amp;
 94 | 			}
 95 | 			
 96 | 			this.src.drawPart(this.dst,prov+posx,i+posy,0,i,this.src.canvas.width,1);
 97 | 			
 98 | 			for(var j=0;j<this.params.length;j++){
 99 | 				this.params[j].value+=this.params[j].inc;
100 | 			}
101 | 		}
102 | 		for(var j=0;j<this.params.length;j++){
103 | 			this.params[j].value=oldvalue[j]+this.params[j].offset;
104 | 		}
105 | 		this.dst.contex.globalAlpha=tmp;
106 | 	}
107 | 	
108 | 	this.zoomx = function(posx,posy,max){
109 | 		var tmp=this.dst.contex.globalAlpha;
110 | 		this.dst.contex.globalAlpha=1;
111 | 		var oldvalue=new Array();
112 | 		for(var j=0;j<this.params.length;j++){
113 | 			oldvalue[j]=this.params[j].value;
114 | 		}
115 | 		for(var i=0;i<this.src.canvas.height;i++){
116 | 			var prov = 0;
117 | 			for(var j=0;j<this.params.length;j++){
118 | 				prov += max+this.params[j].amp+Math.sin(this.params[j].value)*this.params[j].amp;
119 | 			}
120 | 			
121 | 			this.src.drawPart(this.dst,posx,i+posy,0,i,this.src.canvas.width,1,1,0,prov,1);
122 | 			
123 | 			for(var j=0;j<this.params.length;j++){
124 | 				this.params[j].value+=this.params[j].inc;
125 | 			}
126 | 		}
127 | 		for(var j=0;j<this.params.length;j++){
128 | 			this.params[j].value=oldvalue[j]+this.params[j].offset;
129 | 		}
130 | 		this.dst.contex.globalAlpha=tmp;
131 | 	}
132 | 
133 | 	
134 | }
135 | 


--------------------------------------------------------------------------------
/codef/codef_gradient.js:
--------------------------------------------------------------------------------
  1 | /*------------------------------------------------------------------------------
  2 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
  3 | 
  4 | This File is part of the CODEF project.
  5 | 
  6 | More info : http://codef.santo.fr
  7 | Demo gallery http://www.wab.com
  8 | 
  9 | Permission is hereby granted, free of charge, to any person obtaining a copy
 10 | of this software and associated documentation files (the "Software"), to deal
 11 | in the Software without restriction, including without limitation the rights
 12 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 13 | copies of the Software, and to permit persons to whom the Software is
 14 | furnished to do so, subject to the following conditions:
 15 | 
 16 | The above copyright notice and this permission notice shall be included in
 17 | all copies or substantial portions of the Software.
 18 | 
 19 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 20 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 21 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 22 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 23 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 24 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 25 | THE SOFTWARE.
 26 | ------------------------------------------------------------------------------*/
 27 | 
 28 | /**
 29 |         <b>Create a new gradient object.</b><br>
 30 |         grad(dst, params)<br>
 31 |         @class grad
 32 |         @param {Object} dst The destination canvas.
 33 |         @param {Array} params An Array of the gradient definition.
 34 |         @property {Object} The destination canvas.
 35 |         @property {Array} params An Array of the gradient definition.
 36 | 	@example
 37 | 	// gradient param is normalized, this example will declare 
 38 | 	// Black a start
 39 | 	// Blue at the 1st quarter
 40 | 	// Black at the half
 41 | 	// Blue at the 3rd quarter
 42 | 	// then Black at the end
 43 | 
 44 | 	var mygradcolor=[{color: 'rgb(0,0,0)' ,  offset:0},
 45 | 		  	 {color: 'rgb(0,0,255)', offset:0.25},
 46 | 			 {color: 'rgb(0,0,0)' ,  offset:0.5},
 47 | 			 {color: 'rgb(0,0,255)', offset:0.75},
 48 | 			 {color: 'rgb(0,0,0)' ,  offset:1}
 49 | 			];
 50 | 
 51 | 	var mygrad = new grad(mycanvas, mygradcolor);
 52 | */
 53 | function grad(dst,params){
 54 | 	this.dst=dst;
 55 | 	this.params=params;
 56 | 	
 57 | 	/**
 58 |                 <b>Draw the gradient Horizontally.</b><br>
 59 |                 grad.drawH()<br>
 60 | 
 61 |                 @function grad.drawH
 62 |                 @example
 63 |                 mygrad.drawH();
 64 |         */
 65 | 	this.drawH = function(){
 66 | 		var tmp=this.dst.contex.fillStyle;
 67 | 		var tmp2=this.dst.contex.globalAlpha;
 68 | 		this.dst.contex.globalAlpha=1;
 69 | 		var lingrad = this.dst.contex.createLinearGradient(0,0,0,this.dst.canvas.height);
 70 | 		for(var j=0;j<this.params.length;j++){
 71 | 			this.params[j].offset = Math.min(Math.max(this.params[j].offset, 0.0), 1.0);
 72 | 			lingrad.addColorStop(this.params[j].offset, this.params[j].color);
 73 | 		}
 74 | 		this.dst.contex.fillStyle = lingrad;
 75 | 		this.dst.contex.fillRect(0,0,this.dst.canvas.width,this.dst.canvas.height);
 76 | 		this.dst.contex.fillStyle=tmp;
 77 | 		this.dst.contex.globalAlpha=tmp2;
 78 | 	}
 79 | 	
 80 | 	/**
 81 |                 <b>Draw the gradient Verticaly.</b><br>
 82 |                 grad.drawV()<br>
 83 | 
 84 |                 @function grad.drawV
 85 |                 @example
 86 |                 mygrad.drawV();
 87 |         */
 88 | 	this.drawV = function(){
 89 | 		var tmp=this.dst.contex.fillStyle;
 90 | 		var tmp2=this.dst.contex.globalAlpha;
 91 | 		this.dst.contex.globalAlpha=1;
 92 | 		var lingrad = this.dst.contex.createLinearGradient(0,0,this.dst.canvas.width,0);
 93 | 		for(var j=0;j<this.params.length;j++){
 94 | 			this.params[j].offset = Math.min(Math.max(this.params[j].offset, 0.0), 1.0);
 95 | 			lingrad.addColorStop(this.params[j].offset, this.params[j].color);
 96 | 		}
 97 | 		this.dst.contex.fillStyle = lingrad;
 98 | 		this.dst.contex.fillRect(0,0,this.dst.canvas.width,this.dst.canvas.height);
 99 | 		this.dst.contex.fillStyle=tmp;
100 | 		this.dst.contex.globalAlpha=tmp2;
101 | 	}
102 | }
103 | 


--------------------------------------------------------------------------------
/codef/codef_mouse.js:
--------------------------------------------------------------------------------
 1 | /*------------------------------------------------------------------------------
 2 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 3 | 
 4 | This File is part of the CODEF project.
 5 | 
 6 | More info : http://codef.santo.fr
 7 | Demo gallery http://www.wab.com
 8 | 
 9 | Permission is hereby granted, free of charge, to any person obtaining a copy
10 | of this software and associated documentation files (the "Software"), to deal
11 | in the Software without restriction, including without limitation the rights
12 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
13 | copies of the Software, and to permit persons to whom the Software is
14 | furnished to do so, subject to the following conditions:
15 | 
16 | The above copyright notice and this permission notice shall be included in
17 | all copies or substantial portions of the Software.
18 | 
19 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
20 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
21 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
22 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
23 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
24 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
25 | THE SOFTWARE.
26 | ------------------------------------------------------------------------------*/
27 | 
28 | function MouseTracker(){
29 |         this.list=new Array();
30 | 
31 |         this.addMouseTrack = function(cvs,ctxmenu){
32 |                  this.list.push(cvs);
33 |                  cvs.canvas.MousePosXTmp = -1000000;
34 |                  cvs.canvas.MousePosYTmp = -1000000;
35 |                  cvs.canvas.MouseButtTmp =  0;
36 |                  cvs.MousePosX = -1000000;
37 |                  cvs.MousePosY = -1000000;
38 |                  cvs.MouseButt =  0;
39 |          
40 |                  cvs.canvas.addEventListener('mouseout', function(){
41 |                         this.MousePosXTmp = -1000000;
42 |                         this.MousePosYTmp = -1000000;
43 |                         this.MouseButtTmp =  0;
44 |                  }, false);
45 | 
46 |                 cvs.canvas.addEventListener('mousemove', function(ev){
47 | 			rect = this.getBoundingClientRect();
48 | 			this.MousePosXTmp = Math.round(ev.clientX - rect.left);
49 | 			this.MousePosYTmp = Math.round(ev.clientY - rect.top);
50 |                 }, false);
51 | 
52 |                 cvs.canvas.addEventListener('mousedown', function(ev){
53 |                         this.MouseButtTmp = ev.which;
54 |                 }, false);
55 | 
56 |                 cvs.canvas.addEventListener('mouseup', function(ev){
57 |                         this.MouseButtTmp = 0;
58 |                 }, false);
59 | 
60 | 
61 | 		if(ctxmenu==false){
62 | 		  cvs.canvas.addEventListener('contextmenu', function(e) {
63 | 			  if (e.button === 2) {
64 | 				e.preventDefault();
65 | 				return false;
66 | 			  }
67 | 		  }, false);
68 | 		}
69 | 
70 | 
71 |         }
72 | 
73 |         this.MouseUpdate=function(){
74 |                 for(var i=0; i<this.list.length; i++){
75 |                         this.list[i].MouseButt = this.list[i].canvas.MouseButtTmp;
76 |                         this.list[i].MousePosX = this.list[i].canvas.MousePosXTmp;
77 |                         this.list[i].MousePosY = this.list[i].canvas.MousePosYTmp;
78 |                 }
79 |         }
80 | 
81 | }
82 | 


--------------------------------------------------------------------------------
/codef/codef_scrolltext.js:
--------------------------------------------------------------------------------
  1 | /*------------------------------------------------------------------------------
  2 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
  3 | 
  4 | This File is part of the CODEF project.
  5 | 
  6 | More info : http://codef.santo.fr
  7 | Demo gallery http://www.wab.com
  8 | 
  9 | Permission is hereby granted, free of charge, to any person obtaining a copy
 10 | of this software and associated documentation files (the "Software"), to deal
 11 | in the Software without restriction, including without limitation the rights
 12 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 13 | copies of the Software, and to permit persons to whom the Software is
 14 | furnished to do so, subject to the following conditions:
 15 | 
 16 | The above copyright notice and this permission notice shall be included in
 17 | all copies or substantial portions of the Software.
 18 | 
 19 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 20 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 21 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 22 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 23 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 24 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 25 | THE SOFTWARE.
 26 | ------------------------------------------------------------------------------*/
 27 | 
 28 | function ltrobj(posx,posy,ltr){
 29 | 	this.posx=posx;
 30 | 	this.posy=posy;
 31 | 	this.ltr=ltr;
 32 | 	return this;
 33 | }
 34 | 
 35 | function sortPosx(a, b) {
 36 |         var x = a.posx;
 37 |         var y = b.posx;
 38 |         return ((x < y) ? -1 : ((x > y) ? 1 : 0));
 39 | }
 40 | 
 41 | function sortPosy(a, b) {
 42 |         var x = a.posy;
 43 |         var y = b.posy;
 44 |         return ((x < y) ? -1 : ((x > y) ? 1 : 0));
 45 | }
 46 | 
 47 | function scrolltext_horizontal(){
 48 | 	this.scroffset=0;
 49 | 	this.oldspeed=0;
 50 | 	this.speed=1;
 51 | 	this.font;
 52 | 	this.letters = new Object();
 53 | 	this.scrtxt=" ";
 54 | 	this.pausetimer=0;
 55 | 	this.pausedelay=0;
 56 |  
 57 | 	this.init = function(dst, font,speed,sinparam,type){
 58 | 		this.speed=speed;
 59 | 		this.dst=dst;
 60 | 		this.font=font;
 61 | 		this.fontw = this.font.tilew;
 62 | 		this.fonth = this.font.tileh;
 63 | 		this.fontstart = this.font.tilestart;
 64 | 		this.wide=Math.ceil(this.dst.canvas.width/this.fontw)+1;
 65 | 		for(i=0;i<=this.wide;i++){
 66 | 			this.letters[i]=new ltrobj(Math.ceil((this.wide*this.fontw)+i*this.fontw),0,this.scrtxt.charCodeAt(this.scroffset));
 67 | 			this.scroffset++;
 68 | 		}
 69 | 		if(typeof(sinparam)!='undefined')
 70 |                         this.sinparam=sinparam;
 71 | 		if(typeof(type)=='undefined')
 72 |                         this.type=0;
 73 | 		else
 74 | 			this.type=type;
 75 | 	}
 76 |  
 77 | 	this.draw = function(posy){
 78 | 		var prov = 0;
 79 | 		var temp = new Array();
 80 | 		var tmp=this.dst.contex.globalAlpha;
 81 | 		this.dst.contex.globalAlpha=1;
 82 | 		var oldvalue=new Array();
 83 | 		var i;
 84 | 		if(typeof(this.sinparam)!='undefined'){
 85 | 			for(var j=0;j<this.sinparam.length;j++){
 86 | 				oldvalue[j]=this.sinparam[j].myvalue;
 87 | 			}
 88 | 		}
 89 | 		if(this.speed==0){
 90 | 			this.pausetimer+=1;
 91 | 			if(this.pausetimer==60*this.pausedelay){
 92 | 				this.speed=this.oldspeed;
 93 | 			}
 94 | 		}
 95 | 		var speed=this.speed;
 96 | 		for(i=0;i<=this.wide;i++){
 97 | 			this.letters[i].posx-=speed;
 98 | 			if(this.letters[i].posx<=-this.fontw){
 99 | 				if(this.scrtxt.charAt(this.scroffset) =="^"){
100 | 					if(this.scrtxt.charAt(this.scroffset+1) =="P"){
101 | 						this.pausedelay=this.scrtxt.charAt(this.scroffset+2);
102 | 						this.pausetimer=0;
103 | 						this.oldspeed=this.speed;
104 | 						this.speed=0;
105 | 						this.scroffset+=3;
106 | 					}
107 | 					else if(this.scrtxt.charAt(this.scroffset+1) =="S"){
108 | 						this.speed=this.scrtxt.charAt(this.scroffset+2);
109 | 						this.scroffset+=3;
110 | 					}
111 | 					//
112 | 					// ADDON by Robert Annett
113 | 					//
114 | 					else if(this.scrtxt.charAt(this.scroffset+1) =="C"){
115 | 						var end = this.scrtxt.indexOf(';', this.scroffset+2);
116 | 						var functionName = this.scrtxt.substring(this.scroffset+2, end);			
117 | 						window[functionName]();
118 | 						this.scroffset+=(end-this.scroffset)+1;
119 | 					}
120 | 				}else{
121 | 					this.letters[i].posx=this.wide*this.fontw+(this.letters[i].posx+this.fontw);
122 | 					if(typeof(this.sinparam)!='undefined'){
123 | 						for(var j=0;j<this.sinparam.length;j++){
124 | 							oldvalue[j]+=this.sinparam[j].inc;
125 | 						}
126 | 					}
127 | 					this.letters[i].ltr=this.scrtxt.charCodeAt(this.scroffset);
128 | 					this.scroffset++;
129 | 					if(this.scroffset> this.scrtxt.length-1)
130 | 						this.scroffset=0;
131 | 				}
132 | 			}
133 | 		}
134 | 		if(typeof(this.sinparam)!='undefined'){
135 | 			for(var j=0;j<this.sinparam.length;j++){
136 | 					this.sinparam[j].myvalue=oldvalue[j];
137 | 			}
138 | 		}
139 | 		
140 | 		for(j=0;j<=this.wide;j++){
141 | 			temp[j]={indice:j, posx:this.letters[j].posx};
142 | 		}
143 | 		temp.sort(sortPosx);
144 | 		for(i=0;i<=this.wide;i++){
145 | 			if(typeof(this.sinparam)!='undefined'){
146 | 				prov = 0;
147 | 				for(var j=0;j<this.sinparam.length;j++){
148 | 					if(this.type==0)
149 | 						prov += Math.sin(this.sinparam[j].myvalue)*this.sinparam[j].amp;
150 | 					if(this.type==1)
151 | 						prov += -Math.abs(Math.sin(this.sinparam[j].myvalue)*this.sinparam[j].amp);
152 | 					if(this.type==2)
153 | 						prov += Math.abs(Math.sin(this.sinparam[j].myvalue)*this.sinparam[j].amp);
154 | 
155 | 				}
156 | 			}
157 | 			this.font.drawTile(this.dst,this.letters[temp[i].indice].ltr-this.fontstart,this.letters[temp[i].indice].posx,prov+posy);
158 | 			
159 | 			if(typeof(this.sinparam)!='undefined'){
160 | 				for(var j=0;j<this.sinparam.length;j++){
161 | 					this.sinparam[j].myvalue+=this.sinparam[j].inc;
162 | 				}
163 | 			}
164 | 		}
165 | 		if(typeof(this.sinparam)!='undefined'){
166 | 			for(var j=0;j<this.sinparam.length;j++){
167 | 					this.sinparam[j].myvalue=oldvalue[j]+this.sinparam[j].offset;
168 | 			}
169 | 		}
170 | 		this.dst.contex.globalAlpha=tmp;
171 | 	}
172 | 	return this;
173 | }
174 | 
175 | 
176 | function scrolltext_vertical(){
177 | 	this.scroffset=0;
178 | 	this.oldspeed=0;
179 | 	this.speed=1;
180 | 	this.font;
181 | 	this.letters = new Object();
182 | 	this.scrtxt=" ";
183 | 	this.pausetimer=0;
184 | 	this.pausedelay=0;
185 |  
186 | 	this.init = function(dst, font,speed,sinparam,type){
187 | 		this.speed=speed;
188 | 		this.dst=dst;
189 | 		this.font=font;
190 | 		this.fontw = this.font.tilew;
191 | 		this.fonth = this.font.tileh;
192 | 		this.fontstart = this.font.tilestart;
193 | 		this.wide=Math.ceil(this.dst.canvas.height/this.fonth)+1;
194 | 		for(i=0;i<=this.wide;i++){
195 | 			this.letters[i]=new ltrobj(0,Math.ceil((this.wide*this.fonth)+i*this.fonth),this.scrtxt.charCodeAt(this.scroffset));
196 | 			this.scroffset++;
197 | 		}
198 | 		if(typeof(sinparam)!='undefined')
199 |                         this.sinparam=sinparam;
200 | 		if(typeof(type)=='undefined')
201 |                         this.type=0;
202 | 		else
203 | 			this.type=type;
204 | 	}
205 |  
206 | 	this.draw = function(posx){
207 | 		var prov = 0;
208 | 		var temp = new Array();
209 | 		var tmp=this.dst.contex.globalAlpha;
210 | 		this.dst.contex.globalAlpha=1;
211 | 		var oldvalue=new Array();
212 | 		var i;
213 | 		if(typeof(this.sinparam)!='undefined'){
214 | 			for(var j=0;j<this.sinparam.length;j++){
215 | 				oldvalue[j]=this.sinparam[j].myvalue;
216 | 			}
217 | 		}
218 | 		if(this.speed==0){
219 | 			this.pausetimer+=1;
220 | 			if(this.pausetimer==60*this.pausedelay){
221 | 				this.speed=this.oldspeed;
222 | 			}
223 | 		}
224 | 		var speed=this.speed;
225 | 		for(i=0;i<=this.wide;i++){
226 | 			this.letters[i].posy-=speed;
227 | 			if(this.letters[i].posy<=-this.fonth){
228 | 				if(this.scrtxt.charAt(this.scroffset) =="^"){
229 | 					if(this.scrtxt.charAt(this.scroffset+1) =="P"){
230 | 						this.pausedelay=this.scrtxt.charAt(this.scroffset+2);
231 | 						this.pausetimer=0;
232 | 						this.oldspeed=this.speed;
233 | 						this.speed=0;
234 | 						this.scroffset+=3;
235 | 					}
236 | 					else if(this.scrtxt.charAt(this.scroffset+1) =="S"){
237 | 						this.speed=this.scrtxt.charAt(this.scroffset+2);
238 | 						this.scroffset+=3;
239 | 					}
240 | 					//
241 | 					// ADDON by Robert Annett
242 | 					//
243 | 					else if(this.scrtxt.charAt(this.scroffset+1) =="C"){
244 | 						var end = this.scrtxt.indexOf(';', this.scroffset+2);
245 | 						var functionName = this.scrtxt.substring(this.scroffset+2, end);			
246 | 						window[functionName]();
247 | 						this.scroffset+=(end-this.scroffset)+1;
248 | 					}
249 | 				}else{
250 | 					this.letters[i].posy=this.wide*this.fonth+(this.letters[i].posy+this.fonth);
251 | 					if(typeof(this.sinparam)!='undefined'){
252 | 						for(var j=0;j<this.sinparam.length;j++){
253 | 							oldvalue[j]+=this.sinparam[j].inc;
254 | 						}
255 | 					}
256 | 					this.letters[i].ltr=this.scrtxt.charCodeAt(this.scroffset);
257 | 					this.scroffset++;
258 | 					if(this.scroffset> this.scrtxt.length-1)
259 | 						this.scroffset=0;
260 | 				}
261 | 			}
262 | 		}
263 | 		if(typeof(this.sinparam)!='undefined'){
264 | 			for(var j=0;j<this.sinparam.length;j++){
265 | 					this.sinparam[j].myvalue=oldvalue[j];
266 | 			}
267 | 		}
268 | 		
269 | 		for(j=0;j<=this.wide;j++){
270 | 			temp[j]={indice:j, posy:this.letters[j].posy};
271 | 		}
272 | 		temp.sort(sortPosy);
273 | 		for(i=0;i<=this.wide;i++){
274 | 			if(typeof(this.sinparam)!='undefined'){
275 | 				prov = 0;
276 | 				for(var j=0;j<this.sinparam.length;j++){
277 | 					if(this.type==0)
278 | 						prov += Math.sin(this.sinparam[j].myvalue)*this.sinparam[j].amp;
279 | 					if(this.type==1)
280 | 						prov += -Math.abs(Math.sin(this.sinparam[j].myvalue)*this.sinparam[j].amp);
281 | 					if(this.type==2)
282 | 						prov += Math.abs(Math.sin(this.sinparam[j].myvalue)*this.sinparam[j].amp);
283 | 				}
284 | 			}
285 | 			this.font.drawTile(this.dst,this.letters[temp[i].indice].ltr-this.fontstart,prov+posx,this.letters[temp[i].indice].posy);
286 | 			
287 | 			if(typeof(this.sinparam)!='undefined'){
288 | 				for(var j=0;j<this.sinparam.length;j++){
289 | 					this.sinparam[j].myvalue+=this.sinparam[j].inc;
290 | 				}
291 | 			}
292 | 		}
293 | 		if(typeof(this.sinparam)!='undefined'){
294 | 			for(var j=0;j<this.sinparam.length;j++){
295 | 					this.sinparam[j].myvalue=oldvalue[j]+this.sinparam[j].offset;
296 | 			}
297 | 		}
298 | 		this.dst.contex.globalAlpha=tmp;
299 | 	}
300 | 	return this;
301 | }
302 | 
303 | 


--------------------------------------------------------------------------------
/codef/codef_starfield.js:
--------------------------------------------------------------------------------
  1 | /*------------------------------------------------------------------------------
  2 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
  3 | 
  4 | This File is part of the CODEF project.
  5 | 
  6 | More info : http://codef.santo.fr
  7 | Demo gallery http://www.wab.com
  8 | 
  9 | Permission is hereby granted, free of charge, to any person obtaining a copy
 10 | of this software and associated documentation files (the "Software"), to deal
 11 | in the Software without restriction, including without limitation the rights
 12 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 13 | copies of the Software, and to permit persons to whom the Software is
 14 | furnished to do so, subject to the following conditions:
 15 | 
 16 | The above copyright notice and this permission notice shall be included in
 17 | all copies or substantial portions of the Software.
 18 | 
 19 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 20 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 21 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 22 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 23 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 24 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 25 | THE SOFTWARE.
 26 | ------------------------------------------------------------------------------*/
 27 | 
 28 | function starfield3D(dest, nb, speed, w, h, centx, centy, color, ratio, offsetx, offsety){
 29 | 	this.dest=dest;
 30 | 	this.test=true;
 31 | 	this.n=nb;
 32 | 	this.star=new Array(this.n);
 33 | 	this.w=w;
 34 | 	this.h=h;
 35 | 	this.x=0;
 36 | 	this.y=0;
 37 | 	this.z=0;
 38 | 	this.offsetx=0;
 39 | 	this.offsety=0;
 40 | 	if(offsetx) this.offsetx=offsetx;
 41 | 	if(offsety) this.offsety=offsety;
 42 | 	this.centx=centx;
 43 | 	this.centy=centy;
 44 | 	this.color=color;
 45 | 	this.star_x_save,this.star_y_save;
 46 | 	this.star_speed=speed;
 47 | 	this.star_ratio=ratio;
 48 | 	this.star_color_ratio=0;
 49 | 	this.x=Math.round(this.w/2);
 50 | 	this.y=Math.round(this.h/2);
 51 | 	this.z=(this.w+this.h)/2;
 52 | 	this.star_color_ratio=1/this.z;
 53 | 	this.cursor_x=this.x;
 54 | 	this.cursor_y=this.y;
 55 | 
 56 | 	for(var i=0;i<this.n;i++){
 57 | 		this.star[i]=new Array(5);
 58 | 		this.star[i][0]=Math.random()*this.w*2-this.x*2;
 59 | 		this.star[i][1]=Math.random()*this.h*2-this.y*2;
 60 | 		this.star[i][2]=Math.round(Math.random()*this.z);
 61 | 		this.star[i][3]=0;
 62 | 		this.star[i][4]=0;
 63 | 	}
 64 | 
 65 | 	this.draw = function(){
 66 | 		var tmp=this.dest.contex.strokeStyle;
 67 | 		var tmp2 = this.dest.contex.globalAlpha;
 68 | 		var tmp3 = this.dest.contex.lineWidth;
 69 | 		this.dest.contex.globalAlpha=1;
 70 | 		this.dest.contex.strokeStyle=this.color;
 71 | 
 72 | 		for(var i=0;i<this.n;i++){
 73 | 			this.test=true;
 74 | 			this.star_x_save=this.star[i][3];
 75 | 			this.star_y_save=this.star[i][4];
 76 | 			this.star[i][0]+=(this.centx-this.x)>>4; if(this.star[i][0]>this.x<<1) { this.star[i][0]-=this.w<<1; this.test=false; } if(this.star[i][0]<-this.x<<1) { this.star[i][0]+=this.w<<1; this.test=false; }
 77 | 			this.star[i][1]+=(this.centy-this.y)>>4; if(this.star[i][1]>this.y<<1) { this.star[i][1]-=this.h<<1; this.test=false; } if(this.star[i][1]<-this.y<<1) { this.star[i][1]+=this.h<<1; this.test=false; }
 78 | 			this.star[i][2]-=this.star_speed; if(this.star[i][2]>this.z) { this.star[i][2]-=this.z; this.test=false; } if(this.star[i][2]<0) { this.star[i][2]+=this.z; this.test=false; }
 79 | 			this.star[i][3]=this.x+(this.star[i][0]/this.star[i][2])*this.star_ratio;
 80 | 			this.star[i][4]=this.y+(this.star[i][1]/this.star[i][2])*this.star_ratio;
 81 | 			if(this.star_x_save>0&&this.star_x_save<this.w&&this.star_y_save>0&&this.star_y_save<this.h&&this.test){
 82 | 				this.dest.contex.lineWidth=(1-this.star_color_ratio*this.star[i][2])*2;
 83 | 				this.dest.contex.beginPath();
 84 | 				this.dest.contex.moveTo(this.star_x_save+this.offsetx,this.star_y_save+this.offsety);
 85 | 				this.dest.contex.lineTo(this.star[i][3]+this.offsetx,this.star[i][4]+this.offsety);
 86 | 				this.dest.contex.stroke();
 87 | 				this.dest.contex.closePath();
 88 | 			}
 89 | 		}
 90 | 		this.dest.contex.strokeStyle=tmp;
 91 | 		this.dest.contex.globalAlpha=tmp2;
 92 | 		this.dest.contex.lineWidth=tmp3;
 93 | 	}
 94 | 
 95 | 	return this;
 96 | 
 97 | }
 98 | 
 99 | function starfield2D_dot(dst,params){
100 | 	this.dst=dst;
101 | 	this.stars=new Array();
102 | 	var t=0;
103 | 
104 | 	for(var i=0; i<params.length; i++){
105 | 		for(var j=0; j<params[i].nb; j++){
106 | 			this.stars[t]={x:Math.random()*this.dst.canvas.width, y:Math.random()*this.dst.canvas.height, speedx:params[i].speedx, speedy:params[i].speedy, color:params[i].color, size:params[i].size};
107 | 			t++;
108 | 		}
109 | 	}
110 | 
111 | 	this.draw=function(){
112 | 		for(var i=0; i<this.stars.length; i++){
113 | 			this.dst.plot(this.stars[i].x,this.stars[i].y,this.stars[i].size,this.stars[i].color);
114 | 			this.stars[i].x+=this.stars[i].speedx;
115 | 			this.stars[i].y+=this.stars[i].speedy;
116 | 			if(this.stars[i].x>this.dst.canvas.width) this.stars[i].x=0;
117 | 			if(this.stars[i].x<0) this.stars[i].x=this.dst.canvas.width;
118 | 			if(this.stars[i].y>this.dst.canvas.height) this.stars[i].y=0;
119 | 			if(this.stars[i].y<0) this.stars[i].y=this.dst.canvas.height;
120 | 		}
121 | 	}
122 | 
123 | }
124 | 
125 | function starfield2D_img(dst,img,params){
126 | 	this.dst=dst;
127 | 	this.stars=new Array();
128 | 	this.img=img;
129 | 	var t=0;
130 | 
131 | 	for(var i=0; i<params.length; i++){
132 | 		for(var j=0; j<params[i].nb; j++){
133 | 			this.stars[t]={x:Math.random()*this.dst.canvas.width, y:Math.random()*this.dst.canvas.height, speedx:params[i].speedx, speedy:params[i].speedy, params:params[i].params};
134 | 			t++;
135 | 		}
136 | 	}
137 | 
138 | 	this.draw=function(){
139 | 		for(var i=0; i<this.stars.length; i++){
140 | 			this.dst.contex.drawImage(this.img[this.stars[i].params].img,this.stars[i].x,this.stars[i].y);
141 | 			this.stars[i].x+=this.stars[i].speedx;
142 | 			this.stars[i].y+=this.stars[i].speedy;
143 | 			if(this.stars[i].x>this.dst.canvas.width) this.stars[i].x=0-this.img[this.stars[i].params].img.width;
144 | 			if(this.stars[i].x<0-this.img[this.stars[i].params].img.width) this.stars[i].x=this.dst.canvas.width;
145 | 			if(this.stars[i].y>this.dst.canvas.height) this.stars[i].y=0-this.img[this.stars[i].params].img.height;
146 | 			if(this.stars[i].y<0-this.img[this.stars[i].params].img.height) this.stars[i].y=this.dst.canvas.height;
147 | 		}
148 | 	}
149 | 
150 | }
151 | 


--------------------------------------------------------------------------------
/codef/codef_stats.js:
--------------------------------------------------------------------------------
 1 | // stats.js r6 - http://github.com/mrdoob/stats.js
 2 | var Stats=function(){function s(a,g,d){var f,c,e;for(c=0;c<30;c++)for(f=0;f<73;f++)e=(f+c*74)*4,a[e]=a[e+4],a[e+1]=a[e+5],a[e+2]=a[e+6];for(c=0;c<30;c++)e=(73+c*74)*4,c<g?(a[e]=b[d].bg.r,a[e+1]=b[d].bg.g,a[e+2]=b[d].bg.b):(a[e]=b[d].fg.r,a[e+1]=b[d].fg.g,a[e+2]=b[d].fg.b)}var r=0,t=2,g,u=0,j=(new Date).getTime(),F=j,v=j,l=0,w=1E3,x=0,k,d,a,m,y,n=0,z=1E3,A=0,f,c,o,B,p=0,C=1E3,D=0,h,i,q,E,b={fps:{bg:{r:16,g:16,b:48},fg:{r:0,g:255,b:255}},ms:{bg:{r:16,g:48,b:16},fg:{r:0,g:255,b:0}},mb:{bg:{r:48,g:16,
 3 | b:26},fg:{r:255,g:0,b:128}}};g=document.createElement("div");g.style.cursor="pointer";g.style.width="80px";g.style.opacity="0.9";g.style.zIndex="10001";g.addEventListener("click",function(){r++;r==t&&(r=0);k.style.display="none";f.style.display="none";h.style.display="none";switch(r){case 0:k.style.display="block";break;case 1:f.style.display="block";break;case 2:h.style.display="block"}},!1);k=document.createElement("div");k.style.backgroundColor="rgb("+Math.floor(b.fps.bg.r/2)+","+Math.floor(b.fps.bg.g/
 4 | 2)+","+Math.floor(b.fps.bg.b/2)+")";k.style.padding="2px 0px 3px 0px";g.appendChild(k);d=document.createElement("div");d.style.fontFamily="Helvetica, Arial, sans-serif";d.style.textAlign="left";d.style.fontSize="9px";d.style.color="rgb("+b.fps.fg.r+","+b.fps.fg.g+","+b.fps.fg.b+")";d.style.margin="0px 0px 1px 3px";d.innerHTML='<span style="font-weight:bold">FPS</span>';k.appendChild(d);a=document.createElement("canvas");a.width=74;a.height=30;a.style.display="block";a.style.marginLeft="3px";k.appendChild(a);
 5 | m=a.getContext("2d");m.fillStyle="rgb("+b.fps.bg.r+","+b.fps.bg.g+","+b.fps.bg.b+")";m.fillRect(0,0,a.width,a.height);y=m.getImageData(0,0,a.width,a.height);f=document.createElement("div");f.style.backgroundColor="rgb("+Math.floor(b.ms.bg.r/2)+","+Math.floor(b.ms.bg.g/2)+","+Math.floor(b.ms.bg.b/2)+")";f.style.padding="2px 0px 3px 0px";f.style.display="none";g.appendChild(f);c=document.createElement("div");c.style.fontFamily="Helvetica, Arial, sans-serif";c.style.textAlign="left";c.style.fontSize=
 6 | "9px";c.style.color="rgb("+b.ms.fg.r+","+b.ms.fg.g+","+b.ms.fg.b+")";c.style.margin="0px 0px 1px 3px";c.innerHTML='<span style="font-weight:bold">MS</span>';f.appendChild(c);a=document.createElement("canvas");a.width=74;a.height=30;a.style.display="block";a.style.marginLeft="3px";f.appendChild(a);o=a.getContext("2d");o.fillStyle="rgb("+b.ms.bg.r+","+b.ms.bg.g+","+b.ms.bg.b+")";o.fillRect(0,0,a.width,a.height);B=o.getImageData(0,0,a.width,a.height);try{performance&&performance.memory&&performance.memory.totalJSHeapSize&&
 7 | (t=3)}catch(G){}h=document.createElement("div");h.style.backgroundColor="rgb("+Math.floor(b.mb.bg.r/2)+","+Math.floor(b.mb.bg.g/2)+","+Math.floor(b.mb.bg.b/2)+")";h.style.padding="2px 0px 3px 0px";h.style.display="none";g.appendChild(h);i=document.createElement("div");i.style.fontFamily="Helvetica, Arial, sans-serif";i.style.textAlign="left";i.style.fontSize="9px";i.style.color="rgb("+b.mb.fg.r+","+b.mb.fg.g+","+b.mb.fg.b+")";i.style.margin="0px 0px 1px 3px";i.innerHTML='<span style="font-weight:bold">MB</span>';
 8 | h.appendChild(i);a=document.createElement("canvas");a.width=74;a.height=30;a.style.display="block";a.style.marginLeft="3px";h.appendChild(a);q=a.getContext("2d");q.fillStyle="#301010";q.fillRect(0,0,a.width,a.height);E=q.getImageData(0,0,a.width,a.height);return{domElement:g,update:function(){u++;j=(new Date).getTime();n=j-F;z=Math.min(z,n);A=Math.max(A,n);s(B.data,Math.min(30,30-n/200*30),"ms");c.innerHTML='<span style="font-weight:bold">'+n+" MS</span> ("+z+"-"+A+")";o.putImageData(B,0,0);F=j;if(j>
 9 | v+1E3){l=Math.round(u*1E3/(j-v));w=Math.min(w,l);x=Math.max(x,l);s(y.data,Math.min(30,30-l/100*30),"fps");d.innerHTML='<span style="font-weight:bold">'+l+" FPS</span> ("+w+"-"+x+")";m.putImageData(y,0,0);if(t==3)p=performance.memory.usedJSHeapSize*9.54E-7,C=Math.min(C,p),D=Math.max(D,p),s(E.data,Math.min(30,30-p/2),"mb"),i.innerHTML='<span style="font-weight:bold">'+Math.round(p)+" MB</span> ("+Math.round(C)+"-"+Math.round(D)+")",q.putImageData(E,0,0);v=j;u=0}}}};
10 | 
11 | var codef_stats = new Stats();
12 | codef_stats.domElement.style.position = 'absolute';
13 | codef_stats.domElement.style.top = '0px';
14 | 
15 | function addstats(){
16 | 	document.body.appendChild( codef_stats.domElement );
17 | }
18 | 
19 | function updatestats(){
20 | 	codef_stats.update();
21 | }


--------------------------------------------------------------------------------
/codef/index.php:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/codef/index.php


--------------------------------------------------------------------------------
/tutorials/00_core.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script> 
33 |       
34 |       var mycanvas;
35 |       
36 |       function init(){
37 |         mycanvas=new canvas(640,480,"main");
38 |         go();
39 |       }
40 |       
41 |       function go(){
42 |         mycanvas.fill('#0000FF');
43 |         requestAnimFrame( go );
44 |       }
45 |       
46 |     </script> 
47 |   </head> 
48 |   <body onLoad="init();">
49 |     <br>
50 |     <br>
51 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
52 |   </body> 
53 | </html>
54 | 


--------------------------------------------------------------------------------
/tutorials/01_core.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script> 
33 |       
34 |       var mycanvas;
35 |       
36 |       function init(){
37 |         mycanvas=new canvas(640,480,"main");
38 |         go();
39 |       }
40 |       
41 |       function go(){
42 |         mycanvas.fill('#000000');
43 |         mycanvas.line(0,0,640,480,1,'#FF0000');
44 |         mycanvas.line(0,480,640,0,5,'#00FF00');
45 |         requestAnimFrame( go );
46 |       }
47 |       
48 |     </script> 
49 |   </head> 
50 |   <body onLoad="init();">
51 |     <br>
52 |     <br>
53 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
54 |   </body> 
55 | </html>
56 | 


--------------------------------------------------------------------------------
/tutorials/02_core.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script> 
33 |       
34 |       var mycanvas;
35 |       
36 |       function init(){
37 |         mycanvas=new canvas(640,480,"main");
38 |         go();
39 |       }
40 |       
41 |       function go(){
42 |         mycanvas.fill('#000000');
43 |         mycanvas.triangle(150,150,250,250,50,250,'#FF0000');
44 |         mycanvas.triangle(250,350,450,350,350,450,'#00FF00');
45 |         
46 |         requestAnimFrame( go );
47 |       }
48 |       
49 |     </script> 
50 |   </head> 
51 |   <body onLoad="init();">
52 |     <br>
53 |     <br>
54 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
55 |   </body> 
56 | </html>
57 | 


--------------------------------------------------------------------------------
/tutorials/03_core.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script> 
33 |       
34 |       var mycanvas;
35 |       
36 |       function init(){
37 |         mycanvas=new canvas(640,480,"main");
38 |         go();
39 |       }
40 |       
41 |       function go(){
42 |         mycanvas.fill('#000000');
43 |         mycanvas.quad(0,150,300,150,250,250,50,250,'#FF0000');
44 |         mycanvas.quad(50,50,70,100,'#00FF00');
45 |         
46 |         
47 |         requestAnimFrame( go );
48 |       }
49 |       
50 |     </script> 
51 |   </head> 
52 |   <body onLoad="init();">
53 |     <br>
54 |     <br>
55 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
56 |   </body> 
57 | </html>
58 | 


--------------------------------------------------------------------------------
/tutorials/04_core.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script> 
33 |       
34 |       var myimage=new image('media/logo.png');
35 |       var mycanvas;
36 |       
37 |       function init(){
38 |         mycanvas=new canvas(640,480,"main");
39 |         myimage.setmidhandle();
40 |         go();
41 |       }
42 |       
43 |       function go(){
44 |         mycanvas.fill('#000000');
45 |         myimage.draw(mycanvas,320,150,1,45);
46 |         myimage.draw(mycanvas,150,250);
47 |         myimage.draw(mycanvas,320,380,1,0,2,1.5);
48 |         
49 |         
50 |         
51 |         
52 |         requestAnimFrame( go );
53 |       }
54 |       
55 |     </script> 
56 |   </head> 
57 |   <body onLoad="init();">
58 |     <br>
59 |     <br>
60 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
61 |   </body> 
62 | </html>
63 | 


--------------------------------------------------------------------------------
/tutorials/05_core.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script> 
33 |       
34 |       var myimage=new image('media/logo.png');
35 |       var mycanvas;
36 |       
37 |       var myimageX=0;
38 |       var myimageMove=1;
39 |       
40 |       function init(){
41 |         mycanvas=new canvas(640,480,"main");
42 |         go();
43 |       }
44 |       
45 |       function go(){
46 |         mycanvas.fill('#000000');
47 |         myimage.draw(mycanvas,myimageX,180);
48 |         
49 |         myimageX+=myimageMove;
50 |         
51 |         if(myimageX>640-myimage.img.width)
52 |           myimageMove=-1;
53 |         if(myimageX<0)
54 |           myimageMove=1;
55 |         
56 |         
57 |         requestAnimFrame( go );
58 |       }
59 |       
60 |     </script> 
61 |   </head> 
62 |   <body onLoad="init();">
63 |     <br>
64 |     <br>
65 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
66 |   </body> 
67 | </html>
68 | 


--------------------------------------------------------------------------------
/tutorials/06_core.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script> 
33 |       
34 |       var myimage=new image('media/tileset.png');
35 |       var mycanvas;
36 |       
37 |       function init(){
38 |         mycanvas=new canvas(640,480,"main");
39 |         myimage.setmidhandle();
40 |         myimage.initTile(209,430);
41 |         go();
42 |       }
43 |       
44 |       var truc=0;
45 |       var rot=0;
46 |       
47 |       function go(){
48 |         mycanvas.fill('#000000');
49 |         myimage.drawTile(mycanvas,truc,320,240,1,rot,0.7,0.7);
50 |         
51 |         rot+=1;
52 |         truc+=0.4;
53 |         if(truc>=40) truc=0;
54 |         
55 |         requestAnimFrame( go );
56 |       }
57 |       
58 |     </script> 
59 |   </head> 
60 |   <body onLoad="init();">
61 |     <br>
62 |     <br>
63 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a><br>
64 |       <a href="../media/tileset.png">View The TileSet image</a></center>
65 |   </body> 
66 | </html>
67 | 


--------------------------------------------------------------------------------
/tutorials/100_GL.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <!------------------------------------------------------------------------------
  3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
  4 | 
  5 | This File is part of the CODEF project.
  6 | 
  7 | More info : http://codef.santo.fr
  8 | Demo gallery http://www.wab.com
  9 | 
 10 | Permission is hereby granted, free of charge, to any person obtaining a copy
 11 | of this software and associated documentation files (the "Software"), to deal
 12 | in the Software without restriction, including without limitation the rights
 13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 14 | copies of the Software, and to permit persons to whom the Software is
 15 | furnished to do so, subject to the following conditions:
 16 | 
 17 | The above copyright notice and this permission notice shall be included in
 18 | all copies or substantial portions of the Software.
 19 | 
 20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 26 | THE SOFTWARE.
 27 | ------------------------------------------------------------------------------>
 28 | <html>
 29 |   <head>
 30 |     <script src="//threejs.org/build/three.min.js"></script>
 31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
 32 |     <script src="//codef.santo.fr/codef/codef_starfield.js"></script> 
 33 |     
 34 |     <script>
 35 |       var camera, scene, GL_Canvas;
 36 |       var group;
 37 |       var Codef_Canvas;
 38 |       var mystarfield;
 39 |       
 40 |       
 41 |       function init() {
 42 |         // Create a codef canvas added to the div "main"
 43 |         Codef_Canvas=new canvas(640,480,"main");
 44 |         
 45 |         // Initialize the starfield
 46 |         mystarfield=new starfield3D(Codef_Canvas, 500, 2, 640,480, 320, 240,'#FFFFFF', 100,0,0);
 47 |         
 48 |         // Here i Create a WEBGL CANVAS (hidden since i dont append it to document)
 49 |         GL_Canvas = new THREE.WebGLRenderer({ alpha: true });
 50 |         GL_Canvas.setSize( 640,480);
 51 |         
 52 |         // Here i Create a Camera in this WEBGL environement
 53 |         camera = new THREE.PerspectiveCamera( 35, 640/480, 1, 1000 );
 54 |         camera.position.z = 350;;
 55 |         
 56 |         // Here i Create a Scene
 57 |         scene = new THREE.Scene();
 58 |         
 59 |         // Here i create an Ambiant Light in the scene
 60 |         scene.add( new THREE.AmbientLight(  0x101010 ) );
 61 |         
 62 |         // Here i Create an empty group to place stuff in
 63 |         group = new THREE.Object3D();
 64 |         
 65 |         // Here i add this empty group to the scene
 66 |         scene.add( group );
 67 |         
 68 |         // Here i create a directional light
 69 |         var directionalLight = new THREE.DirectionalLight( 0xffffff, 0.8 );
 70 |         directionalLight.position.set( 1, 0, 1 );
 71 |         
 72 |         // and i add it to the scene
 73 |         scene.add( directionalLight );
 74 |         
 75 |         // i now create a mesh ( geometry + material = mesh)
 76 |         var geometry = new THREE.TorusGeometry( 60, 20, 32, 32 );
 77 |         
 78 |         var material = new THREE.MeshPhongMaterial( { 
 79 |           color: 0xcccc00,
 80 |           shading: THREE.SmoothShading, 
 81 |           specular: 0xffffcc,
 82 |           shininess : 10
 83 |         } );
 84 |         
 85 |         var tor = new THREE.Mesh( geometry, material );
 86 |         // and add it to the group
 87 |         group.add(tor);
 88 |         
 89 |         //call Main loop
 90 |         go();
 91 |       }
 92 |       
 93 |       function go() {
 94 |         // Render our hidden WebGL scene
 95 |         GL_Canvas.render( scene, camera );
 96 |         
 97 |         // Clear our 2D codef Canvas with Black
 98 |         Codef_Canvas.fill("#000000");
 99 |         
100 |         // Draw the starfield
101 |         mystarfield.draw();
102 |         
103 |         // Draw the Webgl Scene to our 2D codef Canvas
104 |         Codef_Canvas.contex.drawImage(GL_Canvas.domElement,0,0);
105 |         
106 |         // Rotate our Group ;)
107 |         group.rotation.y+=0.010;
108 |         group.rotation.x+=0.020;
109 |         
110 |         // loop
111 |         requestAnimFrame( go );
112 |       }
113 |     </script>
114 |   </head>
115 |   <body onLoad="init();">
116 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
117 |   </body>
118 | </html>
119 | 


--------------------------------------------------------------------------------
/tutorials/101_GL.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <!------------------------------------------------------------------------------
  3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
  4 | 
  5 | This File is part of the CODEF project.
  6 | 
  7 | More info : http://codef.santo.fr
  8 | Demo gallery http://www.wab.com
  9 | 
 10 | Permission is hereby granted, free of charge, to any person obtaining a copy
 11 | of this software and associated documentation files (the "Software"), to deal
 12 | in the Software without restriction, including without limitation the rights
 13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 14 | copies of the Software, and to permit persons to whom the Software is
 15 | furnished to do so, subject to the following conditions:
 16 | 
 17 | The above copyright notice and this permission notice shall be included in
 18 | all copies or substantial portions of the Software.
 19 | 
 20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 26 | THE SOFTWARE.
 27 | ------------------------------------------------------------------------------>
 28 | <html>
 29 |   <head>
 30 |     <script src="//threejs.org/build/three.min.js"></script>
 31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
 32 |     <script src="//codef.santo.fr/codef/codef_starfield.js"></script> 
 33 |     
 34 |     <script>
 35 |       var camera, scene, GL_Canvas;
 36 |       var group;
 37 |       var Codef_Canvas;
 38 |       var texture1;
 39 |       var mystarfield;
 40 |       
 41 |       
 42 |       function init() {
 43 |         
 44 |         // Create an hidden codef canvas (since i dont specify a div)
 45 |         Codef_Canvas=new canvas(512,512);
 46 |         
 47 |         // Initialize the starfield
 48 |         mystarfield=new starfield3D(Codef_Canvas, 500, 2, 512,512, 256, 256,'#FFFFFF', 100,0,0);
 49 |         
 50 |         // Here i Create a WEBGL CANVAS
 51 |         GL_Canvas = new THREE.WebGLRenderer({ alpha: true });
 52 |         document.getElementById("main").appendChild(GL_Canvas.domElement);
 53 |         
 54 |         GL_Canvas.setSize( window.innerWidth,window.innerHeight);
 55 |         
 56 |         // Here i Create a Camera in this WEBGL environement
 57 |         camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 1, 1000 );
 58 |         camera.position.z = 350;;
 59 |         
 60 |         // Here i Create a Scene
 61 |         scene = new THREE.Scene();
 62 |         
 63 |         // Here i Create an empty group to place stuff in
 64 |         group = new THREE.Object3D();
 65 |         
 66 |         // Here i add this empty group to the scene
 67 |         scene.add( group );
 68 |         
 69 |         // i now create a mesh ( geometry + material = mesh)
 70 |         var geometry = new THREE.PlaneBufferGeometry( 150, 150, 2, 2 );
 71 |         
 72 |         texture1 = new THREE.Texture(Codef_Canvas.canvas);
 73 |         texture1.needsUpdate = true;
 74 |         
 75 |         var material = new THREE.MeshBasicMaterial( { 
 76 |           side : THREE.DoubleSide,
 77 |           map: texture1
 78 |         } );
 79 |         
 80 |         var plane = new THREE.Mesh( geometry, material );
 81 |         
 82 |         // and add it to the group
 83 |         group.add(plane);
 84 |         
 85 |         //call Main loop
 86 |         go();
 87 |       }
 88 |       
 89 |       function go() {
 90 |         // Clear our 2D codef Canvas with Black
 91 |         Codef_Canvas.fill("#000000");
 92 |         
 93 |         // Draw the starfield
 94 |         mystarfield.draw();
 95 |         
 96 |         //Refreshing the texture
 97 |         texture1.needsUpdate = true;
 98 |         
 99 |         // Render our WebGL scene
100 |         GL_Canvas.render( scene, camera );
101 |         
102 |         
103 |         // Rotate our Group ;)
104 |         group.rotation.y+=0.010;
105 |         group.rotation.x+=0.020;
106 |         
107 |         // loop
108 |         requestAnimFrame( go );
109 |       }
110 |     </script>
111 |   </head>
112 |   <body onLoad="init();">
113 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
114 |   </body>
115 | </html>
116 | 


--------------------------------------------------------------------------------
/tutorials/10_gradient.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_gradient.js"></script> 
33 |     <script> 
34 |       
35 |       var myimage=new image('media/logo.png'); 
36 |       var mycanvas;
37 |       var mygrad;
38 |       var mygradcolor=
39 |           [
40 |             {color: 'rgb(0,0,0)' ,  offset:0},
41 |             {color: 'rgb(0,0,255)', offset:0.25},
42 |             {color: 'rgb(0,0,0)' ,  offset:0.5},
43 |             {color: 'rgb(0,0,255)', offset:0.75},
44 |             {color: 'rgb(0,0,0)' ,  offset:1}
45 |             
46 |           ];
47 |       
48 |       
49 |       function init(){
50 |         mycanvas=new canvas(640,480,"main");
51 |         mygrad=new grad(mycanvas,mygradcolor);
52 |         go();
53 |       }
54 |       
55 |       function go(){
56 |         mygrad.drawV();
57 |         myimage.draw(mycanvas,180,180);
58 |         
59 |         requestAnimFrame( go );
60 |       }
61 |       
62 |     </script> 
63 |   </head> 
64 |   <body onLoad="init();">
65 |     <br>
66 |     <br>
67 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
68 |   </body> 
69 | </html>
70 | 


--------------------------------------------------------------------------------
/tutorials/20_fx.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_fx.js"></script> 
33 |     <script> 
34 |       
35 |       var myimage = new image('media/logo.png');
36 |       var mycanvas;
37 |       var myoffscreencanvas;
38 |       var myfx;
39 |       var myfxparam=[
40 |         {value: 0, amp: 30, inc:0.03, offset: -0.05},
41 |         {value: 0, amp: 30, inc:0.01, offset:  0.08}
42 |       ];
43 |       
44 |       
45 |       
46 |       function init(){
47 |         myoffscreencanvas=new canvas(287,106); // i dont specify a div to make it hidden ;)
48 |         myimage.draw(myoffscreencanvas,0,0); // I draw my logo to my offscreen canvas.
49 |         
50 |         mycanvas=new canvas(640,480,"main");
51 |         myfx=new FX(myoffscreencanvas,mycanvas,myfxparam);
52 |         
53 |         go();
54 |       }
55 |       
56 |       function go(){
57 |         mycanvas.fill('#000000');
58 |         myfx.siny(180,180);
59 |         
60 |         requestAnimFrame( go );
61 |       }
62 |       
63 |     </script> 
64 |   </head> 
65 |   <body onLoad="init();">
66 |     <br>
67 |     <br>
68 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
69 |   </body> 
70 | </html>
71 | 


--------------------------------------------------------------------------------
/tutorials/30_scrolltext.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_scrolltext.js"></script> 
33 |     <script> 
34 |       
35 |       var myfont = new image('media/font1.png');
36 |       var mycanvas;
37 |       var myscrolltext;
38 |       
39 |       
40 |       function init(){
41 |         mycanvas=new canvas(640,480,"main");
42 |         myfont.initTile(32,32,32);
43 |         myscrolltext = new scrolltext_horizontal();
44 |         myscrolltext.scrtxt="HELLO AND WELCOME TO        NONAMENO       ^P9THIS LITTLE FUCKIN SCROLLTEXT";
45 |         myscrolltext.init(mycanvas,myfont,1);
46 |         
47 |         go();
48 |       }
49 |       
50 |       function go(){
51 |         mycanvas.fill('#000000');
52 |         myscrolltext.draw(240-16);
53 |         requestAnimFrame( go );
54 |       }
55 |       
56 |     </script> 
57 |   </head> 
58 |   <body onLoad="init();">
59 |     <br>
60 |     <br>
61 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
62 |   </body> 
63 | </html>
64 | 


--------------------------------------------------------------------------------
/tutorials/31_scrolltext.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_scrolltext.js"></script> 
33 |     <script> 
34 |       
35 |       var myfont = new image('media/font1.png');
36 |       var mycanvas;
37 |       var myscrolltext;
38 |       
39 |       
40 |       var myscrollparam=[
41 |         {myvalue: 0, amp: 125, inc:0.2, offset: -0.04},
42 |       ];
43 |         
44 |         
45 |         function init(){
46 |         mycanvas=new canvas(640,480,"main");
47 |         myfont.initTile(32,32,32);
48 |         myscrolltext = new scrolltext_horizontal();
49 |         myscrolltext.scrtxt="HELLO AND WELCOME TO        NONAMENO       ^P9THIS LITTLE FUCKIN SCROLLTEXT";
50 |         myscrolltext.init(mycanvas,myfont,1,myscrollparam);
51 |         
52 |         go();
53 |         }
54 |         
55 |         function go(){
56 |         mycanvas.fill('#000000');
57 |         myscrolltext.draw(240-16);
58 |         requestAnimFrame( go );
59 |         }
60 |         
61 |     </script> 
62 |   </head> 
63 |   <body onLoad="init();">
64 |     <br>
65 |     <br>
66 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
67 |   </body> 
68 | </html>
69 | 


--------------------------------------------------------------------------------
/tutorials/32_scrolltext.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_fx.js"></script> 
33 |     <script src="//codef.santo.fr/codef/codef_scrolltext.js"></script> 
34 |     <script> 
35 |       
36 |       var myfont = new image('media/font2.png');
37 |       var mycanvas;
38 |       var myoffscreencanvas;
39 |       var myscrolltext;
40 |       
41 |       var myfx;
42 |       var myfxparam=[
43 |         {value: 0, amp: 30, inc:0.03, offset: -0.05},
44 |         {value: 0, amp: 130, inc:0.01, offset: -0.04}
45 |       ];
46 |       
47 |       function init(){
48 |         mycanvas=new canvas(640,480,"main");
49 |         myoffscreencanvas=new canvas(640,32);
50 |         
51 |         myfont.initTile(32,32,32);
52 |         
53 |         myscrolltext = new scrolltext_horizontal();
54 |         myscrolltext.scrtxt="---------    OOOOYOP YOP         NONAMENO      ^P5 ^S2IS BACK WITH THIS SCROLLY.. WHAT A SHITTY NICE SCROLL....     ^S1 "
55 |           myscrolltext.init(myoffscreencanvas,myfont,1);
56 |         
57 |         myfx=new FX(myoffscreencanvas,mycanvas,myfxparam);
58 |         
59 |         go();
60 |       }
61 |       
62 |       function go(){
63 |         mycanvas.fill('#000000');
64 |         myoffscreencanvas.clear();
65 |         myscrolltext.draw(0);
66 |         myfx.siny(0,200);
67 |         requestAnimFrame( go );
68 |       }
69 |       
70 |     </script> 
71 |   </head> 
72 |   <body onLoad="init();">
73 |     <br>
74 |     <br>
75 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
76 |   </body> 
77 | </html>
78 | 


--------------------------------------------------------------------------------
/tutorials/33_scrolltext.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_scrolltext.js"></script> 
33 |     <script> 
34 |       
35 |       var myfont = new image('media/font2.png');
36 |       var mycanvas;
37 |       var myscrolltext;
38 |       
39 |       
40 |       
41 |       
42 |       
43 |       function init(){
44 |         mycanvas=new canvas(640,480,"main");
45 |         myfont.initTile(32,32,32);
46 |         myscrolltext = new scrolltext_vertical();
47 |         myscrolltext.scrtxt="---------    OOOOYOP YOP         NONAMENO      ^P5 ^S2IS BACK WITH THIS SCROLLY.. WHAT A SHITTY NICE SCROLL....     ^S1 "
48 |           myscrolltext.init(mycanvas,myfont,1);
49 |         
50 |         go();
51 |       }
52 |       
53 |       function go(){
54 |         mycanvas.fill('#000000');
55 |         myscrolltext.draw(0);
56 |         requestAnimFrame( go );
57 |       }
58 |       
59 |     </script> 
60 |   </head> 
61 |   <body onLoad="init();">
62 |     <br>
63 |     <br>
64 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
65 |   </body> 
66 | </html>
67 | 


--------------------------------------------------------------------------------
/tutorials/34_scrolltext.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_scrolltext.js"></script> 
33 |     <script> 
34 |       
35 |       var myfont = new image('media/font1.png');
36 |       var mycanvas;
37 |       var myscrolltext;
38 |       
39 |       
40 |       var myscrollparam=[
41 |         {myvalue: 0, amp: 125, inc:0.2, offset: -0.04},
42 |       ];
43 |         
44 |         
45 |         function init(){
46 |         mycanvas=new canvas(640,480,"main");
47 |         myfont.initTile(32,32,32);
48 |         myscrolltext = new scrolltext_vertical();
49 |         myscrolltext.scrtxt="HELLO AND WELCOME TO        NONAMENO       ^P9THIS LITTLE FUCKIN SCROLLTEXT";
50 |         myscrolltext.init(mycanvas,myfont,1,myscrollparam);
51 |         
52 |         go();
53 |         }
54 |         
55 |         function go(){
56 |         mycanvas.fill('#000000');
57 |         myscrolltext.draw(240-16);
58 |         requestAnimFrame( go );
59 |         }
60 |         
61 |     </script> 
62 |   </head> 
63 |   <body onLoad="init();">
64 |     <br>
65 |     <br>
66 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
67 |   </body> 
68 | </html>
69 | 


--------------------------------------------------------------------------------
/tutorials/35_mouse.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------> 
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script>  
32 |     <script src="//codef.santo.fr/codef/codef_mouse.js"></script>
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       
38 |       var MyMouseTracker;              
39 |       var mouseX=0;
40 |       var mouseY=0;
41 |       
42 |       function init(){ 
43 |         mycanvas=new canvas(640,480,"main");
44 |         
45 |         MyMouseTracker = new MouseTracker();
46 |         MyMouseTracker.addMouseTrack(mycanvas,false);
47 |         
48 |         go();
49 |       }
50 |       
51 |       function go(){
52 |         mycanvas.fill('#000000'); 
53 |         
54 |         mouseX = mycanvas.MousePosX ;
55 |         mouseY = mycanvas.MousePosY ;  
56 |         
57 |         MyMouseTracker.MouseUpdate();
58 |         
59 |         if (mycanvas.MouseButt==1) {      
60 |           mycanvas.contex.font = '20pt Calibri';
61 |           mycanvas.contex.fillStyle = 'green';
62 |           mycanvas.contex.fillText("Button 1 is pressed down at  X:"+mouseX+"   Y:"+mouseY , 100, 130);
63 |         }
64 |         
65 |         if (mycanvas.MouseButt==2) {
66 |           mycanvas.contex.font = '20pt Calibri';
67 |           mycanvas.contex.fillStyle = 'orange';
68 |           mycanvas.contex.fillText("Mid Button is pressed down at  X:"+mouseX+"   Y:"+mouseY , 100, 190);
69 |         }  
70 |         
71 |         if (mycanvas.MouseButt==3) {
72 |           mycanvas.contex.font = '20pt Calibri';
73 |           mycanvas.contex.fillStyle = 'blue';
74 |           mycanvas.contex.fillText("Button 2 is pressed down at  X:"+mouseX+"   Y:"+mouseY , 100, 160);
75 |         }  
76 |         
77 |         if(mouseX>0 && mouseX<640){
78 |           mycanvas.contex.font = '20pt Calibri';
79 |           mycanvas.contex.fillStyle = 'red';
80 |           mycanvas.contex.fillText("Mouse pos is    X:"+mouseX+"    Y:"+mouseY , 100, 100);  
81 |         }
82 |         
83 |         requestAnimFrame( go );
84 |       }
85 |       
86 |     </script> 
87 |   </head> 
88 |   <body onLoad="init();">
89 |     <br>
90 |     <br>
91 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
92 |   </body> 
93 | </html>


--------------------------------------------------------------------------------
/tutorials/35_scrolltext.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_fx.js"></script> 
33 |     <script src="//codef.santo.fr/codef/codef_scrolltext.js"></script> 
34 |     <script> 
35 |       
36 |       var myfont = new image('media/font2.png');
37 |       var mycanvas;
38 |       var myoffscreencanvas;
39 |       var myscrolltext;
40 |       
41 |       var myfx;
42 |       var myfx2;
43 |       var myfxparam=[
44 |         {value: 0, amp: 1.3, inc:0.05, offset: -0.04},
45 |         {value: 0, amp: 0.7, inc:0.018, offset: 0.02},
46 |       ];
47 |         
48 |         var myfxparam2=[
49 |         {value: 0, amp: 1, inc:0.01, offset: -0.04},
50 |       ];
51 |       
52 |       function init(){
53 |         mycanvas=new canvas(640,480,"main");
54 |         myoffscreencanvas=new canvas(32,480);
55 |         
56 |         
57 |         myfont.initTile(32,32,32);
58 |         
59 |         myscrolltext = new scrolltext_vertical();
60 |         myscrolltext.scrtxt="---------    OOOOYOP YOP         NONAMENO      ^P5 ^S2IS BACK WITH THIS SCROLLY.. WHAT A SHITTY NICE SCROLL....   ^S1 "
61 |           myscrolltext.init(myoffscreencanvas,myfont,1);
62 |         
63 |         myfx=new FX(myoffscreencanvas,mycanvas,myfxparam);
64 |         myfx2=new FX(myoffscreencanvas,mycanvas,myfxparam2);
65 |         myfx3=new FX(myoffscreencanvas,mycanvas,myfxparam);
66 |         
67 |         go();
68 |       }
69 |       
70 |       function go(){
71 |         mycanvas.fill('#000000');
72 |         myoffscreencanvas.clear();
73 |         myscrolltext.draw(0);
74 |         myoffscreencanvas.sethandle(0,0);
75 |         myfx.zoomx(0,0,0.5);
76 |         myoffscreencanvas.sethandle(32,0);
77 |         myfx3.zoomx(640,0,0.5);
78 |         myoffscreencanvas.setmidhandle();
79 |         myfx2.zoomx(304,0,-1);
80 |         requestAnimFrame( go );
81 |       }
82 |       
83 |     </script> 
84 |   </head> 
85 |   <body onLoad="init();">
86 |     <br>
87 |     <br>
88 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
89 |   </body> 
90 | </html>
91 | 


--------------------------------------------------------------------------------
/tutorials/40_starfield.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_starfield.js"></script> 
33 |     <script> 
34 |       
35 |       var mycanvas;
36 |       var mystarfield;
37 |       
38 |       
39 |       function init(){
40 |         mycanvas=new canvas(640,480,"main");
41 |         mystarfield=new starfield3D(mycanvas, 500, 2, 640,480, 320, 240,'#FFFFFF', 100,0,0);
42 |         
43 |         go();
44 |       }
45 |       
46 |       function go(){
47 |         mycanvas.fill('#000000');
48 |         mystarfield.draw();
49 |         requestAnimFrame( go );
50 |       }
51 |       
52 |     </script> 
53 |   </head> 
54 |   <body onLoad="init();">
55 |     <br>
56 |     <br>
57 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
58 |   </body> 
59 | </html>
60 | 


--------------------------------------------------------------------------------
/tutorials/41_starfield.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_starfield.js"></script> 
33 |     <script> 
34 |       
35 |       var mycanvas;
36 |       var my2dstarfield;
37 |       var my2dstarsparams=[
38 |         {nb:300, speedy:0, speedx:0.9, color:'#FFFFFF', size:2},
39 |         {nb:300, speedy:0, speedx:0.8, color:'#888888', size:2},
40 |         {nb:300, speedy:0, speedx:0.7, color:'#444444', size:2},
41 |       ];
42 |         
43 |         
44 |         function init(){
45 |         mycanvas=new canvas(640,480,"main");
46 |         my2dstarfield=new starfield2D_dot(mycanvas,my2dstarsparams);
47 |         
48 |         go();
49 |         }
50 |         
51 |         function go(){
52 |         mycanvas.fill('#000000');
53 |         my2dstarfield.draw();
54 |         requestAnimFrame( go );
55 |         }
56 |         
57 |     </script> 
58 |   </head> 
59 |   <body onLoad="init();">
60 |     <br>
61 |     <br>
62 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
63 |   </body> 
64 | </html>
65 | 


--------------------------------------------------------------------------------
/tutorials/42_starfield.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_starfield.js"></script> 
33 |     <script> 
34 |       
35 |       var mycanvas;
36 |       var my2dstarfield;
37 |       var my2dstarsparams=[
38 |         {nb:30, speedy:1.0, speedx:1, params:0},
39 |         {nb:30, speedy:0.8, speedx:0.8, params:1},
40 |         {nb:30, speedy:0.6, speedx:0.6, params:2},
41 |       ];
42 |         
43 |         var bubble = new Array();
44 |         bubble[0]=new image('media/bubble0.png');
45 |       bubble[1]=new image('media/bubble1.png');
46 |       bubble[2]=new image('media/bubble2.png');
47 |       
48 |       function init(){
49 |         mycanvas=new canvas(640,480,"main");
50 |         my2dstarfield=new starfield2D_img(mycanvas,bubble,my2dstarsparams);
51 |         
52 |         go();
53 |       }
54 |       
55 |       function go(){
56 |         mycanvas.fill('#000000');
57 |         my2dstarfield.draw();
58 |         requestAnimFrame( go );
59 |       }
60 |       
61 |     </script> 
62 |   </head> 
63 |   <body onLoad="init();">
64 |     <br>
65 |     <br>
66 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
67 |     </body> 
68 |     </html>
69 |       


--------------------------------------------------------------------------------
/tutorials/50_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     <script> 
34 |       
35 |       var mycanvas;
36 |       var my3d;
37 |       
38 |       function init(){
39 |         mycanvas=new canvas(640,480,"main");
40 |         my3d=new codef3D(mycanvas, 320, 75, 1, 1500 );
41 |         my3d.line({x:-320, y:0, z:0},{x:320, y:0, z:0}, new LineBasicMaterial({ color: 0x00ffff, linewidth:2}));
42 |         my3d.line({x: 0, y:-240, z:0},{x:0, y:240, z:0}, new LineBasicMaterial({ color: 0x00ffff, linewidth:2}));
43 |         go();
44 |       }
45 |       
46 |       function go(){
47 |         mycanvas.fill('#000000');
48 |         my3d.group.rotation.x+=0.01;
49 |         my3d.group.rotation.y+=0.02;
50 |         my3d.group.rotation.z+=0.04;
51 |         my3d.draw();
52 |         requestAnimFrame( go );
53 |       }
54 |       
55 |     </script> 
56 |   </head> 
57 |   <body onLoad="init();">
58 |     <br>
59 |     <br>
60 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
61 |   </body> 
62 | </html>
63 | 


--------------------------------------------------------------------------------
/tutorials/51_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     <script> 
34 |       
35 |       var mycanvas;
36 |       var my3d;
37 |       
38 |       var myobj = new Array();
39 |       var myobjvert = new Array();
40 |       myobjvert=[
41 |         {x:-1, y:0, z:-1},
42 |         {x: 1, y:0, z:-1},
43 |         {x: 1, y:0, z: 1},
44 |         {x:-1, y:0, z: 1},
45 |         {x:0, y:-2, z: 0},
46 |         {x:0, y: 2, z: 0},
47 |       ];
48 |         myobj=[ 
49 |         {p1:0, p2:1},
50 |         {p1:1, p2:2},
51 |         {p1:2, p2:3},
52 |         {p1:3, p2:0},
53 |         {p1:0, p2:4},
54 |         {p1:1, p2:4},
55 |         {p1:2, p2:4},
56 |         {p1:3, p2:4},
57 |         {p1:0, p2:5},
58 |         {p1:1, p2:5},
59 |         {p1:2, p2:5},
60 |         {p1:3, p2:5},
61 |         
62 |       ];
63 |       
64 |       
65 |       function init(){
66 |         mycanvas=new canvas(640,480,"main");
67 |         my3d=new codef3D(mycanvas, 20, 20, 1, 50 );
68 |         my3d.lines(myobjvert, myobj, new LineBasicMaterial({ color: 0x00ffff, linewidth:2}));
69 |         go();
70 |       }
71 |       
72 |       function go(){
73 |         mycanvas.fill('#000000');
74 |         my3d.group.rotation.x+=0.01;
75 |         my3d.group.rotation.y+=0.02;
76 |         my3d.group.rotation.z+=0.04;
77 |         my3d.draw();
78 |         requestAnimFrame( go );
79 |       }
80 |       
81 |     </script> 
82 |   </head> 
83 |   <body onLoad="init();">
84 |     <br>
85 |     <br>
86 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
87 |   </body> 
88 | </html>
89 | 


--------------------------------------------------------------------------------
/tutorials/52_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         myobj=[ 
51 |         {p1:1, p2:4, p3:0, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
52 |         {p1:2, p2:4, p3:1, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
53 |         {p1:3, p2:4, p3:2, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
54 |         {p1:0, p2:4, p3:3, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
55 |         {p1:0, p2:5, p3:1, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
56 |         {p1:1, p2:5, p3:2, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
57 |         {p1:2, p2:5, p3:3, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
58 |         {p1:3, p2:5, p3:0, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
59 |       ];
60 |       
61 |       function init(){
62 |         mycanvas=new canvas(640,480,"main");
63 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
64 |         my3d.faces(myobjvert,myobj, true, false );
65 |         go();
66 |       }
67 |       
68 |       function go(){
69 |         mycanvas.fill('#000000');
70 |         my3d.group.rotation.x+=0.01;
71 |         my3d.group.rotation.y+=0.02;
72 |         my3d.group.rotation.z+=0.04;
73 |         my3d.draw();
74 |         requestAnimFrame( go );
75 |       }
76 |       
77 |     </script> 
78 |   </head> 
79 |   <body onLoad="init();">
80 |     <br>
81 |     <br>
82 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
83 |   </body> 
84 | </html>
85 | 


--------------------------------------------------------------------------------
/tutorials/53_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         myobj=[ 
51 |         {p1:1, p2:4, p3:0, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
52 |         {p1:2, p2:4, p3:1, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
53 |         {p1:3, p2:4, p3:2, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
54 |         {p1:0, p2:4, p3:3, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
55 |         {p1:0, p2:5, p3:1, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
56 |         {p1:1, p2:5, p3:2, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
57 |         {p1:2, p2:5, p3:3, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
58 |         {p1:3, p2:5, p3:0, params:new MeshBasicMaterial({ color: 0xff0000, wireframe: true, wireframeLinewidth:2})},
59 |       ];
60 |       
61 |       function init(){
62 |         mycanvas=new canvas(640,480,"main");
63 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
64 |         my3d.faces(myobjvert,myobj, false, false );
65 |         go();
66 |       }
67 |       
68 |       function go(){
69 |         mycanvas.fill('#000000');
70 |         my3d.group.rotation.x+=0.01;
71 |         my3d.group.rotation.y+=0.02;
72 |         my3d.group.rotation.z+=0.04;
73 |         my3d.draw();
74 |         requestAnimFrame( go );
75 |       }
76 |       
77 |     </script> 
78 |   </head> 
79 |   <body onLoad="init();">
80 |     <br>
81 |     <br>
82 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
83 |   </body> 
84 | </html>
85 | 


--------------------------------------------------------------------------------
/tutorials/54_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         myobj=[ 
51 |         {p1:1, p2:4, p3:0, params:new MeshBasicMaterial({ color: 0x00aa00})},
52 |         {p1:2, p2:4, p3:1, params:new MeshBasicMaterial({ color: 0xeeeeee})},
53 |         {p1:3, p2:4, p3:2, params:new MeshBasicMaterial({ color: 0x00aa00})},
54 |         {p1:0, p2:4, p3:3, params:new MeshBasicMaterial({ color: 0xeeeeee})},
55 |         {p1:0, p2:5, p3:1, params:new MeshBasicMaterial({ color: 0xeeeeee})},
56 |         {p1:1, p2:5, p3:2, params:new MeshBasicMaterial({ color: 0x00aa00})},
57 |         {p1:2, p2:5, p3:3, params:new MeshBasicMaterial({ color: 0xeeeeee})},
58 |         {p1:3, p2:5, p3:0, params:new MeshBasicMaterial({ color: 0x00aa00})},
59 |       ];
60 |       
61 |       function init(){
62 |         mycanvas=new canvas(640,480,"main");
63 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
64 |         my3d.faces(myobjvert,myobj, false, true );
65 |         go();
66 |       }
67 |       
68 |       function go(){
69 |         mycanvas.fill('#000000');
70 |         my3d.group.rotation.x+=0.01;
71 |         my3d.group.rotation.y+=0.02;
72 |         my3d.group.rotation.z+=0.04;
73 |         my3d.draw();
74 |         requestAnimFrame( go );
75 |       }
76 |       
77 |     </script> 
78 |   </head> 
79 |   <body onLoad="init();">
80 |     <br>
81 |     <br>
82 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
83 |   </body> 
84 | </html>
85 | 


--------------------------------------------------------------------------------
/tutorials/55_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         myobj=[ 
51 |         {p1:1, p2:4, p3:0, params:new MeshBasicMaterial({ color: 0x00aa00, opacity:0.7})},
52 |         {p1:2, p2:4, p3:1, params:new MeshBasicMaterial({ color: 0xeeeeee, opacity:0.7})},
53 |         {p1:3, p2:4, p3:2, params:new MeshBasicMaterial({ color: 0x00aa00, opacity:0.7})},
54 |         {p1:0, p2:4, p3:3, params:new MeshBasicMaterial({ color: 0xeeeeee, opacity:0.7})},
55 |         {p1:0, p2:5, p3:1, params:new MeshBasicMaterial({ color: 0xeeeeee, opacity:0.7})},
56 |         {p1:1, p2:5, p3:2, params:new MeshBasicMaterial({ color: 0x00aa00, opacity:0.7})},
57 |         {p1:2, p2:5, p3:3, params:new MeshBasicMaterial({ color: 0xeeeeee, opacity:0.7})},
58 |         {p1:3, p2:5, p3:0, params:new MeshBasicMaterial({ color: 0x00aa00, opacity:0.7})},
59 |       ];
60 |       
61 |       function init(){
62 |         mycanvas=new canvas(640,480,"main");
63 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
64 |         my3d.faces(myobjvert,myobj, true, false );
65 |         go();
66 |       }
67 |       
68 |       function go(){
69 |         mycanvas.fill('#000000');
70 |         my3d.group.rotation.x+=0.01;
71 |         my3d.group.rotation.y+=0.02;
72 |         my3d.group.rotation.z+=0.04;
73 |         my3d.draw();
74 |         requestAnimFrame( go );
75 |       }
76 |       
77 |     </script> 
78 |   </head> 
79 |   <body onLoad="init();">
80 |     <br>
81 |     <br>
82 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
83 |   </body> 
84 | </html>
85 | 


--------------------------------------------------------------------------------
/tutorials/56_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         var myimage=new image('media/texture1.png'); 
51 |         
52 |         myobj=[ 
53 |         {p1:1, p2:4, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ) })},
54 |         {p1:2, p2:4, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ) })},
55 |         {p1:3, p2:4, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ) })},
56 |         {p1:0, p2:4, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ) })},
57 |         {p1:0, p2:5, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ) })},
58 |         {p1:1, p2:5, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ) })},
59 |         {p1:2, p2:5, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ) })},
60 |         {p1:3, p2:5, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ) })},
61 |       ];
62 |       
63 |       function init(){
64 |         mycanvas=new canvas(640,480,"main");
65 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
66 |         my3d.faces(myobjvert,myobj, false, true );
67 |         go();
68 |       }
69 |       
70 |       function go(){
71 |         mycanvas.fill('#000000');
72 |         my3d.group.rotation.x+=0.01;
73 |         my3d.group.rotation.y+=0.02;
74 |         my3d.group.rotation.z+=0.04;
75 |         my3d.draw();
76 |         requestAnimFrame( go );
77 |       }
78 |       
79 |     </script> 
80 |   </head> 
81 |   <body onLoad="init();">
82 |     <br>
83 |     <br>
84 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
85 |   </body> 
86 | </html>
87 | 


--------------------------------------------------------------------------------
/tutorials/57_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         myobj=[ 
51 |         {p1:1, p2:4, p3:0, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
52 |         {p1:2, p2:4, p3:1, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
53 |         {p1:3, p2:4, p3:2, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
54 |         {p1:0, p2:4, p3:3, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
55 |         {p1:0, p2:5, p3:1, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
56 |         {p1:1, p2:5, p3:2, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
57 |         {p1:2, p2:5, p3:3, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
58 |         {p1:3, p2:5, p3:0, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
59 |       ];
60 |       
61 |       function init(){
62 |         mycanvas=new canvas(640,480,"main");
63 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
64 |         my3d.faces(myobjvert,myobj, true, false );
65 |         
66 |         my3d.addAmbiLight(0x330000);
67 |         my3d.addDirLight(0.5,0.5,0.5,0xff0000);
68 |         
69 |         
70 |         go();
71 |       }
72 |       
73 |       function go(){
74 |         mycanvas.fill('#000000');
75 |         my3d.group.rotation.x+=0.01;
76 |         my3d.group.rotation.y+=0.02;
77 |         my3d.group.rotation.z+=0.04;
78 |         my3d.draw();
79 |         requestAnimFrame( go );
80 |       }
81 |       
82 |     </script> 
83 |   </head> 
84 |   <body onLoad="init();">
85 |     <br>
86 |     <br>
87 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
88 |   </body> 
89 | </html>
90 | 


--------------------------------------------------------------------------------
/tutorials/58_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         myobj=[ 
51 |         {p1:1, p2:4, p3:0, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
52 |         {p1:2, p2:4, p3:1, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
53 |         {p1:3, p2:4, p3:2, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
54 |         {p1:0, p2:4, p3:3, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
55 |         {p1:0, p2:5, p3:1, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
56 |         {p1:1, p2:5, p3:2, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
57 |         {p1:2, p2:5, p3:3, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
58 |         {p1:3, p2:5, p3:0, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: FlatShading})},
59 |       ];
60 |       
61 |       function init(){
62 |         mycanvas=new canvas(640,480,"main");
63 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
64 |         my3d.faces(myobjvert,myobj, false, false );
65 |         
66 |         my3d.addAmbiLight(0x330000);
67 |         my3d.addDirLight(0.5,0.5,0.5,0xff0000);
68 |         
69 |         
70 |         go();
71 |       }
72 |       
73 |       function go(){
74 |         mycanvas.fill('#000000');
75 |         my3d.group.rotation.x+=0.01;
76 |         my3d.group.rotation.y+=0.02;
77 |         my3d.group.rotation.z+=0.04;
78 |         my3d.draw();
79 |         requestAnimFrame( go );
80 |       }
81 |       
82 |     </script> 
83 |   </head> 
84 |   <body onLoad="init();">
85 |     <br>
86 |     <br>
87 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
88 |   </body> 
89 | </html>
90 | 


--------------------------------------------------------------------------------
/tutorials/59_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         myobj=[ 
51 |         {p1:1, p2:4, p3:0, params:new MeshLambertMaterial({ color: 0x00aa00, shading: FlatShading})},
52 |         {p1:2, p2:4, p3:1, params:new MeshLambertMaterial({ color: 0xeeeeee, shading: FlatShading})},
53 |         {p1:3, p2:4, p3:2, params:new MeshLambertMaterial({ color: 0x00aa00, shading: FlatShading})},
54 |         {p1:0, p2:4, p3:3, params:new MeshLambertMaterial({ color: 0xeeeeee, shading: FlatShading})},
55 |         {p1:0, p2:5, p3:1, params:new MeshLambertMaterial({ color: 0xeeeeee, shading: FlatShading})},
56 |         {p1:1, p2:5, p3:2, params:new MeshLambertMaterial({ color: 0x00aa00, shading: FlatShading})},
57 |         {p1:2, p2:5, p3:3, params:new MeshLambertMaterial({ color: 0xeeeeee, shading: FlatShading})},
58 |         {p1:3, p2:5, p3:0, params:new MeshLambertMaterial({ color: 0x00aa00, shading: FlatShading})},
59 |       ];
60 |       
61 |       function init(){
62 |         mycanvas=new canvas(640,480,"main");
63 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
64 |         my3d.faces(myobjvert,myobj, false, true );
65 |         my3d.addAmbiLight(0x333333);
66 |         my3d.addDirLight(0.5,0.5,0.5,0xffffff);
67 |         go();
68 |       }
69 |       
70 |       function go(){
71 |         mycanvas.fill('#000000');
72 |         my3d.group.rotation.x+=0.01;
73 |         my3d.group.rotation.y+=0.02;
74 |         my3d.group.rotation.z+=0.04;
75 |         my3d.draw();
76 |         requestAnimFrame( go );
77 |       }
78 |       
79 |     </script> 
80 |   </head> 
81 |   <body onLoad="init();">
82 |     <br>
83 |     <br>
84 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
85 |   </body> 
86 | </html>
87 | 


--------------------------------------------------------------------------------
/tutorials/60_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         myobj=[ 
51 |         {p1:1, p2:4, p3:0, params:new MeshLambertMaterial({ color: 0x00aa00, opacity:0.7, shading: FlatShading})},
52 |         {p1:2, p2:4, p3:1, params:new MeshLambertMaterial({ color: 0xeeeeee, opacity:0.7, shading: FlatShading})},
53 |         {p1:3, p2:4, p3:2, params:new MeshLambertMaterial({ color: 0x00aa00, opacity:0.7, shading: FlatShading})},
54 |         {p1:0, p2:4, p3:3, params:new MeshLambertMaterial({ color: 0xeeeeee, opacity:0.7, shading: FlatShading})},
55 |         {p1:0, p2:5, p3:1, params:new MeshLambertMaterial({ color: 0xeeeeee, opacity:0.7, shading: FlatShading})},
56 |         {p1:1, p2:5, p3:2, params:new MeshLambertMaterial({ color: 0x00aa00, opacity:0.7, shading: FlatShading})},
57 |         {p1:2, p2:5, p3:3, params:new MeshLambertMaterial({ color: 0xeeeeee, opacity:0.7, shading: FlatShading})},
58 |         {p1:3, p2:5, p3:0, params:new MeshLambertMaterial({ color: 0x00aa00, opacity:0.7, shading: FlatShading})},
59 |       ];
60 |       
61 |       function init(){
62 |         mycanvas=new canvas(640,480,"main");
63 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
64 |         my3d.faces(myobjvert,myobj, true, false );
65 |         my3d.addAmbiLight(0x333333);
66 |         my3d.addDirLight(0.5,0.5,0.5,0xffffff);
67 |         go();
68 |       }
69 |       
70 |       function go(){
71 |         mycanvas.fill('#000000');
72 |         my3d.group.rotation.x+=0.01;
73 |         my3d.group.rotation.y+=0.02;
74 |         my3d.group.rotation.z+=0.04;
75 |         my3d.draw();
76 |         requestAnimFrame( go );
77 |       }
78 |       
79 |     </script> 
80 |   </head> 
81 |   <body onLoad="init();">
82 |     <br>
83 |     <br>
84 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
85 |   </body> 
86 | </html>
87 | 


--------------------------------------------------------------------------------
/tutorials/61_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         var myimage=new image('media/texture1.png'); 
51 |         
52 |         myobj=[ 
53 |         {p1:1, p2:4, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading })},
54 |         {p1:2, p2:4, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading })},
55 |         {p1:3, p2:4, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading })},
56 |         {p1:0, p2:4, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading })},
57 |         {p1:0, p2:5, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading })},
58 |         {p1:1, p2:5, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading })},
59 |         {p1:2, p2:5, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading })},
60 |         {p1:3, p2:5, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading })},
61 |       ];
62 |       
63 |       function init(){
64 |         mycanvas=new canvas(640,480,"main");
65 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
66 |         my3d.faces(myobjvert,myobj, false, true );
67 |         my3d.addAmbiLight(0x000000);
68 |         my3d.addDirLight(0.5,0.5,0.5,0xffffff);
69 |         go();
70 |       }
71 |       
72 |       function go(){
73 |         mycanvas.fill('#000000');
74 |         my3d.group.rotation.x+=0.01;
75 |         my3d.group.rotation.y+=0.02;
76 |         my3d.group.rotation.z+=0.04;
77 |         my3d.draw();
78 |         requestAnimFrame( go );
79 |       }
80 |       
81 |     </script> 
82 |   </head> 
83 |   <body onLoad="init();">
84 |     <br>
85 |     <br>
86 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
87 |   </body> 
88 | </html>
89 | 


--------------------------------------------------------------------------------
/tutorials/62_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         myobj=[ 
51 |         {p1:1, p2:4, p3:0, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
52 |         {p1:2, p2:4, p3:1, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
53 |         {p1:3, p2:4, p3:2, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
54 |         {p1:0, p2:4, p3:3, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
55 |         {p1:0, p2:5, p3:1, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
56 |         {p1:1, p2:5, p3:2, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
57 |         {p1:2, p2:5, p3:3, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
58 |         {p1:3, p2:5, p3:0, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
59 |       ];
60 |       
61 |       function init(){
62 |         mycanvas=new canvas(640,480,"main");
63 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
64 |         my3d.faces(myobjvert,myobj, true, false );
65 |         
66 |         my3d.addAmbiLight(0x330000);
67 |         my3d.addDirLight(0.5,0.5,0.5,0xff0000);
68 |         
69 |         
70 |         go();
71 |       }
72 |       
73 |       function go(){
74 |         mycanvas.fill('#000000');
75 |         my3d.group.rotation.x+=0.01;
76 |         my3d.group.rotation.y+=0.02;
77 |         my3d.group.rotation.z+=0.04;
78 |         my3d.draw();
79 |         requestAnimFrame( go );
80 |       }
81 |       
82 |     </script> 
83 |   </head> 
84 |   <body onLoad="init();">
85 |     <br>
86 |     <br>
87 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
88 |   </body> 
89 | </html>
90 | 


--------------------------------------------------------------------------------
/tutorials/63_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         myobj=[ 
51 |         {p1:1, p2:4, p3:0, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
52 |         {p1:2, p2:4, p3:1, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
53 |         {p1:3, p2:4, p3:2, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
54 |         {p1:0, p2:4, p3:3, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
55 |         {p1:0, p2:5, p3:1, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
56 |         {p1:1, p2:5, p3:2, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
57 |         {p1:2, p2:5, p3:3, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
58 |         {p1:3, p2:5, p3:0, params:new MeshLambertMaterial({ color: 0xffffff, wireframe: true, wireframeLinewidth:5, shading: SmoothShading})},
59 |       ];
60 |       
61 |       function init(){
62 |         mycanvas=new canvas(640,480,"main");
63 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
64 |         my3d.faces(myobjvert,myobj, false, false );
65 |         
66 |         my3d.addAmbiLight(0x330000);
67 |         my3d.addDirLight(0.5,0.5,0.5,0xff0000);
68 |         
69 |         
70 |         go();
71 |       }
72 |       
73 |       function go(){
74 |         mycanvas.fill('#000000');
75 |         my3d.group.rotation.x+=0.01;
76 |         my3d.group.rotation.y+=0.02;
77 |         my3d.group.rotation.z+=0.04;
78 |         my3d.draw();
79 |         requestAnimFrame( go );
80 |       }
81 |       
82 |     </script> 
83 |   </head> 
84 |   <body onLoad="init();">
85 |     <br>
86 |     <br>
87 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
88 |   </body> 
89 | </html>
90 | 


--------------------------------------------------------------------------------
/tutorials/64_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         myobj=[ 
51 |         {p1:1, p2:4, p3:0, params:new MeshLambertMaterial({ color: 0x00aa00, shading: SmoothShading})},
52 |         {p1:2, p2:4, p3:1, params:new MeshLambertMaterial({ color: 0xeeeeee, shading: SmoothShading})},
53 |         {p1:3, p2:4, p3:2, params:new MeshLambertMaterial({ color: 0x00aa00, shading: SmoothShading})},
54 |         {p1:0, p2:4, p3:3, params:new MeshLambertMaterial({ color: 0xeeeeee, shading: SmoothShading})},
55 |         {p1:0, p2:5, p3:1, params:new MeshLambertMaterial({ color: 0xeeeeee, shading: SmoothShading})},
56 |         {p1:1, p2:5, p3:2, params:new MeshLambertMaterial({ color: 0x00aa00, shading: SmoothShading})},
57 |         {p1:2, p2:5, p3:3, params:new MeshLambertMaterial({ color: 0xeeeeee, shading: SmoothShading})},
58 |         {p1:3, p2:5, p3:0, params:new MeshLambertMaterial({ color: 0x00aa00, shading: SmoothShading})},
59 |       ];
60 |       
61 |       function init(){
62 |         mycanvas=new canvas(640,480,"main");
63 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
64 |         my3d.faces(myobjvert,myobj, false, true );
65 |         my3d.addAmbiLight(0x333333);
66 |         my3d.addDirLight(0.5,0.5,0.5,0xffffff);
67 |         go();
68 |       }
69 |       
70 |       function go(){
71 |         mycanvas.fill('#000000');
72 |         my3d.group.rotation.x+=0.01;
73 |         my3d.group.rotation.y+=0.02;
74 |         my3d.group.rotation.z+=0.04;
75 |         my3d.draw();
76 |         requestAnimFrame( go );
77 |       }
78 |       
79 |     </script> 
80 |   </head> 
81 |   <body onLoad="init();">
82 |     <br>
83 |     <br>
84 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
85 |   </body> 
86 | </html>
87 | 


--------------------------------------------------------------------------------
/tutorials/65_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         myobj=[ 
51 |         {p1:1, p2:4, p3:0, params:new MeshLambertMaterial({ color: 0x00aa00, opacity:0.7, shading: SmoothShading})},
52 |         {p1:2, p2:4, p3:1, params:new MeshLambertMaterial({ color: 0xeeeeee, opacity:0.7, shading: SmoothShading})},
53 |         {p1:3, p2:4, p3:2, params:new MeshLambertMaterial({ color: 0x00aa00, opacity:0.7, shading: SmoothShading})},
54 |         {p1:0, p2:4, p3:3, params:new MeshLambertMaterial({ color: 0xeeeeee, opacity:0.7, shading: SmoothShading})},
55 |         {p1:0, p2:5, p3:1, params:new MeshLambertMaterial({ color: 0xeeeeee, opacity:0.7, shading: SmoothShading})},
56 |         {p1:1, p2:5, p3:2, params:new MeshLambertMaterial({ color: 0x00aa00, opacity:0.7, shading: SmoothShading})},
57 |         {p1:2, p2:5, p3:3, params:new MeshLambertMaterial({ color: 0xeeeeee, opacity:0.7, shading: SmoothShading})},
58 |         {p1:3, p2:5, p3:0, params:new MeshLambertMaterial({ color: 0x00aa00, opacity:0.7, shading: SmoothShading})},
59 |       ];
60 |       
61 |       function init(){
62 |         mycanvas=new canvas(640,480,"main");
63 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
64 |         my3d.faces(myobjvert,myobj, true, false );
65 |         my3d.addAmbiLight(0x333333);
66 |         my3d.addDirLight(0.5,0.5,0.5,0xffffff);
67 |         go();
68 |       }
69 |       
70 |       function go(){
71 |         mycanvas.fill('#000000');
72 |         my3d.group.rotation.x+=0.01;
73 |         my3d.group.rotation.y+=0.02;
74 |         my3d.group.rotation.z+=0.04;
75 |         my3d.draw();
76 |         requestAnimFrame( go );
77 |       }
78 |       
79 |     </script> 
80 |   </head> 
81 |   <body onLoad="init();">
82 |     <br>
83 |     <br>
84 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
85 |   </body> 
86 | </html>
87 | 


--------------------------------------------------------------------------------
/tutorials/66_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         var myimage=new image('media/texture1.png'); 
51 |         
52 |         myobj=[ 
53 |         {p1:1, p2:4, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading })},
54 |         {p1:2, p2:4, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading })},
55 |         {p1:3, p2:4, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading })},
56 |         {p1:0, p2:4, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading })},
57 |         {p1:0, p2:5, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading })},
58 |         {p1:1, p2:5, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading })},
59 |         {p1:2, p2:5, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading })},
60 |         {p1:3, p2:5, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading })},
61 |       ];
62 |       
63 |       function init(){
64 |         mycanvas=new canvas(640,480,"main");
65 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
66 |         my3d.faces(myobjvert,myobj, false, true );
67 |         my3d.addAmbiLight(0x000000);
68 |         my3d.addDirLight(0.5,0.5,0.5,0xffffff);
69 |         go();
70 |       }
71 |       
72 |       function go(){
73 |         mycanvas.fill('#000000');
74 |         my3d.group.rotation.x+=0.01;
75 |         my3d.group.rotation.y+=0.02;
76 |         my3d.group.rotation.z+=0.04;
77 |         my3d.draw();
78 |         requestAnimFrame( go );
79 |       }
80 |       
81 |     </script> 
82 |   </head> 
83 |   <body onLoad="init();">
84 |     <br>
85 |     <br>
86 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
87 |   </body> 
88 | </html>
89 | 


--------------------------------------------------------------------------------
/tutorials/67_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         var myimage=new image('media/texture1.png'); 
51 |         
52 |         myobj=[ 
53 |         {p1:1, p2:4, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ), opacity:0.2 })},
54 |         {p1:2, p2:4, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ), opacity:0.2 })},
55 |         {p1:3, p2:4, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ), opacity:0.2 })},
56 |         {p1:0, p2:4, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ), opacity:0.2 })},
57 |         {p1:0, p2:5, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ), opacity:0.2 })},
58 |         {p1:1, p2:5, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ), opacity:0.2 })},
59 |         {p1:2, p2:5, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ), opacity:0.2 })},
60 |         {p1:3, p2:5, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ map: new Texture( myimage.img ), opacity:0.2 })},
61 |       ];
62 |       
63 |       function init(){
64 |         mycanvas=new canvas(640,480,"main");
65 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
66 |         my3d.faces(myobjvert,myobj, true, true );
67 |         go();
68 |       }
69 |       
70 |       function go(){
71 |         mycanvas.fill('#000000');
72 |         my3d.group.rotation.x+=0.01;
73 |         my3d.group.rotation.y+=0.02;
74 |         my3d.group.rotation.z+=0.04;
75 |         my3d.draw();
76 |         requestAnimFrame( go );
77 |       }
78 |       
79 |     </script> 
80 |   </head> 
81 |   <body onLoad="init();">
82 |     <br>
83 |     <br>
84 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
85 |   </body> 
86 | </html>
87 | 


--------------------------------------------------------------------------------
/tutorials/68_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         var myimage=new image('media/texture1.png'); 
51 |         
52 |         myobj=[ 
53 |         {p1:1, p2:4, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading, opacity:0.2 })},
54 |         {p1:2, p2:4, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading, opacity:0.2 })},
55 |         {p1:3, p2:4, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading, opacity:0.2 })},
56 |         {p1:0, p2:4, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading, opacity:0.2 })},
57 |         {p1:0, p2:5, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading, opacity:0.2 })},
58 |         {p1:1, p2:5, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading, opacity:0.2 })},
59 |         {p1:2, p2:5, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading, opacity:0.2 })},
60 |         {p1:3, p2:5, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: FlatShading, opacity:0.2 })},
61 |       ];
62 |       
63 |       function init(){
64 |         mycanvas=new canvas(640,480,"main");
65 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
66 |         my3d.faces(myobjvert,myobj, true, true );
67 |         my3d.addAmbiLight(0x000000);
68 |         my3d.addDirLight(0.5,0.5,0.5,0xffffff);
69 |         go();
70 |       }
71 |       
72 |       function go(){
73 |         mycanvas.fill('#000000');
74 |         my3d.group.rotation.x+=0.01;
75 |         my3d.group.rotation.y+=0.02;
76 |         my3d.group.rotation.z+=0.04;
77 |         my3d.draw();
78 |         requestAnimFrame( go );
79 |       }
80 |       
81 |     </script> 
82 |   </head> 
83 |   <body onLoad="init();">
84 |     <br>
85 |     <br>
86 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
87 |   </body> 
88 | </html>
89 | 


--------------------------------------------------------------------------------
/tutorials/69_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100},
43 |         {x: 100, y:0, z: 100},
44 |         {x: 100, y:0, z: -100},
45 |         {x:-100, y:0, z: -100},
46 |         {x:0, y: 200, z: 0},
47 |         {x:0, y:-200, z: 0},
48 |       ];
49 |         
50 |         var myimage=new image('media/texture1.png'); 
51 |         
52 |         myobj=[ 
53 |         {p1:1, p2:4, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading, opacity:0.2 })},
54 |         {p1:2, p2:4, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading, opacity:0.2 })},
55 |         {p1:3, p2:4, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading, opacity:0.2 })},
56 |         {p1:0, p2:4, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading, opacity:0.2 })},
57 |         {p1:0, p2:5, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading, opacity:0.2 })},
58 |         {p1:1, p2:5, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading, opacity:0.2 })},
59 |         {p1:2, p2:5, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading, opacity:0.2 })},
60 |         {p1:3, p2:5, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshLambertMaterial({ map: new Texture( myimage.img ), shading: SmoothShading, opacity:0.2 })},
61 |       ];
62 |       
63 |       function init(){
64 |         mycanvas=new canvas(640,480,"main");
65 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
66 |         my3d.faces(myobjvert,myobj, true, true );
67 |         my3d.addAmbiLight(0x000000);
68 |         my3d.addDirLight(0.5,0.5,0.5,0xffffff);
69 |         go();
70 |       }
71 |       
72 |       function go(){
73 |         mycanvas.fill('#000000');
74 |         my3d.group.rotation.x+=0.01;
75 |         my3d.group.rotation.y+=0.02;
76 |         my3d.group.rotation.z+=0.04;
77 |         my3d.draw();
78 |         requestAnimFrame( go );
79 |       }
80 |       
81 |     </script> 
82 |   </head> 
83 |   <body onLoad="init();">
84 |     <br>
85 |     <br>
86 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
87 |   </body> 
88 | </html>
89 | 


--------------------------------------------------------------------------------
/tutorials/70_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     
34 |     <script> 
35 |       
36 |       var mycanvas;
37 |       var my3d;
38 |       
39 |       var myobj = new Array();
40 |       var myobjvert = new Array();
41 |       myobjvert=[
42 |         {x:-100, y:0, z: 100, color:0xffffff, size:10},
43 |         {x: 100, y:0, z: 100, color:0xffffff, size:10},
44 |         {x: 100, y:0, z: -100, color:0xffffff, size:10},
45 |         {x:-100, y:0, z: -100, color:0xffffff, size:10},
46 |         {x:0, y: 200, z: 0, color:0xff0000, size:25},
47 |         {x:0, y:-200, z: 0, color:0xff0000, size:25},
48 |       ];
49 |         
50 |         function init(){
51 |         mycanvas=new canvas(640,480,"main");
52 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
53 |         my3d.vectorball_dot(myobjvert);
54 |         go();
55 |         }
56 |         
57 |         function go(){
58 |         mycanvas.fill('#000000');
59 |         my3d.group.rotation.x+=0.01;
60 |         my3d.group.rotation.y+=0.02;
61 |         my3d.group.rotation.z+=0.04;
62 |         my3d.draw();
63 |         requestAnimFrame( go );
64 |         }
65 |         
66 |     </script> 
67 |   </head> 
68 |   <body onLoad="init();">
69 |     <br>
70 |     <br>
71 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
72 |   </body> 
73 | </html>
74 | 


--------------------------------------------------------------------------------
/tutorials/71_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     <script src="//codef.santo.fr/codef/codef_stats.js"></script> 
34 |     
35 |     
36 |     <script> 
37 |       
38 |       var mycanvas;
39 |       var my3d;
40 |       var ball = new Array();
41 |       ball[0]=new image('media/ball0.png');
42 |       ball[1]=new image('media/ball1.png');
43 |       ball[2]=new image('media/ball2.png');
44 |       ball[3]=new image('media/ball3.png');
45 |       
46 |       var myobj = new Array();
47 |       var myobjvert = new Array();
48 |       myobjvert=[{x:-1, y:-1, z:-1, img:0},
49 |                  {x: 1, y:-1, z:-1, img:1},
50 |                  {x: 1, y: 1, z:-1, img:2},
51 |                  {x:-1, y: 1, z:-1, img:3},
52 |                  {x:-1, y:-1, z: 1, img:2},
53 |                  {x: 1, y:-1, z: 1, img:3},
54 |                  {x: 1, y: 1, z: 1, img:0},
55 |                  {x:-1, y: 1, z: 1, img:1},
56 |                  {x:-0.35, y:-0.35, z:-0.35, img:0},
57 |                  {x: 0.35, y:-0.35, z:-0.35, img:1},
58 |                  {x: 0.35, y: 0.35, z:-0.35, img:2},
59 |                  {x:-0.35, y: 0.35, z:-0.35, img:3},
60 |                  {x:-0.35, y:-0.35, z: 0.35, img:2},
61 |                  {x: 0.35, y:-0.35, z: 0.35, img:3},
62 |                  {x: 0.35, y: 0.35, z: 0.35, img:0},
63 |                  {x:-0.35, y: 0.35, z: 0.35, img:1},
64 |                 ];
65 |                  
66 |                  function init(){
67 |                  addstats();
68 |                  mycanvas=new canvas(640,480,"main");
69 |                  
70 |                  my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
71 |                  my3d.vectorball_img(myobjvert, ball );
72 |                  my3d.group.scale.x=my3d.group.scale.y=my3d.group.scale.z=90;
73 |                  
74 |                  go();
75 |                  }
76 |                  
77 |                  function go(){
78 |                  mycanvas.fill('#000000');
79 |                  my3d.group.rotation.x+=0.01;
80 |                  my3d.group.rotation.y+=0.02;
81 |                  my3d.group.rotation.z+=0.04;
82 |                  my3d.draw();
83 |                  
84 |                  updatestats();
85 |                  requestAnimFrame( go );
86 |                  }
87 |                  
88 |     </script> 
89 |   </head> 
90 |   <body onLoad="init();">
91 |     <br>
92 |     <br>
93 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
94 |   </body> 
95 | </html>
96 | 


--------------------------------------------------------------------------------
/tutorials/72_3d.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML> 
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>  
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
33 |     <script src="//codef.santo.fr/codef/codef_stats.js"></script> 
34 |     
35 |     <script> 
36 |       
37 |       var mycanvas;
38 |       var my3d;
39 |       
40 |       var myobj = new Array();
41 |       var myobjvert = new Array();
42 |       myobjvert=[
43 |         {x:-100, y:0, z: 100},
44 |         {x: 100, y:0, z: 100},
45 |         {x: 100, y:0, z: -100},
46 |         {x:-100, y:0, z: -100},
47 |         {x:0, y: 200, z: 0},
48 |         {x:0, y:-200, z: 0},
49 |       ];
50 |         
51 |         var myimage=new image('media/envmap.png'); 
52 |         
53 |         myobj=[ 
54 |         {p1:1, p2:4, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ envMap: new Texture( myimage.img, new SphericalReflectionMapping() ) })},
55 |         {p1:2, p2:4, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ envMap: new Texture( myimage.img, new SphericalReflectionMapping() ) })},
56 |         {p1:3, p2:4, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ envMap: new Texture( myimage.img, new SphericalReflectionMapping() ) })},
57 |         {p1:0, p2:4, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ envMap: new Texture( myimage.img, new SphericalReflectionMapping() ) })},
58 |         {p1:0, p2:5, p3:1, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ envMap: new Texture( myimage.img, new SphericalReflectionMapping() ) })},
59 |         {p1:1, p2:5, p3:2, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ envMap: new Texture( myimage.img, new SphericalReflectionMapping() ) })},
60 |         {p1:2, p2:5, p3:3, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ envMap: new Texture( myimage.img, new SphericalReflectionMapping() ) })},
61 |         {p1:3, p2:5, p3:0, u1:1,v1:1, u2:0.5,v2:0, u3:0,v3:1 ,params:new MeshBasicMaterial({ envMap: new Texture( myimage.img, new SphericalReflectionMapping() ) })},
62 |       ];
63 |       
64 |       function init(){
65 |         addstats();
66 |         mycanvas=new canvas(640,480,"main");
67 |         my3d=new codef3D(mycanvas, 900, 40, 1, 1600 );
68 |         my3d.faces(myobjvert,myobj, false, true );
69 |         go();
70 |       }
71 |       
72 |       function go(){
73 |         mycanvas.fill('#000000');
74 |         my3d.group.rotation.x+=0.01;
75 |         my3d.group.rotation.y+=0.02;
76 |         my3d.group.rotation.z+=0.04;
77 |         my3d.draw();
78 |         
79 |         updatestats();
80 |         
81 |         requestAnimFrame( go );
82 |       }
83 |       
84 |     </script> 
85 |   </head> 
86 |   <body onLoad="init();" topmargin=0 leftmargin=0> 
87 |     <br> 
88 |     <br> 
89 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center> 
90 |   </body> 
91 | </html>
92 | 


--------------------------------------------------------------------------------
/tutorials/80_music.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_music.js"></script> 
32 |     <script> 
33 |       var player = new music("YM");
34 |       //player.stereo(true);
35 |       player.LoadAndRun('media/A Prehistoric Tale  7.ym');
36 |       
37 |     </script> 
38 |   </head> 
39 |   <body>
40 |     Here is a simple Way to Play "YM" file ;)
41 |     <br>
42 |     <br>
43 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
44 |   </body> 
45 | </html>
46 | 


--------------------------------------------------------------------------------
/tutorials/81_music.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <!------------------------------------------------------------------------------
 3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
 4 | 
 5 | This File is part of the CODEF project.
 6 | 
 7 | More info : http://codef.santo.fr
 8 | Demo gallery http://www.wab.com
 9 | 
10 | Permission is hereby granted, free of charge, to any person obtaining a copy
11 | of this software and associated documentation files (the "Software"), to deal
12 | in the Software without restriction, including without limitation the rights
13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14 | copies of the Software, and to permit persons to whom the Software is
15 | furnished to do so, subject to the following conditions:
16 | 
17 | The above copyright notice and this permission notice shall be included in
18 | all copies or substantial portions of the Software.
19 | 
20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
26 | THE SOFTWARE.
27 | ------------------------------------------------------------------------------>
28 | <html> 
29 |   <head> 
30 |     
31 |     <script src="//codef.santo.fr/codef/codef_music.js"></script> 
32 |     <script> 
33 |       var player = new music("MK");
34 |       //player.stereo(true);
35 |       player.LoadAndRun('media/hmd3.mod');
36 |       
37 |     </script> 
38 |   </head> 
39 |   <body>
40 |     Here is a simple Way to Play "MOD" file ;)
41 |     <br>
42 |     <br>
43 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
44 |   </body> 
45 | </html>
46 | 


--------------------------------------------------------------------------------
/tutorials/90_intro.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <!------------------------------------------------------------------------------
  3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
  4 | 
  5 | This File is part of the CODEF project.
  6 | 
  7 | More info : http://codef.santo.fr
  8 | Demo gallery http://www.wab.com
  9 | 
 10 | Permission is hereby granted, free of charge, to any person obtaining a copy
 11 | of this software and associated documentation files (the "Software"), to deal
 12 | in the Software without restriction, including without limitation the rights
 13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 14 | copies of the Software, and to permit persons to whom the Software is
 15 | furnished to do so, subject to the following conditions:
 16 | 
 17 | The above copyright notice and this permission notice shall be included in
 18 | all copies or substantial portions of the Software.
 19 | 
 20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 26 | THE SOFTWARE.
 27 | ------------------------------------------------------------------------------>
 28 | <html> 
 29 |   <head> 
 30 |     
 31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
 32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
 33 |     <script src="//codef.santo.fr/codef/codef_starfield.js"></script> 
 34 |     <script src="//codef.santo.fr/codef/codef_gradient.js"></script>
 35 |     <script src="//codef.santo.fr/codef/codef_fx.js"></script> 
 36 |     <script src="//codef.santo.fr/codef/codef_scrolltext.js"></script> 
 37 |     
 38 |     <script> 
 39 |       
 40 |       var mycanvas;
 41 |       var my3d;
 42 |       var mystarfield;
 43 |       
 44 |       var myobj = new Array();
 45 |       var myobjvert = new Array();
 46 |       myobjvert=[
 47 |         {x:-1, y:0, z:-1},
 48 |         {x: 1, y:0, z:-1},
 49 |         {x: 1, y:0, z: 1},
 50 |         {x:-1, y:0, z: 1},
 51 |         {x:0, y:-2, z: 0},
 52 |         {x:0, y: 2, z: 0},
 53 |       ];
 54 |         myobj=[ 
 55 |         {p1:0, p2:1, p3:4, params:new MeshBasicMaterial({ color: 0x00aa00, opacity:0.7})},
 56 |         {p1:1, p2:2, p3:4, params:new MeshBasicMaterial({ color: 0xeeeeee, opacity:0.7})},
 57 |         {p1:2, p2:3, p3:4, params:new MeshBasicMaterial({ color: 0x00aa00, opacity:0.7})},
 58 |         {p1:3, p2:0, p3:4, params:new MeshBasicMaterial({ color: 0xeeeeee, opacity:0.7})},
 59 |         {p1:0, p2:1, p3:5, params:new MeshBasicMaterial({ color: 0xeeeeee, opacity:0.7})},
 60 |         {p1:1, p2:2, p3:5, params:new MeshBasicMaterial({ color: 0x00aa00, opacity:0.7})},
 61 |         {p1:2, p2:3, p3:5, params:new MeshBasicMaterial({ color: 0xeeeeee, opacity:0.7})},
 62 |         {p1:3, p2:0, p3:5, params:new MeshBasicMaterial({ color: 0x00aa00, opacity:0.7})},
 63 |       ];
 64 |       
 65 |       var mygrad;
 66 |       var mygradcolor=
 67 |           [
 68 |             {color: 'rgb(0,50,0)' ,  offset:0},
 69 |             {color: 'rgb(0,0,0)' ,  offset:0.25},
 70 |             {color: 'rgb(0,0,0)' ,  offset:0.75},
 71 |             {color: 'rgb(0,50,0)' ,  offset:1}
 72 |             
 73 |           ];
 74 |       
 75 |       var myfont = new image('media/font1.png');
 76 |       var myoffscreencanvas;
 77 |       var myscrolltext;
 78 |       
 79 |       var myfx;
 80 |       var myfxparam=[
 81 |         {value: 0, amp: 30, inc:0.03, offset: -0.05},
 82 |         {value: 0, amp: 60, inc:0.01, offset: -0.01}
 83 |       ];
 84 |       
 85 |       
 86 |       
 87 |       function init(){
 88 |         mycanvas=new canvas(640,480,"main");
 89 |         myoffscreencanvas=new canvas(640,32);
 90 |         myfont.initTile(32,32,32);
 91 |         
 92 |         myscrolltext = new scrolltext_horizontal();
 93 |         myscrolltext.scrtxt="YOP YOP NONAMENO IS BACK WITH THIS SCROLLY.. WHAT A SHITTY NICE SCROLL....     "
 94 |           myscrolltext.init(myoffscreencanvas,myfont,1);
 95 |         
 96 |         myfx=new FX(myoffscreencanvas,mycanvas,myfxparam);
 97 |         
 98 |         my3d=new codef3D(mycanvas, 20, 20, 1, 50 );
 99 |         my3d.faces(myobjvert,myobj, true, false );
100 |         
101 |         mystarfield=new starfield3D(mycanvas, 500, 2, 640,480, 320, 240,'#FFFFFF', 100,0,0);
102 |         
103 |         mygrad=new grad(mycanvas,mygradcolor);
104 |         
105 |         go();
106 |       }
107 |       
108 |       function go(){
109 |         mygrad.drawH();
110 |         mystarfield.draw();
111 |         myoffscreencanvas.clear();
112 |         myscrolltext.draw(0);
113 |         myfx.siny(0,240);
114 |         my3d.group.rotation.x+=0.01;
115 |         my3d.group.rotation.y+=0.02;
116 |         my3d.group.rotation.z+=0.04;
117 |         my3d.draw();
118 |         requestAnimFrame( go );
119 |       }
120 |       
121 |     </script> 
122 |   </head> 
123 |   <body onLoad="init();" bgcolor="#000000">
124 |     <br>
125 |     <br>
126 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
127 |       </body> 
128 |       </html>
129 |       


--------------------------------------------------------------------------------
/tutorials/91_intro.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <!------------------------------------------------------------------------------
  3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
  4 | 
  5 | This File is part of the CODEF project.
  6 | 
  7 | More info : http://codef.santo.fr
  8 | Demo gallery http://www.wab.com
  9 | 
 10 | Permission is hereby granted, free of charge, to any person obtaining a copy
 11 | of this software and associated documentation files (the "Software"), to deal
 12 | in the Software without restriction, including without limitation the rights
 13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 14 | copies of the Software, and to permit persons to whom the Software is
 15 | furnished to do so, subject to the following conditions:
 16 | 
 17 | The above copyright notice and this permission notice shall be included in
 18 | all copies or substantial portions of the Software.
 19 | 
 20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 26 | THE SOFTWARE.
 27 | ------------------------------------------------------------------------------>
 28 | <html> 
 29 |   <head> 
 30 |     
 31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
 32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
 33 |     <script src="//codef.santo.fr/codef/codef_starfield.js"></script> 
 34 |     <script src="//codef.santo.fr/codef/codef_gradient.js"></script>
 35 |     <script src="//codef.santo.fr/codef/codef_fx.js"></script> 
 36 |     <script src="//codef.santo.fr/codef/codef_scrolltext.js"></script> 
 37 |     
 38 |     <script> 
 39 |       
 40 |       var mycanvas;
 41 |       var my3d;
 42 |       var mystarfield;
 43 |       
 44 |       var myobj = new Array();
 45 |       var myobjvert = new Array();
 46 |       myobjvert=[
 47 |         {x:-1, y:0, z:-1},
 48 |         {x: 1, y:0, z:-1},
 49 |         {x: 1, y:0, z: 1},
 50 |         {x:-1, y:0, z: 1},
 51 |         {x:0, y:-2, z: 0},
 52 |         {x:0, y: 2, z: 0},
 53 |       ];
 54 |         myobj=[ 
 55 |         {p1:0, p2:1, p3:4, params:new MeshBasicMaterial({ color: 0x00aa00, opacity:0.5})},
 56 |         {p1:1, p2:2, p3:4, params:new MeshBasicMaterial({ color: 0xeeeeee, opacity:0.5})},
 57 |         {p1:2, p2:3, p3:4, params:new MeshBasicMaterial({ color: 0x00aa00, opacity:0.5})},
 58 |         {p1:3, p2:0, p3:4, params:new MeshBasicMaterial({ color: 0xeeeeee, opacity:0.5})},
 59 |         {p1:0, p2:1, p3:5, params:new MeshBasicMaterial({ color: 0xeeeeee, opacity:0.5})},
 60 |         {p1:1, p2:2, p3:5, params:new MeshBasicMaterial({ color: 0x00aa00, opacity:0.5})},
 61 |         {p1:2, p2:3, p3:5, params:new MeshBasicMaterial({ color: 0xeeeeee, opacity:0.5})},
 62 |         {p1:3, p2:0, p3:5, params:new MeshBasicMaterial({ color: 0x00aa00, opacity:0.5})},
 63 |       ];
 64 |       
 65 |       var mygrad;
 66 |       var mygradcolor=
 67 |           [
 68 |             {color: 'rgb(0,50,0)' ,  offset:0},
 69 |             {color: 'rgb(0,0,0)' ,  offset:0.25},
 70 |             {color: 'rgb(0,0,0)' ,  offset:0.75},
 71 |             {color: 'rgb(0,50,0)' ,  offset:1}
 72 |             
 73 |           ];
 74 |       
 75 |       var myfont = new image('media/font1.png');
 76 |       var myoffscreencanvas;
 77 |       var myoffscreencanvas3d;
 78 |       var myscrolltext;
 79 |       
 80 |       var myfx;
 81 |       var myfx3d;
 82 |       var myfxparam=[
 83 |         {value: 0, amp: 30, inc:0.03, offset: -0.05},
 84 |         {value: 0, amp: 60, inc:0.01, offset: -0.01}
 85 |       ];
 86 |       var myfxparam3d=[
 87 |         {value: 0, amp: 30, inc:0.03, offset: -0.05},
 88 |         {value: 0, amp: 60, inc:0.01, offset: -0.01}
 89 |       ];
 90 |       
 91 |       
 92 |       
 93 |       function init(){
 94 |         mycanvas=new canvas(640,480,"main");
 95 |         myoffscreencanvas3d=new canvas(320,240);
 96 |         myoffscreencanvas=new canvas(640,32);
 97 |         myfont.initTile(32,32,32);
 98 |         
 99 |         myscrolltext = new scrolltext_horizontal();
100 |         myscrolltext.scrtxt="YOP YOP NONAMENO IS BACK WITH THIS SCROLLY.. WHAT A SHITTY NICE SCROLL....     "
101 |           myscrolltext.init(myoffscreencanvas,myfont,1);
102 |         
103 |         myfx=new FX(myoffscreencanvas,mycanvas,myfxparam);
104 |         
105 |         
106 |         my3d=new codef3D(myoffscreencanvas3d, 12, 20, 1, 50 );
107 |         my3d.faces(myobjvert,myobj, true, false );
108 |         
109 |         myfx3d=new FX(myoffscreencanvas3d,mycanvas,myfxparam3d);
110 |         
111 |         mystarfield=new starfield3D(mycanvas, 500, 2, 640,480, 320, 240,'#FFFFFF', 100,0,0);
112 |         
113 |         mygrad=new grad(mycanvas,mygradcolor);
114 |         
115 |         go();
116 |       }
117 |       
118 |       function go(){
119 |         myoffscreencanvas3d.clear();
120 |         mygrad.drawH();
121 |         mystarfield.draw();
122 |         myoffscreencanvas.clear();
123 |         myscrolltext.draw(0);
124 |         myfx.siny(0,240);
125 |         
126 |         my3d.group.rotation.x+=0.01;
127 |         my3d.group.rotation.y+=0.02;
128 |         my3d.group.rotation.z+=0.04;
129 |         my3d.draw();
130 |         
131 |         myfx3d.siny(160,120);
132 |         
133 |         requestAnimFrame( go );
134 |       }
135 |       
136 |     </script> 
137 |   </head> 
138 |   <body onLoad="init();" bgcolor="#000000">
139 |     <br>
140 |     <br>
141 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
142 |   </body> 
143 | </html>
144 | 


--------------------------------------------------------------------------------
/tutorials/92_intro.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML> 
  2 | <!------------------------------------------------------------------------------
  3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
  4 | 
  5 | This File is part of the CODEF project.
  6 | 
  7 | More info : http://codef.santo.fr
  8 | Demo gallery http://www.wab.com
  9 | 
 10 | Permission is hereby granted, free of charge, to any person obtaining a copy
 11 | of this software and associated documentation files (the "Software"), to deal
 12 | in the Software without restriction, including without limitation the rights
 13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 14 | copies of the Software, and to permit persons to whom the Software is
 15 | furnished to do so, subject to the following conditions:
 16 | 
 17 | The above copyright notice and this permission notice shall be included in
 18 | all copies or substantial portions of the Software.
 19 | 
 20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 26 | THE SOFTWARE.
 27 | ------------------------------------------------------------------------------> 
 28 | <html> 
 29 |   <head> 
 30 |     
 31 |     <script src="//codef.santo.fr/codef/codef_core.js"></script> 
 32 |     <script src="//codef.santo.fr/codef/codef_3d.js"></script> 
 33 |     
 34 |     <script> 
 35 |       
 36 |       var mycanvas;
 37 |       var my3d;
 38 |       
 39 |       var myobj = new Array();
 40 |       var myobjvert = new Array();
 41 |       myobjvert=[
 42 |         {x:-1, y:1, z: 1},
 43 |         {x: -1, y:-1, z: 1},
 44 |         {x: 1, y:-1, z: 1},
 45 |         {x: 1, y:1, z: 1},
 46 |         
 47 |         {x: 1, y:1, z: -1},
 48 |         {x: 1, y:-1, z: -1},
 49 |         {x: -1, y:-1, z: -1},
 50 |         {x: -1, y:1, z: -1},
 51 |         
 52 |       ];
 53 |         
 54 |         myobj=[ 
 55 |         {p1:0, p2:1, p3:2, params:new MeshLambertMaterial({ color: 0x00aaff, shading: SmoothShading})},
 56 |         {p1:0, p2:2, p3:3, params:new MeshLambertMaterial({ color: 0x00aaff, shading: SmoothShading})},
 57 |         
 58 |         {p1:3, p2:2, p3:5, params:new MeshLambertMaterial({ color: 0x00aaff, shading: SmoothShading})},
 59 |         {p1:3, p2:5, p3:4, params:new MeshLambertMaterial({ color: 0x00aaff, shading: SmoothShading})},
 60 |         
 61 |         {p1:4, p2:5, p3:6, params:new MeshLambertMaterial({ color: 0x00aaff, shading: SmoothShading})},
 62 |         {p1:4, p2:6, p3:7, params:new MeshLambertMaterial({ color: 0x00aaff, shading: SmoothShading})},
 63 |         
 64 |         {p1:7, p2:6, p3:1, params:new MeshLambertMaterial({ color: 0x00aaff, shading: SmoothShading})},
 65 |         {p1:7, p2:1, p3:0, params:new MeshLambertMaterial({ color: 0x00aaff, shading: SmoothShading})},
 66 |       ];
 67 |       
 68 |       mylines=new Array();
 69 |       
 70 |       function init(){
 71 |         mycanvas=new canvas(640,480,"main");
 72 |         my3d=new codef3D(mycanvas, 10, 40, 1, 1600 );
 73 |         my3d.faces(myobjvert,myobj, false, true );
 74 |         my3d.addAmbiLight(0x000000);
 75 |         my3d.addDirLight(0,0,50,0xffffff);
 76 |         
 77 |         var i=0;
 78 |         for(var j=0; j<Math.PI/2;j+=0.02){
 79 |           mylines[i]=new canvas(640,1);
 80 |           my3d.group.rotation.y+=0.02;
 81 |           my3d.draw();
 82 |           mycanvas.drawPart(mylines[i],0,0,220,240,200,1);
 83 |           mycanvas.clear();;
 84 |           i++;
 85 |         }
 86 |         go();
 87 |       }
 88 |       
 89 |       
 90 |       
 91 |       var n=0;
 92 |       var oldn=0;
 93 |       var n2=0;
 94 |       var oldn2=0;
 95 |       function go(){
 96 |         mycanvas.clear();
 97 |         oldn=n;
 98 |         oldn2=n2;
 99 |         
100 |         for(var i=0; i<480; i++){
101 |           mylines[parseInt(((Math.sin(n)+1)*100)+(Math.sin(n2)+1)*50)%mylines.length].draw(mycanvas,220,i);
102 |           n+=0.01;
103 |           n2+=0.03;
104 |           
105 |         }
106 |         n=oldn+0.03;
107 |         n2=oldn2-0.02;
108 |         
109 |         requestAnimFrame( go );
110 |       }
111 |       
112 |     </script> 
113 |   </head> 
114 |   <body onLoad="init();" bgcolor='#000000'> 
115 |     <br> 
116 |     <br> 
117 |     <center><div id="main"></div><br><br><a href="javascript:window.location='view-source:'+window.location">View Source</a></center>
118 |   </body> 
119 | </html>
120 | 


--------------------------------------------------------------------------------
/tutorials/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <!------------------------------------------------------------------------------
  3 | Copyright (c) 2011 Antoine Santo Aka NoNameNo
  4 | 
  5 | This File is part of the CODEF project.
  6 | 
  7 | More info : http://codef.santo.fr
  8 | Demo gallery http://www.wab.com
  9 | 
 10 | Permission is hereby granted, free of charge, to any person obtaining a copy
 11 | of this software and associated documentation files (the "Software"), to deal
 12 | in the Software without restriction, including without limitation the rights
 13 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 14 | copies of the Software, and to permit persons to whom the Software is
 15 | furnished to do so, subject to the following conditions:
 16 | 
 17 | The above copyright notice and this permission notice shall be included in
 18 | all copies or substantial portions of the Software.
 19 | 
 20 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 21 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 22 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 23 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 24 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 25 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 26 | THE SOFTWARE.
 27 | ------------------------------------------------------------------------------>
 28 | <html>
 29 |   <head>
 30 |     <style>
 31 |       body {
 32 |         font: 12px/18px Arial, sans-serif;
 33 |         width: 100%;
 34 |         height: 100%;
 35 |         background-color:#cfd0cf;
 36 |       }
 37 |       table {
 38 |         border-collapse:collapse;
 39 |         
 40 |       }
 41 |       th, td {
 42 |         border:1px solid black;
 43 |         
 44 |       }
 45 |     </style>
 46 |   </head>
 47 |   <body>
 48 |     <center>
 49 |       <img src="media/codeflogotuto.png">
 50 |       <table>
 51 |         <tr>
 52 |           <td><center><b>..:: BASIC ::..</b></center></td>
 53 |         </tr>
 54 |         <tr><td><a href="00_core.html">How to Create a Canvas</a></td></tr>
 55 |         <tr><td><a href="01_core.html">How to Draw Lines</a></td></tr>
 56 |         <tr><td><a href="02_core.html">How to Draw Triangles</a></td></tr>
 57 |         <tr><td><a href="03_core.html">How to Draw Quads</a></td></tr>
 58 |         <tr><td><a href="04_core.html">How to Draw Images</a></td></tr>
 59 |         <tr><td><a href="05_core.html">How to Move an Image</a></td></tr>
 60 |         <tr><td><a href="06_core.html">How to Use TileSet and drawTile</a></td></tr>
 61 |         <tr><td><a href="10_gradient.html">How to Draw a Gradient BackGround</a></td></tr>
 62 |         <tr><td><a href="30_scrolltext.html">How to Draw a Simple Horizontal ScrollText</a></td></tr>
 63 |         <tr><td><a href="31_scrolltext.html">How to Draw a Simple Vertical Sinus At Char ScrollText</a></td></tr>
 64 |         <tr><td><a href="33_scrolltext.html">How to Draw a Simple Vertical ScrollText</a></td></tr>
 65 |         <tr><td><a href="34_scrolltext.html">How to Draw a Simple Vertical Sinus At Char ScrollText</a></td></tr>
 66 |         <tr><td><a href="35_mouse.html">Using the Mouse</a></td></tr>
 67 |       </table>
 68 |       
 69 |       <br>
 70 |       <table>
 71 |         <tr>
 72 |           <td>
 73 |             <table>
 74 |               <tr>
 75 |                 <td><center><b>..:: STARFIELD ::..</b></center></td>
 76 |               </tr>
 77 |               <tr>
 78 |                 <td><a href="41_starfield.html">2D (Dots)</a></td>
 79 |               </tr>
 80 |               <tr>
 81 |                 <td><a href="42_starfield.html">2D (img)</a></td>
 82 |               </tr>
 83 |               <tr>
 84 |                 <td><a href="40_starfield.html">3D (Dots)</a></td>
 85 |               </tr>
 86 |             </table>
 87 |           </td>
 88 |           <td>
 89 |             <table>
 90 |               <tr>
 91 |                 <td><center><b>..:: FX ::..</b></center></td>
 92 |               </tr>
 93 |               <tr><td><a href="20_fx.html">How to Use FX on a simple Image</a></td></tr>
 94 |               <tr><td><a href="32_scrolltext.html">How to Use a sin FX on a horizontal scrollText</a></td></tr>
 95 |               <tr><td><a href="35_scrolltext.html">How to Use a zoom FX on a vertial scrollText</a></td></tr>
 96 |             </table>
 97 |           </td>
 98 |         </table>
 99 |           
100 |           
101 |           <br>
102 |           
103 |           <table>
104 |             <tr>
105 |               <td colspan=4><center><b>..:: 3D ::..</b></center></td>
106 |             </tr>
107 |             <tr>
108 |               <td colspan=4><a href="50_3d.html">Simple Line</a></td>
109 |             </tr>
110 |             <tr>
111 |               <td colspan=4><a href="51_3d.html">Simple Lines (describe an object)</a></td>
112 |             </tr>
113 |             <tr>
114 |               <td><b>WireFrame</b></td><td><a href="52_3d.html">Normal</a></td><td><a href="57_3d.html">Light Flat</a></td><td><a href="62_3d.html">Light Gouraud</a></td>
115 |             </tr>
116 |             <tr>
117 |               <td><b>WireFrame Hidden</b></td><td><a href="53_3d.html">Normal</a></td><td><a href="58_3d.html">Light Flat</a></td><td><a href="63_3d.html">Light Gouraud</a></td>
118 |             </tr>
119 |             <tr>
120 |               <td><b>Simple Color</b></td><td><a href="54_3d.html">Normal</a></td><td><a href="59_3d.html">Light Flat</a></td><td><a href="64_3d.html">Light Gouraud</a></td>
121 |             </tr>
122 |             <tr>
123 |               <td><b>Simple Color GlenZ Style</b></td><td><a href="55_3d.html">Normal</a></td><td><a href="60_3d.html">Light Flat</a></td><td><a href="65_3d.html">Light Gouraud</a></td>
124 |             </tr>
125 |             <tr>
126 |               <td><b>Texture Mapping</b></td><td><a href="56_3d.html">Normal</a></td><td><a href="61_3d.html">Light Flat</a></td><td><a href="66_3d.html">Light Gouraud</a></td>
127 |             </tr>
128 |             <tr>
129 |               <td><b>Texture Mapping GlenZ</b></td><td><a href="67_3d.html">Normal</a></td><td><a href="68_3d.html">Light Flat</a></td><td><a href="69_3d.html">Light Gouraud</a></td>
130 |             </tr>
131 |             <tr>
132 |               <td><b>Evironemental Mapping</b></td><td colspan=3><a href="72_3d.html">Normal</a></td>
133 |             </tr>
134 |             <tr>
135 |               <td colspan=4><a href="70_3d.html">vectorball (dot)</a></td>
136 |             </tr>
137 |             <tr>
138 |               <td colspan=4><a href="71_3d.html">vectorball (img)</a></td>
139 |             </tr>
140 |           </table>
141 |           <br>
142 |           <table>
143 |             <tr>
144 |               <td><center><b>..:: MUSIC ::..</b></center></td>
145 |             </tr>
146 |             <tr>
147 |               <td><a href="80_music.html">Replay YM file</a></td>
148 |             </tr>
149 |             <tr>
150 |               <td><a href="81_music.html">Replay MOD file</a></td>
151 |             </tr>
152 |           </table>
153 |           <br>
154 |           <table>
155 |             <tr>
156 |               <td><center><b>..:: WEBGL and CODEF ::..</b></center></td>
157 |             </tr>
158 |             <tr>
159 |               <td><a href="100_GL.html">Using ThreeJS in a CODEF Canvas</a></td>
160 |             </tr>
161 |             <tr>
162 |               <td><a href="101_GL.html">Using CODEF in a THREEJS GL canvas</a></td>
163 |             </tr>
164 |           </table>
165 |           <br>
166 |           <br>
167 |           <a href="90_intro.html">A tiny Intro Merging some of the FrameWork functions ;)</a>
168 |           <br>
169 |           <a href="91_intro.html">The Same as Above with a nice FX ;)</a>
170 |           <br>
171 |           <a href="92_intro.html">Another tiny effect : the ribbon ;)</a>
172 |           <br><br>
173 |         </center>
174 |         </body>
175 |         </html>
176 |           
177 |           
178 | 


--------------------------------------------------------------------------------
/tutorials/media/A Prehistoric Tale  7.ym:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/A Prehistoric Tale  7.ym


--------------------------------------------------------------------------------
/tutorials/media/ball0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/ball0.png


--------------------------------------------------------------------------------
/tutorials/media/ball1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/ball1.png


--------------------------------------------------------------------------------
/tutorials/media/ball2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/ball2.png


--------------------------------------------------------------------------------
/tutorials/media/ball3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/ball3.png


--------------------------------------------------------------------------------
/tutorials/media/bubble0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/bubble0.png


--------------------------------------------------------------------------------
/tutorials/media/bubble1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/bubble1.png


--------------------------------------------------------------------------------
/tutorials/media/bubble2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/bubble2.png


--------------------------------------------------------------------------------
/tutorials/media/codeflogotuto.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/codeflogotuto.png


--------------------------------------------------------------------------------
/tutorials/media/envmap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/envmap.png


--------------------------------------------------------------------------------
/tutorials/media/font1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/font1.png


--------------------------------------------------------------------------------
/tutorials/media/font2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/font2.png


--------------------------------------------------------------------------------
/tutorials/media/hmd3.mod:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/hmd3.mod


--------------------------------------------------------------------------------
/tutorials/media/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/logo.png


--------------------------------------------------------------------------------
/tutorials/media/texture1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/texture1.png


--------------------------------------------------------------------------------
/tutorials/media/tileset.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/N0NameN0/CODEF/61b8346dff51bbc2520e858dbf34c17f7c8ff4e6/tutorials/media/tileset.png


--------------------------------------------------------------------------------