Drake App

Truncate a table

This will erase all data in your table but keeps the structure.

$host="localhost"; // Host name
$username=" "; // Mysql username
$password=" "; // Mysql password
$db_name=" "; // Database name
$tbl_name=" "; // Table name
// Connect to server and select database.
mysql_connect("$host", "$username", "$password")or die("cannot connect");
mysql_select_db("$db_name")or die("cannot select DB");
$sql="TRUNCATE TABLE '$tbl_name' "; //might need to change the quotes
$result=mysql_query($sql) or trigger_error(mysql_error().$sql);
mysql_close();

Create a Table Example

This assumes you already created a database.

// Make a MySQL Connection
$con = mysql_connect("localhost", "user name", "password") or die(mysql_error());
mysql_select_db("database name") or die(mysql_error());

$sql = "CREATE TABLE newTableName
(
ID int NOT NULL AUTO_INCREMENT,
PRIMARY KEY(ID),
username varchar(20),
passwd char(40),
email  varchar(100),
facebookID varchar(20),
tweetID varchar(20),
about varchar(300)
)";

mysql_query($sql,$con);

View Table

Scroll to the bottom see all the tables in your database. This is code produced from someone else. Props to that person.

Due to formatting issues I put it in a text file.

viewtables.txt

View Data in a table

viewall.txt

First part is the URL:

https://www.yourwebpage.com/yourPHPfile?id=yourVariable

Here is a completed one that I used:

http://pausrecords.com/members/memberSelect.php?id=group

Here is the completed source code to use:
memberSelect

My ID: 100000278497888

The example is based upon the idea that you can pull up anyone photo by using the url in a img tag (not sure how to do this, check out example below):

http://graph.facebook.com/ facebook ID  /picture?type=large

So you easily insert the form data inside the url.  The data can be stored in a database or form data like I did.  The ‘type’ can be changed to the size you want, square (50×50), small (50 pixels wide, variable height), normal (100 pixels wide, variable height), and large (about 200 pixels wide, variable height).

Check out the the code here:

facebookInput   //change the file to  an html file instead of  txt file. This is called first.

facebookOutput  // change to php file. This is the php file that generates the photo .

You can find more information here.

Grab a Twitter Feed using a form

This one is the same for the most part. In my code, I used PHP to get the form data then I converted the PHP variable to a JavaScript variable which you can see it in the source code. You should not have to do that, but I had a one track mind while writing it.

Here is the source code:

TwitterInput  // this is the form to insert your Twitter Handle. Same as before but a change in variable name. change to an HTML file(of course).

TwitterOutput  // once again this is the php file (convert it before using) that does all the leg work. There is also an example on converting PHP variable to JavaScript variable inside.

More information, and to create your own Twitter plugin is found here. 

Here is the code:

This is your form. You can add any form tags you like. Change the extension to ‘html’ instead of ‘txt’ if you wanna try it.
form

Here what does the leg work. The main part of this file is the PHP code. For this to work for you, change the extension from ‘txt’ to ‘php’ then change the email address to your email.

email

Leave me any questions if your having trouble with it or want to comment on it.

Send a Text 

More Information:

Central State Hospital

Great photos of the inside

Bump mapping is an alternative to normal mapping in that it uses a grayscale height map instead of an RGB map. The height map determines how high something is. However, we won’t be actually moving any vertices. Like normal mapping, we will only change the normals.

As you may recall, the normal is perpendicular to the surface underneath. Another way to put it is that the normal is perpendicular to the tangent of the surface. Hence, we need to first calculate two tangents. To calculate a tangent, we need to know the height value just above and below (or to the left and to the right) of the current position. We can offset the texture coordinates in four different ways and use these offsets in four calls to texture2D. Note, for some maps, you may need to fiddle with this offset value to get something right (….this is probably why normal mapping is more prevalent in industry….). Once you have the two tangents, simply cross them and normalize to get the new normal.

I changed the camera angle to show the bumps better.

Vert Shader

uniform sampler2D my_color_texture;
varying vec2 texture_coord;

varying vec3 normal;
varying vec3 vertex_to_light;
varying vec3 vertex_to_camera;

void main()
{	 

  gl_Position = gl_ModelViewProjectionMatrix * gl_Vertex;

  normal = normalize(gl_NormalMatrix * gl_Normal);

  vec4 vertex_modelview = gl_ModelViewMatrix * gl_Vertex;

  vertex_to_light = gl_LightSource[0].position.xyz - vertex_modelview.xyz;

  vertex_to_camera = -vertex_modelview.xyz; 

  texture_coord = vec2 (gl_MultiTexCoord0);

} 

Frag Shader

uniform sampler2D my_color_texture;

varying vec2 texture_coord;

varying vec3 normal;
varying vec3 vertex_to_light;
varying vec3 vertex_to_camera;

