Colour Palettes for Web Design and also graphic design from Canva.com
Author: Knida
My 1/2562 Timetable
Hello Students,
Here is my timetable for this term! If you need to see me simply check this timetable first or mail me at kanida@tsu.ac.th
Hope you enjoy learning and playing!
Hello 1/2562
สวัสดค่ะเด็ก ๆ ยินดีต้อนรับทุกคนสู่เทอมใหม่นะคะ บางคนก็เป็นนิสิตใหม่ ปี 1 บางคนก็ขึ้นเป็นรุ่นพี่แล้ว ขอให้ทุกคนตั้งใจเรียนรู้ เล่น อย่างเป็นระบบนะคะ
เป็นกำลังใจให้ทุกคนค่ะ
Keep doing :D
Food for thought:
“It’s a funny thing about life, once you begin to take note of the things you are grateful for, you begin to lose sight of the things that you lack.”
― Germany Kent
Hello 2019!
Hi everyone,
Happy New Year 2019 to you all.
It’s semester 2 already. I hope you all are ready to start.
Enjoy learning!
Love
Here is My timetable
Draw a Circle using javaScript
วาดภาพวงกลม
[html]
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="300" height="300" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var centerX = c.width / 2;
var centerY = c.height / 2;
var radius = 70;
var color =0;
function drawCircle(){
ctx.fillStyle = ‘TOMATO’;
ctx.beginPath();
ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI);
ctx.fill();
ctx.lineWidth = 2;
ctx.strokeStyle = ‘RED’;
ctx.stroke();
}
drawCircle();
</script></p>
</body>
</html>
[/html]
Growing a Circle
มาวาดวงกลมด้วย JavaScript ที่มีรัศมีตั้งแต่ 0 – 70 กัน กำหนดให้เป็น Animation โดยใช้
[js] requestAnimationFrame(drawCircle); [/js]
[html]</pre>
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="300" height="300" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var centerX = c.width / 2;
var centerY = c.height / 2;
var radius = 0;
var color =0;
function drawCircle(){
ctx.fillStyle = ‘hsl(‘+color++ +’,100%,50%)’;
ctx.beginPath();
ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI);
ctx.fill();
radius += 1;
if(radius<100){
requestAnimationFrame(drawCircle);
}
ctx.lineWidth = 2;
ctx.strokeStyle = ‘RED’;
ctx.stroke();
}
drawCircle();
</script>
</body>
</html>
[/html]
C Code
Hello World!
เริ่มต้นเขียนโปรแกรมภาษาซีกัน!
[c]
#include <stdio.h>
void main(){
printf("Hello World");
}
[/c]
Welcome Back
Hi guys,
Welcome back to our university.
Hope you have had a great school holiday and full of energy.
Good luck!
And here is my 1/2561 Schedule!.
Active Learning Workshop with Aj Chang
Link of the day!
Just note for later!
Enjoy The Tools Nina