FLASH สอนการเขียนเกมตีตัวตุ่น

ตอนนี้นำเสนอ วีดีโอ สอนการเขียนเกมด้วย Flash ตอน เกม ตีตัวตุ่น



Source Code

import flash.ui.Mouse;
import flash.events.MouseEvent;
import flash.utils.Timer;
import flash.events.TimerEvent;
import flash.text.engine.TypographicCase;

var nR:uint = 0;
var nMin:uint = 1;
var nMax:uint = 15;
var nScore:uint = 0;

stage.addChild(myMouse);
myMouse.mouseEnabled = false;
myMouse.addEventListener(Event.ENTER_FRAME, fnMyMouse);

function fnMyMouse(event:Event):void {
 myMouse.x = stage.mouseX;
 myMouse.y = stage.mouseY;
}
Mouse.hide();

var gTimer:Timer;
gTimer = new Timer(500, 0);
gTimer.addEventListener(TimerEvent.TIMER, fnRandom);
gTimer.start();

for (var i:int = nMin; i <= nMax; i++) {
 this["m"+i].gotoAndPlay(i);
 this["m"+i].addEventListener(MouseEvent.CLICK, onClick(i));
 this["m"+i].visible = false;
}
  
function onClick(j:int):Function {
 return function(event:MouseEvent):void {
  fnScore(j);
 }
}
  
function fnScore(k:int) {
 nScore++ ;
 this["m"+k].visible = false;
 txtScore.text = nScore.toString();
}
  
function fnRandom(event:TimerEvent):void {
 nR = Math.floor(Math.random() * (1 + nMax - nMin) + nMin);
 this["m"+nR].visible = true;
}

สวัสดี มีความสุข

Compatibility Mode Windows 7 , 8 , 10 และ Windows Server

สำหรับท่านที่เป็นนักพัฒนาซอฟต์แวร์ โดยเฉพาะซอฟต์แวร์รุ่นเก่าๆ ซึ่งต้องอาศัยสภาพแวดล้อมของ Windows XP ในการทำงาน พอเปลี่ยน OS มาเป็น Windows 7 หรือสูงกว่า ก็จะเจอปัญหาหลายอย่าง โดยเฉพาะ เรื่องของภาษาไทย เรื่องของการจัดเรียงลำดับ หรือ อื่นๆ ดังนั้นจำเป็นต้องกำหนดให้โปรแกรมของเราที่ติดตั้งบน Windows 7 ให้กลับไปใช้สภาพแวดล้อมเดิมๆ คือ Windows XP

กรณีติดตั้งซอฟต์แวร์ไว้เครื่อง PC หรือ Windows 7 / Windows 8 / Windows 10

สามารถกำหนดได้โดยคลิกเมาส์ปุ่มขวาที่ ไอคอน ของโปรแกรมนั้นๆ  แล้วเลือกรายการ Properties 
ให้เลือกแท็ป Compatibility จากนั้นคลิกที่ Run this program in compatibility mode for : ดังภาพ

หากต้องการให้สิทธิ์เที่ยบเท่ากับ administrator ก็คลิกเพิ่มตรง Run this program as an administrator

กำหนดภาษาไทย

ให้เปิด Control Panel  เลือก Clock, Language, and Region
ที่หน้าต่าง Clock, Language, and Region ให้เลือก Region จะปรากฎหน้าต่าง Region
ให้คลิกที่ Change system locale...

ที่หน้าต่าง Region Settings
ทำการเปลี่ยน Current System Local ให้เป็น Thai (Thailand)

กรณีติดตั้งซอฟต์แวร์ไว้ที่เครื่อง Windows Server 

กรณีที่เราทำการติดตั้งซอฟต์แวร์ไว้ที่เครื่อง Sever แล้วให้เครื่อง Client เรียกใช้งานจาก Server เราไม่สามารถกำหนดค่าแบบกรณีของการติดตั้งไว้กับเครื่อง PC โดยตรง จำเป็นต้องไปแก้ไขใน registry ของ Windows 7 ของเครื่อง Client ทุกๆ ตัวที่มีการเรียกใช้โปรแกรมจาก Server โดยทำตามขั้นตอนดังนี้

กรณีติดตั้ง โปรแกรมไว้ที่ Server แล้วทำการ Map Drive เป็น K: โดยเก็บโปรแกรมไว้ภายใต้โฟลเดอร์ชื่อ RBI_COST ตัวโปรแกรมชื่อ rbi_cost.exe ก็ให้ทำดังนี้

