LevelUp! Studio » seeer https://blog.levelup.in.th Experience the new world. Fri, 26 May 2017 10:06:07 +0000 th hourly 1 http://wordpress.org/?v=3.8.1 ส่งตัวแปร array จาก PHP ให้ Javascript ทำงานด้วย Json_encode https://blog.levelup.in.th/2011/05/31/json-encode%e0%b8%aa%e0%b9%88%e0%b8%87%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b9%81%e0%b8%9b%e0%b8%a3-array-%e0%b8%88%e0%b8%b2%e0%b8%81-php-%e0%b9%83%e0%b8%ab%e0%b9%89-javascript-%e0%b8%97%e0%b8%b3%e0%b8%87/ https://blog.levelup.in.th/2011/05/31/json-encode%e0%b8%aa%e0%b9%88%e0%b8%87%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b9%81%e0%b8%9b%e0%b8%a3-array-%e0%b8%88%e0%b8%b2%e0%b8%81-php-%e0%b9%83%e0%b8%ab%e0%b9%89-javascript-%e0%b8%97%e0%b8%b3%e0%b8%87/#comments Tue, 31 May 2011 16:45:11 +0000 http://blog.levelup.in.th/?p=1089 หลายคนคงเคยมีปัญหากับการส่งค่าตัวแปรที่เป็นชนิด อาเรย์จาก PHP ไม่สามารถส่งให้กับ Javascript ทำงานได้ ตอนนี้ PHP มีฟังก์ชั่นการทำงานที่น่าสนใจเกี่ยวกับ การ encode ข้อมูล

ฟังก์ชัน json_encode ของ PHP นั้นเป็นอีกฟังก์ชันหนึ่งที่น่าสนใจมาก เพราะว่า ฟังก์ชันนี้ทำหน้าที่แปลงค่าที่เราส่งให้ (argument) ให้ออกมาเป็น json ซึ่งสามารถนำเอาไปใช้เพื่อคืนค่าให้กับ AJAX แทนที่จะเป็น XML หรือ Text  จะช่วยให้เราใช้ javascript จัดการกับ Response ได้ง่ายยิ่งขึ้น แค่นี้ก็จะช่วยแก้ปัญหา การส่งค่าตัวแปรอาเรย์ไปยัง Javascript ได้เรียบร้อย

รูปแบบการใช้งานก็ตามนี้

string json_encode ( mixed $value [,int $options = 0] )


<?php
$arr=array('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5);
echo json_encode($arr);
?>


ผลลัพท์ที่ได้




{"a":1,"b":2,"c":3,"d":4,"e":5}


credit:http://www.imooh.com/






]]>
			https://blog.levelup.in.th/2011/05/31/json-encode%e0%b8%aa%e0%b9%88%e0%b8%87%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b9%81%e0%b8%9b%e0%b8%a3-array-%e0%b8%88%e0%b8%b2%e0%b8%81-php-%e0%b9%83%e0%b8%ab%e0%b9%89-javascript-%e0%b8%97%e0%b8%b3%e0%b8%87/feed/
		1
		
		
		ตัวนับเวลาถอยหลัง (Midnight-Daily-Reset) อย่างง่าย ด้วย Javascript
		https://blog.levelup.in.th/2011/05/31/daily-reset-with-javascript%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%99%e0%b8%b1%e0%b8%9a%e0%b9%80%e0%b8%a7%e0%b8%a5%e0%b8%b2%e0%b8%96%e0%b8%ad%e0%b8%a2%e0%b8%ab%e0%b8%a5%e0%b8%b1%e0%b8%87-midnight-daily-res/
		https://blog.levelup.in.th/2011/05/31/daily-reset-with-javascript%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%99%e0%b8%b1%e0%b8%9a%e0%b9%80%e0%b8%a7%e0%b8%a5%e0%b8%b2%e0%b8%96%e0%b8%ad%e0%b8%a2%e0%b8%ab%e0%b8%a5%e0%b8%b1%e0%b8%87-midnight-daily-res/#comments
		Tue, 31 May 2011 16:05:28 +0000
		
				

		http://blog.levelup.in.th/?p=1077
		
				จากที่เราเล่นเกมกันบ่อยๆ คงไม่มีใครไม่เคยเห็นระบบเล็กๆน้อยของเกม ที่กำหนดเวลาอนุญาตให้ทำ พูดง่ายๆก็อย่างเช่น ทำได้ทุกๆ สองชั่วโมง สิบสองชั่วโมง หรือ ธรรมดาๆก็ ทำทุกๆ 1 วัน อาทิเช่น ตีเมืองคนอื่นได้แค่วันละครั้ง ส่งของให้เพื่อนได้แค่วันละครั้ง อะไรแบบนี้เป็นต้น และเพื่อความเก๋ไก๋ เราก็ต้องมีตัวนับเวลาถอยหลัง โชว์เวลาถอยหลังให้ตื่นเต้นเล่นๆกันนิดหน่อย  ตัวนับเวลาถอยหลังทำได้หลายแบบ เช่น นับจากวันที่กำหนดไว้  เหลือเวลาอีกเท่าไหร่จะถึงวันที่นี้ๆ เดือนนี้ๆ เป็นต้น ตัวนับที่นับถอยตามชั่วโมงที่มีให้เห็นได้ทั่วไป เราจะมาพูดถึง ตัวนับเวลาถอยหลัง ที่ทำทุกๆวัน หรือที่เรียกว่า Daily reset โดยที่ไม่ได้ reset โดยนับ 24 ชั่วโมง แต่จะ reset ตอนเที่ยงคืนของทุกวัน (เพราะเรานับวันใหม่หลังเที่ยงคืน เป็นอะไรที่มาตรฐาน)