const float specularpower = 25.0;

const float off = 0.005;
const float falloff = 70.0;

void main()
{
  vec4 diffuse_color = vec4(0.0, 0.5, 1.0, 1.0);
  vec4 specular_color = vec4(1.0, 1.0, 1.0, 1.0);

  vec3 n_normal = normalize(normal);

  vec3 n_vertex_to_light = normalize(vertex_to_light);
  float diffuse = clamp (dot (n_normal, n_vertex_to_light), 0.0, 1.0);

  vec3 n_vertex_to_camera = normalize(vertex_to_camera);
  vec3 ref = reflect(-n_vertex_to_light, n_normal);

  float specular = clamp(dot (n_vertex_to_camera, ref), 0.0, 1.0);
  specular = pow(specular, specularpower);

  gl_FragColor.xyz = diffuse * diffuse_color.rgb + specular * specular_color.rgb;
  gl_FragColor.a = 1.0;
}

I tried to do Blinn-Phong reflection but i am not sure if it is correct.

Vert Shader

uniform sampler2D my_color_texture;
varying vec2 texture_coord;

varying vec3 normal;
varying vec3 vertex_to_light;
varying vec3 vertex_to_camera;

void main()
{
  gl_Position = gl_ModelViewProjectionMatrix * gl_Vertex;

  normal = normalize(gl_NormalMatrix * gl_Normal);

  vec4 vertex_modelview = gl_ModelViewMatrix * gl_Vertex;

  vertex_to_light = gl_LightSource[0].position.xyz - vertex_modelview.xyz;

  vertex_to_camera = -vertex_modelview.xyz; 

  texture_coord = vec2 (gl_MultiTexCoord0);

}

uniform sampler2D my_color_texture;

varying vec2 texture_coord;

varying vec3 normal;
varying vec3 vertex_to_light;
varying vec3 vertex_to_camera;

const float specularpower = 25.0;

void main()
{

  vec3 n_normal = 2.0 * texture2D (my_color_texture, texture_coord).rgb - 1.0;

  n_normal = vec3(n_normal.x * 2.0 - 1.0, n_normal.y * 2.0 - 1.0 , n_normal.z * 2.0 - 1.0);

  n_normal = normalize(n_normal);

  vec4 diffuse_color = vec4(0.0, 0.5, 1.0, 1.0) ;
  vec4 specular_color = vec4(1.0, 1.0, 1.0, 1.0)  ;

  vec3 halfvector = normalize(vertex_to_light + vertex_to_camera);

  vec3 n_vertex_to_light = normalize(vertex_to_light);
  float diffuse = max (dot (n_normal, n_vertex_to_light), 0.0);

  vec3 n_vertex_to_camera = normalize(vertex_to_camera);
  vec3 ref = reflect(-n_vertex_to_light, n_normal);

  float specular = max(dot (n_normal, halfvector), 0.0);
  specular = pow(specular, specularpower);

 gl_FragColor.xyz = diffuse * diffuse_color.rgb + specular * specular_color.rgb;

gl_FragColor.a = 1.0;

}

 

Tweet This Post

]]> http://www.blog.nathanhaze.com/glsl-normal-mapping/feed/ 0 http://www.blog.nathanhaze.com/glsl-desert-mirageheat-wave-effect/ http://www.blog.nathanhaze.com/glsl-desert-mirageheat-wave-effect/#comments Fri, 09 Dec 2011 03:34:17 +0000 admin http://www.blog.nathanhaze.com/?p=381 Here is another GLSL code sample from my project. This one was fairly easy after they gave us the formula to use. Here is the code and image of the results.

Vert Shader

uniform sampler2D my_color_texture;
uniform float time;
varying vec2 texc;

void main()
{
  gl_Position = gl_ModelViewProjectionMatrix * gl_Vertex;
  texc = vec2(gl_MultiTexCoord0);
}

Frag Shader

varying vec2 texc;
uniform sampler2D my_color_texture;
uniform float time;

const float A = 0.03;
const float B = 200.0;
const float C = 5.0;

const float D = 0.003;
const float E = 13.0;
const float F = 9.0;
float x;
float y;

void main()
{
  gl_FragColor =  texture2D(my_color_texture, texc);
  gl_FragColor.a = 1.0; //Best to make sure nothing seems transparent
  float x =  A * sin(B * texc.x) * sin(C * time);
  float y =  D * sin(E * texc.y) * sin(F * time);
  vec2 c = vec2(texc.x + x, texc.y +y);
  vec4 diffuse_color =  texture2D(my_color_texture, c);
  gl_FragColor = diffuse_color;
}

Mess with the variables to get different affects.

Tweet This Post

]]> http://www.blog.nathanhaze.com/glsl-desert-mirageheat-wave-effect/feed/ 0