CMT324 - Computer Graphics and Visualisaton by Ahmad Sufril Azlan Mohamed

task 1

2017-10-03 10:54:59 UTC

Fatini Nadhirah Mohd Nain
Yap Sin Tong

//.html
gl_FragColor = vec4(0.0,0.0,1.0,1.0); //triangle color

//.js
gl.clearColor(1.0, 1.0, 0.0,1.0); //background color

//vertices
vec2(-0.5,-0.5),
vec2(0.0,0.35),
vec2(0.5,-0.5)

gl.drawArrays(gl.TRIANGLES,0,3);//render function

Welcome to CMT324 Padlet

xlanz79 — 2017-10-03 11:24:34 UTC

Dear Students, please use this platform to submit your tasks, sharing information, as well questions or discussions to me and also to your classmates.

Task 1

2017-10-03 15:52:15 UTC

Norhazwani binti Zainal Azlin
'Afifah bt Mohd Hasbullah

//.html
gl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 ); // triangle color

//.js
var vertices = [
vec2( -0.7, -0.5 ),
vec2( 0.0, 0.6 ),
vec2( 0.7, -0.5 )
]; // vertex of triangle

gl.clearColor( 1.0, 0.0, 1.0, 1.0); //canvas color

Task 1

2017-10-04 03:05:59 UTC

Ain Fakhira Putri binti Yusoff
Zahidah binti Md Zakaria Merican

//.html
gl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 ); //triangle color

//.js
var vertices = [
vec2( -0.5, -0.5 ),
vec2( 0.0, 0.3 ),
vec2( 0.5, -0.5 )
]; //triangle vertices

gl.clearColor( 0.0, 0.0, 1.0, 1.0 ); //canvas color

Task 2 : gasket 4

2017-10-05 06:51:52 UTC

Bong Lee Yiun

Gasket 4

2017-10-05 06:55:39 UTC

Ain Fakhira Putri binti Yusoff

Task 2:Gasket 4

2017-10-05 06:58:21 UTC

Fatini Nadhirah Mohd Nain

Gasket 3D

2017-10-05 06:59:42 UTC

Nur Afiqah binti Muhammad

G

2017-10-05 07:02:43 UTC

Task 2: gasket 4_ver2.0

2017-10-05 07:02:56 UTC

Bong Lee Yiun
Loo Ji Yong
Yap Sin Tong

Task 2

2017-10-05 07:08:51 UTC

Norhazwani binti Zainal Azlin
'Afifah binti Mohd Hasbullah

Task 2

azhar960412 — 2017-10-05 07:09:41 UTC

Norazhar Bin Norazman Teh

Task 2

2017-10-05 07:10:09 UTC

Yap Sin Tong

Task 2

damiafakhiraa — 2017-10-05 07:37:11 UTC

Damia Fakhira

task2

hadirahnur66 — 2017-10-05 17:40:07 UTC

Dirah

2017-10-07 04:32:29 UTC

Task: Triangle

2018-10-02 10:25:17 UTC

Dongoh Shin
Jowoon Kim

square.html

square.js
var gl;
var points;

window.onload = function init(){
var canvas = document.getElementById( "gl-canvas" );

gl = WebGLUtils.setupWebGL( canvas );
if ( !gl ) { alert( "WebGL isn't available" );
}
// Four Vertices

var vertices = [
vec2( 0.5, -0.5 ),
vec2( 0.0, 0.5 ),
vec2( -0.5, -0.5 ),
vec2( 0.5, -0.5)
];

// Configure WebGL

gl.viewport( 0, 0, canvas.width, canvas.height );
gl.clearColor( 0.0, 1.0, 0.0, 1.0 );

// Load shaders and initialize attribute buffers

var program = initShaders( gl, "vertex-shader", "fragment-shader" );
gl.useProgram( program );
// Load the data into the GPU

var bufferId = gl.createBuffer();
gl.bindBuffer( gl.ARRAY_BUFFER, bufferId );
gl.bufferData( gl.ARRAY_BUFFER, flatten(vertices), gl.STATIC_DRAW );

// Associate out shader variables with our data buffer

var vPosition = gl.getAttribLocation( program, "vPosition" );
gl.vertexAttribPointer( vPosition, 2, gl.FLOAT, false, 0, 0 );
gl.enableVertexAttribArray( vPosition );

render();
};

function render() {
gl.clear( gl.COLOR_BUFFER_BIT );
gl.drawArrays( gl.TRIANGLES, 0, 4 );
}

Task: Triangle

2018-10-02 10:26:20 UTC

Ooi Lim Seong Liang
Pang Chee Hoo

Triangle

2018-10-02 10:30:33 UTC

Hoong Shu Yan
Christine Lim Xin Yi

Task: Triangle

2018-10-02 10:30:39 UTC

Daniel Chin Jie Yuan
Ng Wey Kean

2018-10-02 10:30:57 UTC

Ng Yoke Kuan
Loke Hui Kei

Triangle

2018-10-02 10:31:12 UTC

Tan Chong Gee
Lim Hooi Mei

Task: Triangle

2018-10-02 10:31:18 UTC

Goh Pui San

Task : Triangle

2018-10-02 10:31:36 UTC

Lau Yan Ming

Task : Triangle

2018-10-02 10:32:22 UTC

Heng Yew Ken & Mervyn Fung
[HTML]

[Javascript]
var gl;
var points;