มาดูกันว่า ถ้าเราอยากได้ ตัวนับถอยหลังที่นับจากเวลาเที่ยงคืน จะเขียนได้อย่างไรบ้าง


<html>


<head>


<title>Countdown to Mid-night</title>


<script type=”text/javascript”>


function ShowTimes() {


var now = new Date();


var hrs = 23-now.getHours();


var mins = 59-now.getMinutes();


var secs = 59-now.getSeconds();


 //   ถึงเที่ยงคืนแล้วจะให้ทำอะไรก็เชคไป บลาๆๆ


 if(now.getHours() == 23 && now.getMinutes() == 59 && now.getSeconds() == 59)


 {


 document.getElementById(“start_butt”).style.display = “block”;


 }


 


var str = ”;


str = now.toString();


str += ‘<br> Timeleft: ‘+hrs+’ hours ‘+mins+’ minutes ‘+secs+’ seconds’;


document.getElementById(‘countdownToMidnight’).innerHTML = str;


}


var _cntDown;


function dontClick() {


 document.getElementById(“start_butt”).style.display = “none”;


}


</script>


</head>


<body onload=”_cntDown=setInterval(‘ShowTimes()’,1000)”>


<div id=”countdownToMidnight”></div>


<div id=”start_butt” style=”display:block”>


<button onclick=”dontClick()”>Start</button>


</div>


</body>


</html>


จากตัวอย่าง จะเห็นว่า ถ้ากดปุ่ม Start ไปแล้ว ปุ่มก็หายไป แล้วบอกเป็นนัยๆว่า รอกดใหม่พรุ่งนี้นะ  บอกแล้วอย่างง่ายจริงๆ  ขอบคุณบทความจาก http://www.webdeveloper.com/forum/archive/index.php/t-215504.html

]]>
			https://blog.levelup.in.th/2011/05/31/daily-reset-with-javascript%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%99%e0%b8%b1%e0%b8%9a%e0%b9%80%e0%b8%a7%e0%b8%a5%e0%b8%b2%e0%b8%96%e0%b8%ad%e0%b8%a2%e0%b8%ab%e0%b8%a5%e0%b8%b1%e0%b8%87-midnight-daily-res/feed/
		0
		
		
		Facebook Advertising
		https://blog.levelup.in.th/2010/04/30/facebook-advertising/
		https://blog.levelup.in.th/2010/04/30/facebook-advertising/#comments
		Fri, 30 Apr 2010 15:54:52 +0000
		
				
		
		
		

		http://blog.levelup.in.th/?p=548
		
				หลายคนคงรู้จักกับ การลงโฆษนาในกูเกิล หรือ  Google Adwords มาบ้างแล้ว  คราวนี้เรามาลองดู การลงโฆษนากับ Facebook หรือ Facebook Advertising  กันบ้าง นอกจากจะเป็น Social Network ที่ได้รับความสนใจอย่างมากในคนไทย  ซึ่งแน่นอนต่อไปต้องได้รับความนิยมอย่างรวดเร็ว  จึงเป็นทางเลือกหนึ่งที่น่าจะคุ้มค่าเลยทีเดียว นอกจาก Facebook Ad  จะมีความง่ายของระบบการลงโฆษนาด้วยตัวเองแล้ว เรามาลองดูกันว่า Facebook  Ads. มีอะไรเจ๋งๆอีกบ้าง


