การใช้งาน AS3isolib แบบพื้นฐาน (ตอนที่ 2) by Ziah

ต่อจากคราวก่อนที่เราได้รู้จักส่วนพื้นฐานของ As3isolib กันไปแล้ว ในตอนนี้เราจะอธิบายถึงการนำมาใช้จริง โดยปกติแล้วเราจะนำคอนเทนท์ต่างๆที่สร้างใน Adobe Flash มาใช้

ขั้นแรกให้เรารัน isoGrid เปล่าๆมาก่อน เพื่อจะได้ Capture รูปภาพ Grid ไปใช้ในการจัดคอนเทนท์ต่างๆที่เราจะนำมาใช้ หลังจาก Capture เสร็จให้เราเปิด Adobe Flash ขึ้นมาและ Paste รูปลงไป

ในส่วนแรกให้เรานำรูปที่จะใช้มาใส่เข้ามาแล้วจัดให้มีขนาดพอดีกับ Grid 1 ช่อง

แล้วก็จะมาถึงในส่วนสำคัญ คือเราต้องกำหนดจุด Registeration Point หรือ จุด Pivot ให้อยู่ในตำแหน่ง ที่อยู่สูงที่สุดของพื้นวัตถุนั้นๆ สังเกตุตามภาพ

เลื่อนวัตถุโดยให้จุด Registration Point อยู่ที่มุมบนของช่อง Grid

จากนั้น Edit วัตถุโดยเลื่อนให้พื้นของวัตถุ มีจุดสูงสุดตรงกันกับจุด Registration Point

จากนั้นเราก็ทำการตั้งชื่อวัตถุนั้นๆโดยการคลิ้กขวา Property และเลือก Export for Action Script เพื่อที่จะนำ swc ไปใช้ต่อ จากนั้นก็ทำการ Publish โดยเลือก Export SWC ด้วย แล้วนำ swc ที่ได้ไปไว้ใน Lib ของ Action Script Project ของเรา

และทำการเพิ่มโค้ดที่ทำใน ตอนที่ 1 ตรงส่วนที่หลังจากสร้าง isoScene แล้ว

var iso:IsoSprite = new IsoSprite(); //สร้าง isoSprite ซึ่งเป็นตัวแสดงผลวัตถุต่างๆ

iso.sprites = [brick]; //รับค่าเป็นอาเรย์ ใส่ชื่อของวัตถุนั้นลงไป

iso.moveBy(CELL_SIZE,CELL_SIZE, 0); //ขยับไปที่ช่องแรก

scene.addChild(iso); //ใส่เข้าใน scene

พอรันก็จะได้ผลลัพธ์ดังนี้

ถ้าเราเขียนลูปวนแสดงผลของวัตถุก็จะมีหน้าตาออกมาเช่นนี้ครับ

เท่านี้โลก iso ของเราก็เริ่มดูเป็นรูปเป็นร่างแล้วล่ะครับ

การแบ่งตาราง (Database) ออกเป็นหลายๆตารางเพื่อลดขนาดของตารางลง by tosawat

เคยประสบปัญหาอย่างนี้ไหม “เคยออกแบบ Database ไว้เป็นตารางเดียวแต่มี field เยอะแยะ รวมถึง field ที่เป็นประเภท Text หรือ Longtext ไว้หลาย field พอในตารางมีจำนวน row เยอะมากๆๆ หรือข้อมูลที่เก็บใน field Text มีขนาดใหญ่มาก จึงเจอปัญหาขนาดของข้อมูลใหญ่มากตอนโหลดหรือเซฟ” วิธีแก้ก็ทำอย่างงี้ครับ เราก็สร้างตารางย่อยที่มี field 3 field คือ 1. field ที่เป็น key ของตารางหลักเอาไว้เป็น key ของตารางย่อยเช่นกัน 2. field ที่เป็น ประเภท Text หรือ Longtext ที่เป็นปัญหาของตารางหลัก 3. อันนี้มีหรือไม่มีก็ได้นั่นก็คือ timestamp นั่นเอง ทีนี้เราก็แก้ code ของเราให้เวลา load หรือ save ก้อมาทำที่ตารางย่อยนี้เลยไงครับ

การใช้งาน AS3isolib แบบพื้นฐาน (ตอนที่ 1) by Ziah

As3isolib (ActionScript 3.0 Isometric Library) เป็นโอเพ็นซอร์ส ที่พัฒนาขึ้นเพื่อช่วยในการสร้างคอนเทนท์แบบ Isomatric (เช่นเกมและกราฟิก) สำหรับแพลตฟอร์ม Flash Player. As3isolib ประกอบด้วย utilities, primitives และ views. As3isolib ได้รับการพัฒนาให้มีความเรียบง่ายความเร็วและประสิทธิภาพในตัว เพื่อให้นักพัฒนาสามารถมุ่งเน้นไปที่การนำไปใช้จริงแทนที่จะต้องเรียนรู้ API ที่ซับซ้อน. สามารถหาข้อมูลเพิ่มเติมและดาวน์โหลดนำมาใช้งานได้ที่ http://code.google.com/p/as3isolib/