1. คลิกที่ปุ่ม Start แล้วพิมพ์ regedit จากนั้นกดปุ่ม Enter ดังภาพ

2. ที่หน้าต่าง Registry Editor ให้เข้าไปที่
 * บางเครื่องอาจจะไม่มี Layers ก็ให้เข้าไปที่ AppCompatFlags ก่อน จากนั้นให้คลิกเมาส์ปุ่มขวา เลือก New เลือก Key แล้วป้อนชื่อเป็น Layers
(การเข้าไปที่ AppCompatFlags ให้กดปุ่ม Ctrl + F เพื่อเข้าสู่หน้าต่าง Fine แล้วใส่คำค้นเป็น AppCompatFlags)

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\AppCompatFlags\Layers

จากนั้นคลิกขวาที่ Layers เลือก New เลือก String Value ดังภาพ

จะปรากฎหน้าต่าง ให้กำหนดค่าในส่วนของ Name เป็น ชื่อไดร์ฟ โฟลเดอร์ และโปรแกมของเรา เช่น
K:\RBI_COST\rbi_cost.exe
เมื่อกำหนดเสร็จให้กด Enter
จากนั้นคลิกเมาส์ปุ่มขวาที่ชื่อที่เราสร้างขึ้น เลือก Modify

ที่หน้าต่าง Edit String ให้กำหนดในส่วนของ Value data: เป็น
WINXPSP2   RUNASADMIN
ดังภาพ

(ระหว่าง WINXPSP2 กับ RUNASADMIN ให้เว้นช่องว่างด้วย
แต่ถ้าหากไม่ต้องการให้เรียกแบบ adminstrator ก็ไม่ต้องใส่ RUNASADMIN)

ตารางการกำหนดค่าของ Compatibility

Compatibility Mode	Data Value
Windows 95	WIN95
Windows 98 / Windows Me	WIN98
Windows NT 4.0 (Service Pack 5)	NT4SP5
Windows 2000	WIN2000
Windows XP (Service Pack 2)	WINXPSP2
Windows XP (Service Pack 3)	WINXPSP3
Windows Server 2003 (Service Pack 1)	WINSRV03SP1
Windows Server 2008 (Service Pack 1)	WINSRV08SP1
Windows Vista	VISTARTM
Windows Vista (Service Pack 1)	VISTASP1
Windows Vista (Service Pack 2)	VISTASP2
Windows 7	WIN7RTM

เมื่อกำหนดเสร็จให้คลิกปุ่ม OK

เป็นอันเสร็จเรียบร้อย
โปรแกรมที่เราทำการเก็บไว้ที่ Server ก็จะมีสภาพแวดล้อมเป็น Windows XP ตามต้องการ

สวัดดีวันฝนตก

FLASH คำสั่งสำหรับปุ่มปิดโปรแกรม

การสร้าง Application สำหรับ Flash ขึ้นมา ควรจะมีปุ่มสำหรับปิดโปรแกรมซึ่งก็ทำไม่ได้ยาก สามารถทำได้ตามขึ้นตอนดังนี้

1. สร้าง Symbol ประเภท Button เพื่อใช้เป็นปุ่มสำหรับปิดโปรแกรม

2. จากนั้นทำปุ่ม Symbol ที่สร้างไว้มาวางที่  Scene แล้วกำหนดชื่อ เป็น btnExit

3. เขียนคำสั่ง ActionScript 3 ดังนี้

import flash.system.fscommand;
btnExit.addEventListener(MouseEvent.MOUSE_DOWN, exitApp);

function exitApp(event:MouseEvent):void

{

    fscommand("quit");

}

4. จากนั้นทำการ Publish ชิ้นงาน แล้วทดสอบ (หากทดสอบภายใต้โปรแกรม Flash คำสั่งจะไม่ทำงาน)

หากต้องการให้ Flash รันเต็มจอภาพ (ต้อง Publish ถึงจะแสดง) ให้ใช้คำสั่ง

stage.displayState=StageDisplayState.FULL_SCREEN;

หรือ
import flash.system.fscommand;
fscommand("fullscreen","true");

FLASH การสร้างเมาส์เคอร์เซอร์ ขึ้นใช้เอง

การสร้าง เมาส์เคอร์เซอร์ ของเราเองหรือ Custom Mouse Cursor สำหรับ Flash ก็ทำไม่ยาก โดย

1. ทำการออกแบบหน้าตาของเมาส์ แล้วสร้างเป็น Symbol เก็บไว้ 

2. นำเอา Symbol ของเมาส์มาวางใส่ใน Stage แล้วตั้งชื่อ instant name ตามต้องการ เช่น myMouse