อย่างแรกระบบการลงโฆษนาที่เข้าใจง่ายไม่ซับซ้อน


1


อีกอย่างที่ทำให้ Facebook Ads เจ๋ง นั่นก็คือ การเลือกกลุ่ม Target ด้วยตนเอง


2


มาดูกันเลยดีกว่า ว่า มันเจ๋งยังไง เอาแบบที่เด็ดๆ


1. เลือกกลุ่มอายุของเป้าหมายได้ เช่น เราอยากให้คนหนุ่มคนสาวได้เห็น ก็ใส่ช่วงอายุไปได้เลย


2. ทั้งยังสามารถเลือกให้เห็นเฉพาะคนที่เกิดวันนี้ได้อีก


3. เลือกเพศได้ ที่สำคัญคือ ความสนใจ สมมติว่าเราเลือกเป็น เพศชายที่มีความสนใจ ในเพศชาย อะไรแบบเนี้ย


4. เลือกความสัมพันธ์ได้ อยากให้เห็นแค่คนที่โสดเท่านั้นก็จัดไป


5. Like&Interests สำหรับข้อนี้ จะดึงข้อมูลจาก profile ผู้ใช้ซึ่งเจ๋งมากๆ


6. เลือกมหาวิทยาลัย สถาบัน โรงเรียนได้หมด อันนี้ก็จะดึงจากข้อมูล profile เราเช่นกัน


7. เลือกเฉพาะ ที่บริษัท หน่วยงาน ได้ด้วย


อีกทั้งข้างๆยังมีจำนวนผู้ใช้โดยประมาณบอกเอาไว้ด้วย ว่า Target นี้ มีผู้ใช้เท่าไหร่


3


(มั่นใจว่า..คนไทยเกิน 1 ล้านคน เล่น facebook^^ ข้อมูลชัดเจน)


สุดท้ายคือการคำนวณเกี่ยวกับงบประมาณรายวัน


4_1


จะมีการคำนวณเกี่ยวกับงบประมาณที่ต้องเสียรายวัน สามารถกำหนดได้ว่า วันที่เท่าไหร่ เวลาเท่าไหร่ ถึงวันไหน


วิธีคิดค่าเงินก็แบ่งออกเป็น 2 แบบ คือ


1. (CPM) คิดตามจำนวนที่โฆษนาถูกแสดง 1000 ครั้ง

2. (CPC) คิดตามจำนวนที่ click อันนี้ก็จะแพงกว่าหน่อย แต่ก็มั่นใจได้มากกว่า


ก็แล้วแต่ว่าจะเลือกแบบไหน Facebook จะบันทึกบัตรเครดิตของเราไว้ตลอดเวลา และจะตัดค่าใช้จ่ายเป็นรายอาทิตย์ ถ้าเราไม่กำหนดวันสิ้นสุดของโฆษนา ก็จะถูกตัดเงินทุกอาทิตย์ แต่ก็จะไม่เกินวงที่คำนวณไว้แล้วแน่นอน

ก็ได้เห็นความเจ๋งของ Facebook Ads ไปแล้ว

ใครสนใจและคิดว่าคุ้มค่าจะลองลงโฆษนาก็ได้เลยยย


Credit: Rittichart S. [ http://rittichart.com/ ]

]]>
			https://blog.levelup.in.th/2010/04/30/facebook-advertising/feed/
		1
		
		
		Child and Parent ใน Action Script3
		https://blog.levelup.in.th/2010/03/31/child-and-parent-%e0%b9%83%e0%b8%99-action-script3/
		https://blog.levelup.in.th/2010/03/31/child-and-parent-%e0%b9%83%e0%b8%99-action-script3/#comments
		Tue, 30 Mar 2010 17:37:09 +0000
		
				
		

		http://blog.levelup.in.th/?p=467
		
				แน่นอนว่า คนที่เคยเขียน AS2 มาก่อน ก็คงงงวยกับ AS3 ที่เขียนแตกต่างกัน อาจจะสับสนเล็กๆ ถึงมาก ในการศึกษาการ script แบบ object ใน post นี้ เราจะมาเรียนรู้เกี่ยวกับ ความสัมพันธ์ของ Child กับ Parent ซึ่งจำเป็นระดับหนึ่งในการเขียน Script ประเภทเกม โดยจะให้ตัวอย่างเป็นระบบมินิสุริยะ (ที่มีแต่ดวงอาทิตย์กับโลก แล้วก็ดวงจันทร์) ให้เข้าใจได้ง่ายขึ้น