window.onload = function init(){
var canvas = document.getElementById( "gl-canvas" );

gl = WebGLUtils.setupWebGL( canvas );
if ( !gl ) { alert( "WebGL isn't available" );
}
// Four Vertices

var vertices = [
vec2( -0.5, -0.5 ),
vec2( 0, 0.5 ),
vec2( 0.5, -0.5 ),
vec2( -0, -0)
];

// Configure WebGL

gl.viewport( 0, 0, canvas.width, canvas.height );
gl.clearColor( 0.0, 0.0, 0.0, 1.0 );

// Load shaders and initialize attribute buffers

var program = initShaders( gl, "vertex-shader", "fragment-shader" );
gl.useProgram( program );// JavaScript Document

// Load the data into the GPU

var bufferId = gl.createBuffer();
gl.bindBuffer( gl.ARRAY_BUFFER, bufferId );
gl.bufferData( gl.ARRAY_BUFFER, flatten(vertices), gl.STATIC_DRAW );

// Associate out shader variables with our data buffer

var vPosition = gl.getAttribLocation( program, "vPosition" );
gl.vertexAttribPointer( vPosition, 2, gl.FLOAT, false, 0, 0 );
gl.enableVertexAttribArray( vPosition );

render();
};

function render() {
gl.clear( gl.COLOR_BUFFER_BIT );
gl.drawArrays( gl.TRIANGLES, 0, 4 );
}

Triangle

2018-10-02 10:32:23 UTC

Aisyah Farhah
Sofia Zamiran
Auni Syazwani

CMT 324: Lab 1

2018-10-02 10:32:24 UTC

Kee Ying Ming
Liew Hann Yuan

2018-10-02 10:36:36 UTC

var gl; var points; window.onload = function init(){ var canvas = document.getElementById( "gl-canvas" ); gl = WebGLUtils.setupWebGL( canvas ); if ( !gl ) { alert( "WebGL isn't available" ); } // Four Vertices var vertices = [ vec2( 0.5, -0.5 ), vec2( 0.0, 0.5 ), vec2( -0.5, -0.5 ), vec2( 0.5, -0.5) ]; // Configure WebGL gl.viewport( 0, 0, canvas.width, canvas.height ); gl.clearColor( 0.0, 1.0, 0.0, 1.0 ); // Load shaders and initialize attribute buffers var program = initShaders( gl, "vertex-shader", "fragment-shader" ); gl.useProgram( program ); // Load the data into the GPU var bufferId = gl.createBuffer(); gl.bindBuffer( gl.ARRAY_BUFFER, bufferId ); gl.bufferData( gl.ARRAY_BUFFER, flatten(vertices), gl.STATIC_DRAW ); // Associate out shader variables with our data buffer var vPosition = gl.getAttribLocation( program, "vPosition" ); gl.vertexAttribPointer( vPosition, 2, gl.FLOAT, false, 0, 0 ); gl.enableVertexAttribArray( vPosition ); render(); }; function render() { gl.clear( gl.COLOR_BUFFER_BIT ); gl.drawArrays( gl.TRIANGLES, 0, 4 ); }

CMT 324

2018-10-02 10:37:02 UTC

Ong Yit Hang

CMT324 Task

2018-10-02 10:37:29 UTC

Chai Yi Jing
Lee Su Siew

Task : Triangle

2018-10-02 10:38:41 UTC

Fattini Izzati
Noor Hidayah

CMT324

2018-10-02 10:39:10 UTC

Muhammad Hasiff

CMT324

2018-10-02 10:39:28 UTC

Poong Ka Tsun
Chan Wei Jian

CMT 324

2018-10-02 10:39:37 UTC

Lam Sze Wei
Tay Shiek Chi

2018-10-02 12:19:55 UTC

Zahidah
Ain Zulaikha

Challenge

xlanz79 — 2018-10-02 13:06:04 UTC

Dear Students, try create a tetrahedron - 3d gasket and post your screenshot here. You can get the sample from one of the angle's source code. Modify it 3 different colours.

Challenge: 3D Gasket

2018-10-03 07:49:41 UTC

Ooi Lim Seong Liang

Challenge: 3D Gasket

2018-10-03 08:35:02 UTC

Pang Chee Hoo

Challenge: 3D Gasket

2018-10-09 09:52:14 UTC

Daniel Chin Jie Yuan

Challenge: 3D Gasket

2018-10-09 09:55:13 UTC

Ng Wey Kean

Challenge: 3D Gasker

2018-10-09 10:06:43 UTC

Lee Su Siew

3D Gasket

2018-10-09 10:06:51 UTC

Poong Ka Tsun

3D Gasket

2018-10-09 10:07:30 UTC

Goh Pui San

3D Gasket

2018-10-09 10:08:15 UTC

Chai Yi Jing

3D Gasket

2018-10-09 10:11:11 UTC

Lau Yan Ming

3D Gasket

2018-10-09 10:12:22 UTC

Chan Wei Jian

3D Gasket

2018-10-09 10:13:39 UTC

Heng Yew Ken

Loke Hui Kei

2018-10-09 10:27:32 UTC

Ng Yoke Kuan

2018-10-09 10:28:13 UTC

3D Gasket

2018-10-09 10:28:14 UTC

Tan Chong Gee

3D Gasket

2018-10-09 10:43:49 UTC

Mervyn Fung Wai Ben

3D Gasket

2018-10-09 10:47:51 UTC

Ong Yit Hang

3D Gasket

2018-10-09 14:40:00 UTC

Kee Ying Ming

3D Gasket

2018-10-09 15:26:47 UTC

Lam Sze Wei

3D Gasket

2018-10-09 15:26:47 UTC

3D Gasket

2018-10-09 15:40:55 UTC

Tay Shiek Chi