ในขั้นตอนแรกนี้จะแนะนำ 3 ตัว พื้นฐานที่จะนำมาใช้งานหลักๆก่อน คือ Grid Scene และ View พร้อมทั้ง Isobox ที่เป็นตัวทดลองการใช้งาน

• Grid จะเป็นส่วนแสดงช่องของพื้นซึ่งเป็นพื้นของ iso
• Scene จะเป็นส่วนของหน้าที่จะทำการประมวลผลก่อนจะแสดงผล
• View เป็นส่วนแสดงผล
• IsoBox เป็นคอมโพเนนท์พื้นฐานในการทดลองใช้ iso

package

{

//ทำการ Import ส่วนต่างๆเข้ามา

import as3isolib.display.IsoView;

import as3isolib.display.primitive.IsoBox;

import as3isolib.display.scene.IsoGrid;

import as3isolib.display.scene.IsoScene;

import as3isolib.geom.IsoMath;

import as3isolib.geom.Pt;

import eDpLib.events.ProxyEvent;

import flash.display.Sprite;

import flash.events.MouseEvent;

public class Iso extends Sprite

{

private static const CELL_SIZE:Number = 50; //ทำการตั้งขนาดช่องของ Grid

//สร้างตัวแปรทั้ง 4

private var grid:IsoGrid;

private var scene:IsoScene;

private var view:IsoView;

private var box:IsoBox;

public function Iso()

{

grid = new IsoGrid();

grid.setGridSize(10, 10, 1); //เซ็ทขนาดของ Grid โดยตามตัวอย่างให้มีขนาด 10×10 ช่อง

grid.showOrigin = true; //boolean ตั้งโชว์ลูกศรบอกทิศทาง

grid.cellSize = CELL_SIZE; //ตั้งค่าขนาดของช่อง Grid ให้เท่ากับค่าที่สร้างไว้

box = new IsoBox();

box.setSize(CELL_SIZE, CELL_SIZE, CELL_SIZE); //สร้างกล่อง isoBox ให้มีขนาด กว้าง x ยาว x สูง จากตัวอย่างให้ขนาดพอดีกบัช่อง Grid

box.moveTo(CELL_SIZE*2, CELL_SIZE*2, 0); //เป็นคำสั่งเคลื่อนย้ายเหมือนกับการเซ็ท x y z แต่ทำในมิติของ iso

scene = new IsoScene();

scene.addChild(grid);

scene.addChild(box);

scene.render(); //เป็นคำสั่งที่ทำให้ซีนทำการเปลี่ยนแปลงการแสดงผล *ต้องสั่งทุกครั้งถ้าต้องการให้การแสดงผลเปลี่ยนตาม*

view = new IsoView();

view.setSize(800, 600); //ตั้งขนาดของ view

view.centerOnPt(new Pt(200, 200, 0)); //ให้จออยู่ตรงตำแหน่งที่ตั้ง x y z

view.addScene(scene);

addChild(view);

}

}

}

ซึ่งจะทำให้ได้ผลลัพธ์ตามรูป

วิธี upgrade php 5.2 >> 5.3 (ไม่ทั้งหมดหรอกนะ เฉพาะที่ใช้ในโปรเจคเราเท่านั้นล่ะ) by tosawat

- เวลาจะ new อะไรขึ้นมาใช้ก๊ไม่ต้องใส่ & ข้างหน้าอีกต่อไป เช่น
$a = &new $b; -> $a = new $b;

- เอา & ตอนส่ง parameter ให้ function ออกแล้ว ไปเติม & ตอนประกาศ function แทน เช่น
func(&$param); -> func($param);
function func($param){} -> function func(&$param){}
PS. ถ้าเป็น function มาตรฐาน php เช่น shuffle( &$opp_all ); ก็ไม่ต้องทำไร ลบ & ออกอย่างเดียว

- เปลี่ยน function split เป็น explode เช่น
$a = split(’ ‘,$b,2); แก้เป็น $a = explode(’ ‘,$b,2);

- เปลี่ยน function ereg และ eregi เป็น preg_match และเปลี่ยน parameter ตัวแรกเป็น Regular Expression เช่น
ereg(’_model$’, $model); -> preg_match(’/_model$/’, $model);
eregi(’^(.+):([0-9]+)$’, $hosts[$index], $hostinfo); -> preg_match(’/^(.+):([0-9]+)$/i’, $hosts[$index], $hostinfo);

- เปลี่ยน function ereg_replace และ eregi_replace เป็น preg_replace และเปลี่ยน parameter ตัวแรกเป็น Regular Expression เช่น
ereg_replace(”,$”, “”, $insert); -> preg_replace(”/,$/”, “”, $insert);
eregi_replace(’_form$’, ”, $form); -> preg_replace(’/_form$/i’, ”, $form);