Click เพื่อดูตัวอย่าง


อันดับแรก


1. สร้าง movie clip 3 ชั้น ชื่อว่า mySun myEarth และ myMoon


(อย่าลืมสร้างจุดแตกต่างไว้สังเกตุการหมุนด้วย)13


2. คลิกขวาที่ movie clip แล้วเลือก Linkage..


จากนั้น คลิกให้เป็นเครื่องหมายถูก หน้า Export for Actionscript และ Export in First frame ซึ่งปกติ ใน flash CS3 จะขึ้นให้อัตโนมัติ ทั้งชื่อ Class และ Base Class (การตั้งชื่อ class เราสามารถตั้งเป็นอย่างอื่นได้ แต่ตั้งให้เหมือนกับ movie clip จะได้จำง่ายๆ)


ทำให้หมดทั้ง 3 ชิ้น(ย้ำๆ)


21


3.จากนั้น เริ่มใส่สคริปกันเลย ที่เฟรมแรก(อย่าลืม ลบภาพใน stage ให้เหลือแต่ว่างๆ เพราะ script จะสร้างขึ้นมาใหม่ อาจทับกับของเก่าทำให้งงๆได้)


- กำหนดตัวแปลชนิดใหม่ ตั้งชื่อให้ว่า sun moon และ earth เป็นชนิดของ Class ที่สร้างไปก่อนหน้า(สร้างตัวแปลชื่อ sun ชนิด mySun นั่นเอง)


code_01


- เราสมมติให้ stage เราคือจักรวาล เพราะฉะนั้น ดวงอาทิตย์ต้องอยู่ใน จักรวาล (ก็สมมติว่าเป็นลูกของจักรวาล) ตั้งอยู่ที่พิกัด (200,200)


code_02


- จากนั้น โลกก็โคจรรอบดวงอาทิตย์ (ก็สมมติให้โลกเป็นลูกของดวงอาทิตย์) โดยให้มีพิกัด(140,0) อันนี้อ้างอิงจากตำแหน่งของ parent นั่นคือ sun นั่นเอง


code_03


- และ ดวงจันทร์เป็นบริวารของโลก โคจรรอบโลก ก็เป็นลูกของโลก


code_04


ลองกดดูผล Ctrl+Enter  จะเห็นว่า ทั้งสามดวงเรียงกันเป็นสุริยุปราคา^^


- ต่อมาเราจะมาทำให้ทั้งสามดวงโคจรเหมือนปกติโดยการใส่ script ให้รันไปเรื่อยๆ คือตั้งแต่เริ่มเฟรม(EnterFrame) นั่นเอง


จะให้รันด้วยฟังก์ชั่น orbit ไปเรื่อยๆ


code_05


- ในส่วนของ function orbit นั้น เราจะสั่งให้ ทั้งสามดวงหมุนรอบตัวเอง เมื่อดวงอาทิตย์หมุน โลกที่เป็นลูกของดวงอาทิตย์ที่ยึดดวงอาทิตย์อยู่ ก็จะหมุนตาม เช่นเดียวกับ ดวงจันทร์ที่ก็จะหมุนตามตำแหน่งของโลกเช่นกัน แต่จะหมุนกลับอีกด้าน ถ้าเรา addchild ให้กับดวงจันทร์ก็จะเห็นว่า บริววารของดวงจันทร์ก็จะหมุนกลับตามดวงจันทร์เช่นกัน


code_06


Ctrl+Enter ได้ระบบสริยะ หมุนๆ


Note: ลองเข้าไปตรวจดูว่า จุดศูนย์กลางของ movie clip แต่ละชิ้น อยู่ตรงกลางหรือไม่ ไม่เช่นนั้นเราอาจจะเห็นมินิสุริยะที่โคจรแปลกๆ อาจจะเห็นโลกหรือดวงจันทร์เหวี่ยงไปเหวี่ยงมาได้ด้วย


เสร็จขั้นตอนนี้ ก็อาจจะเข้าใจเรื่อง child มากขึ้น


เทคนิค flash อื่นได้ที่นี่เลย : http://www.flashandmath.com

]]>
			https://blog.levelup.in.th/2010/03/31/child-and-parent-%e0%b9%83%e0%b8%99-action-script3/feed/
		0