3. จากนั้นเขียนคำสั่ง Action Script 3 ดังนี้

stage.addChild(myMouse);

myMouse.mouseEnabled = false;

myMouse.addEventListener(Event.ENTER_FRAME, fl_CustomMouseCursor);

function fl_CustomMouseCursor(event:Event)

{

myMouse.x = stage.mouseX;

myMouse.y = stage.mouseY;

}

Mouse.hide();

เราก็จะได้้เมาส์เคอร์เซอร์ สมใจ

แต่ถ้าเมื่อใดอยากให้เมาส์กลับมาเหมือนเดิมก็สั่ง

myMouse.removeEventListener(Event.ENTER_FRAME, fl_CustomMouseCursor);

stage.removeChild(myMouse);

Mouse.show();

เรียบร้อยสำหรับการหาเมาส์สวยๆ มาใส่ใน Flash 

วิธีเปลี่ยนจอ iPad

บทความนี้ นำเสนอวิธีการเปลี่ยนหน้าจอ iPad 2 (หรือหน้าจอ Touch Screen)
หลังจากใช้ iPad2 มาได้ปีครึ่ง จอ iPad มีอันต้องจากไป (แตกเสียแล้ว) ปัญหาเดิมๆ ตก เมื่อตกก็ต้องแตก


ครั้นจะไปให้ช่างซ่อม ก็ 1.กลัวเปลืองตังค์ ไปหาในเน็ต ค่าเปลี่ยน 3,000 2,500 ก็มี สรุปเอาแน่เอานอนไม่ได้  2. ช่างไม่ดีก็กลัวงานไม่เรียบร้อย 3. ให้ช่างทำเราไม่รู้ ดังนั้นทำเองดีกว่า (พังไม่ว่าแต่อยากรู้)

พอเตรียมใจเสร็จ ก็นั่งรถเมล์ไปที่ เสือป่าพลาซ่า แหล่งขายทุกอย่างที่เกี่ยวกับมือถือ และแทปเล็ต จะเอาอะไรมีหมด ดังนั้นอะไหล่ iPad เหรอไม่มีให้มันรู้ไป ใครไม่สะดวกก็หาสั่งเอาตามเว็บเห็นมีขายอยู่แต่ก็ยังแพงกว่ากันนิดหน่อย เดินไปในนั้นถามหาหน้าจอ Touch Screen ไอแพด ได้เลยราคาก็ถามไถ่กัน พอใจก็ซื้อ สำหรับหน้าจอ Touch Screen ที่ไปซื้อมาราคา 700 บาท จะได้มาพร้อม กระดาษกาวติดจอ

จากนั้นไปหาเครื่องมือสำหรับเปลี่ยนจอ ก็มี 1.ไดร์เป่าผม 2.ไขขวงแฉก กับแบน ตัวเล็กๆๆ 3. ที่งัดจอ ใช้พลาดสติกที่แข็งแรงหน่อย ตามรูป

เมื่อได้อุปกรณ์ครบ ก็ลงมือกัน
1. ก่อนอื่นต้องเลาะจอเก่าออกก่อน โดยอาศัยไดร์เป่าผม หลักการเลาะให้เลาะจากปุ่มโฮม โดยเริ่มจากด้านขวาของมือเรา เอาไดร์เป่าผมไปเป่าตรงขอบให้พอร้อน เพื่อจะทำให้กาวที่ติดไว้หลอมละลายจะได้เลาะง่ายๆ โดยค่อยๆแงะออกมาทีละนิด

เป่าไป ก็เลาะไป ไม่ต้องรีบ และอย่าแยงก้านเลาะไปลึก เมื่อเลาะได้ก็หาพลาสติกมาขัดไว้
เพื่อจะไม่ให้จอไปกับกาวติดอีกรอบ ทำไปจนรอบจอ

เมื่อเลาะเสร็จให้งัดเปิดทางด้านขวาของเมือเราออกมาเหมือนเปิดประตู ส่วนด้านซ้ายมีสายแพรจากจอ Touch Screen ไปต่อกับแผงวงจรด้านใน

เมื่อเปิดหน้าจอ Touch Screen ออกมาแล้ว สิ่งที่ต้องทำคือ
1. ถอดน๊อต จอ LCD ตามลูกศรสีแดงออก
2. เลาะปุ่ม Home ออก ตามลูกศรสีฟ้า ค่อยๆใช้มีดคัดเตอร์แงะออกมาเพราะมันถูกติดกาวไว้
3. เลาะแผ่นเหล็กที่ครอบกล้องหน้าออก ใช้มีดคัดเตอร์ค่อยๆ แงะออกมา

จากนั้นก็ค่อยๆ แง้มจอ LCD ออกมา

ตรงลูกศรสีแดง จะเป็นสายแพรของจอ LCD ให้ถอดออก (จะมีเหล็กล๊อกอยู่ค่อยๆ งัดเหล็กขึ้นแล้วถอดสาย) ถอดเสร็จก็เอาจอออกมาวางไว้ข้างนอก

ทำการถอสายแพร ของจอ Touch Screen โดยทำการงัดพลาสติกล๊อกสาย ตามตำแหน่งลูกศรสีแดง
ค่อยๆ งัดขึ้นอย่างระวัง

งัดเบาๆ ทั้ง 2 ตัว จากนั้นก็ถอดสายออก แล้วเอาจออกได้เลย

เป็นอันเสร็จขั้นตอนการถอด

ต่อจากนี้จะเป็นการใส่จอ ก็ให้ทำย้อนกลับ
โดยให้เอาจอ Touch Screen มาใส่ก่อน ทำการเสียบสายแพรเข้าไปแล้วกดตัวล็อก
จากนั้นนำจอ LED มาติดตั้ง โดยเสียบสายแพรเข้าไป แล้วก็ล๊อก ขันน๊อตทั้ง 4 ตัว

ทดสอบเปิดเครื่อง ทดสอบโดยรูด Touch Screen โดยที่ยังไม่ประกอบ

ทำการประกอบปุ่ม Home กับตัว Touch Screen ประกอบเหล็กตรง กล้องหน้า
จากนั้นทำการแปะกาว 2 หน้ากับตัว Touch Screen (ดูตำแหน่งจากจอเก่าแล้วแปะตาม)

สุดท้าย ทำความสะอาดจออย่าให้มีฝุ่น
ลอกฟิลม์กันรอยที่อยู่ด้านในของ Touch Screen ออก
ลอกแผ่นใส่ที่กาว 2 หน้าออกแล้วแปะจอ Touch Screen กับตัวเครื่อง

เสร็จซะที
700 บาท ได้อย่างที่เห็น
ทำเองง่ายนิดเดียว

โชคดีมีเงินใช้
สวัสดี

HTML - 5 การสร้าง Overlay

วีดีโอ สอนเรื่องของการสร้าง Overlay
อยากรู้ว่าเอาไปใช้อย่างไร ก็คลิกดูที่วีดีโอ

คำสั่งที่ใช้ในวีดีโอ

<!DOCTYPE html>

<html>

<head>

<title>My web page</title>

<style type="text/css">

div#overlay {

display:none;

z-index:2;

background:#ccc;

position:fixed;

width:100%;

height:100%;

top:0px;

left:0px;

text-align:center;

}

div#specialBox{

display:none;

z-index:3;

background:#fff;

color:#000;

position:relative;

margin:100px auto 0px auto;

width:500px;

heidht:400px;

}

div#main {

position:absolute;

top:0px;

left:0px;

padding-left:25px

}

</style>

<script type="text/javascript">

function toggleOverlay(obj) {

var overlay = document.getElementById('overlay');

var specialBox = document.getElementById('specialBox');

var specialSpan = document.getElementById('specialSpan');

var specialPicture = document.getElementById('specialPicture');

overlay.style.opacity=.7;

if(overlay.style.display == "block"){

overlay.style.display = "none";

specialBox.style.display = "none";

} else {

overlay.style.display = "block";

specialBox.style.display = "block";

specialPicture.src=obj.src;

specialSpan.innerHTML=obj.src;

}

}

</script>

</head>

<body>

<div id="overlay"></div>

<div id="specialBox">

<button onmousedown="toggleOverlay(this)">X</button>

<span id="specialSpan"></span>

<img id="specialPicture" src="" width="500px" height="375px"/>

</div>

<div id="main">

<h2>My web page</h2>

<p>Some web page content....</p>

<img onmousedown="toggleOverlay(this)" src="01.jpg" width="80px"/>

<img onmousedown="toggleOverlay(this)" src="02.jpg" width="80px"/>

<img onmousedown="toggleOverlay(this)" src="03.jpg" width="80px"/>

<img onmousedown="toggleOverlay(this)" src="04.jpg" width="80px"/>

<img onmousedown="toggleOverlay(this)" src="05.jpg" width="80px"/>

<img onmousedown="toggleOverlay(this)" src="06.jpg" width="80px"/>

</div>

</body>

</html>