javascript windows size

บางครั้งความจำเป็นในการพัฒนาเว็บที่ต้องใช้จาวาสคริป (java script) ในการ จัดวาตำแหน่งของข้อมูล หรือกล่องข้อมูลที่ได้มาจากการกำหนดจาก CSS การจัดวางตรงกลางหน้าจอ นี้ก็นับว่ามีความสำคัญอย่างยิ่ง และหลายครั้งก็จำเป็นต้องว่าข้อมูลไว้ที่หน้าจอ

เมื่อต้องการกำหนดข้อมูลต่าง ๆ ไว้ที่หน้าจอ ก็ต้องเกิดปัญหาต่อมาคือขนาดหน้าจอของผู้ใช้งานแต่เครื่องนั้นก็มีขนาดความ กว้าง x ยาง (พิกเซล) ไม่เท่ากัน ย่อมเกิดความยุ่งยากในการจัดวางตำแหน่งของข้อมูลที่ให้อยู่ตรงกลางจอพอดี

ทางออกมีหลายทาง แต่ทางหนึ่งที่เราสามารถวัดขนาดของหน้าจอ (Browser ได้ว่า ตอนนั้น มีขนาด ความกว้าง width และ ความสูง height เท่าไหร่ โดยใช้ function ต่อไปนี้ในการประยุกต์ใช้งานได้


function showSize() {
  var theW = 0, theH = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Modern Browser
    theW = window.innerWidth;
    theH = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    theW = document.documentElement.clientWidth;
    theH = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    theW = document.body.clientWidth;
    theH = document.body.clientHeight;
  }
  window.alert( 'Width = ' + theW );
  window.alert( 'Height = ' + theH );
}

ตัวอย่างผลการเรียนกใช้งาน showSize();

ครั้งที่ 1 จะแสดง ขนาดความกว้าง

ครั้งที่ 2 จะแสดงขนาดความสูงของหน้าจอ

Image processing engine for camera digital

Olympus

http://en.wikipedia.org/wiki/TruePic

Sony

http://en.wikipedia.org/wiki/Bionz

Canon

http://en.wikipedia.org/wiki/DIGIC

นวัตกรรมใหม่น่าสนใจ Augmented Reallity

       การศึกษาภาพประกอบเสมือจริงนี้เป็นรูปแบบใหม่ของการนำเสนอข้อมูล โดยได้นำไปใช้งานได้หลากหลาย เช่น พิพิธภัณฑ์ การศึกษา ความบันเทิง งานวิจัย ระบบอุตสาหกรรม และการติดต่อสื่อการที่มีความทันสมัย AR หรอ Augmented Reality เป็นเทคโนโลยีล้ำสมัยปี 2010 ซึ่งเป็นเทคโนโลยีที่ผสานเอาโลกแหงความเป็นจริง (Real) เขากับโลกเสมือน (Virtual) โดยผ่านทางอุปกรณ์กล้องเว็บแคม (Web camera) กล้องมือถือ (Phone camera) และคอมพิวเตอร์ ร่วมกับการใช้ซอฟต์แวร์ ต่างๆ ซึ่งจะทำให้ภาพที่เห็นในจอภาพจะเป็น Object (คน, สัตว์, สิ่งของ, สัตว์ประหลาด, ยานอวกาศ) 2 มิติ และ 3 มิติ ซึ่งมีมุมมองมากถึง 360 องศา

       การเปลี่ยนแปลงความเป็นจริงเสมือน Immersive คือเทคนิคเพิ่มความเสมือนจริง Augmented Reality (AR) ที่ซึ่งดูเหมือนจะสนับสนุนระดับความสำเร็จของกราฟิกคอมพิวเตอร์เพื่อจากของจริงเน้นลักษณะเฉพาะและยกระดับขยายความเขาใจ “เทคนิคเพิ่มความเสมือนจริงคือการเพิ่มความเข้าใจของมนุษย์สนับสนุนข้อมูลข่าวสารที่ไม่ปกติที่พบเห็นจากความรู้สึกของมนุษย์ อธิบายว่า เทคโนโลยี AR จัดเตรียมวิธีการนำเสนอข้อมูลโดยเพิ่มสถานการณ์เพิ่มความรู้ความเข้าใจของโลกจริง สิ่งนี้ถูกยอมรับการแทนวัตถุเสมือนหรือสอดแทรกข้อมูลข่าวสารเข้าไปในโลกที่เป็นจริงผู้ใช้จะเป็นผู้มองเห็น” และได้จัดแบ่งชนิดของเทคนิคเพิ่มความเสมือนจริง (AR) ออกเป็น 4 ชนิด สามารถแยกชนิดได้ ดังนี้

1. Optical See-Through AR ผู้ใช้เห็นชัดเจนด้วย Head-mounted display (ผู้ใช้จะต้องสวมหมวกที่มีจอภาพไว้บนศีรษะ) เพื่อแสดงสิ่งแวดล้อมเสมือนได้ (VE) โดยตรงมากกว่าโลกจริง

2. Projector Based AR ใช้วัตถุโลกจริงเช่นเดียวกับการออกแบบพื้นผิวสำหรับ VE

3. Video See-Through AR ใช้ HMD ทึบแสงในการแสดงผสมผสานกับวีดีโอของ VE และมองจากล้องถ่ายรูปบน HMD

4. Monitor-Based AR ใช้ผสมผสานกับวีดีโอสตรีมแต่การแสดงน่าติดตามมากกว่าปกติหรือจับสิ่งแสดงได้ Monitor-Based AR คือความเป็นไปได้ยากเล็กน้อยที่จะติดตั้งเพราะมันจำกัดเนื้อหา HMD

       เทคนิคการเพิ่มความเสมือนจริงมีความสำคัญกับการทำให้ร่างกายให้แข็งแรง เนื่องจากเราสามารถนำเข้าไปผสานการทำงานร่วมกับระบบ Video-based ที่สามารถเลียนแบบสถานการณ์เล่นกอล์ฟจริงได้ โดยที่ห้องแล็บ Mixed Reality Lab ในโยโกฮามา ได้พัฒนาเพิ่มความ เสมือนจริงให้กับเกมส์กีฬาฮอกกี้ ผู้เล่นสามารถที่จะแบ่งเป็นไฟล์เกมส์ทางกายภาพ ไม้ตี และเกมส์ฮอกกี้เสมือนจะเล่นในอากาศ สิ่งสำคัญอย่างหนึ่งในการประยุกต์ข้อมูลสารสนเทศเทคนิคการเพิ่มความเสมือนจริงคือระบบสารสนเทศในช่องวางในอากาศสำหรับสำรวจสภาพแวดล้อมภายในเมือง รวมทั้งสิ่งแวดล้อมเกี่ยวกับการเคลื่อนที่ในที่ว่าง โดยเฉพาะงานวิจัยที่เกี่ยวกับเทคนิคเพิ่มความเสมือนจริงเคลื่อนที่ ใช้เคลื่อนที่และสวมใส่ระบบที่คำนวณไว้แล้วเดินไปที่รอบ

What is cuda programming? ยังต้องคิดต่อไป

ฝากไว้เดี๋ยวกลับมาเขียนครับ

สุดยอดเทคนิคกับ javaqt

เป็นอีกเทคนิคเกี่ยวกับการจัดการ Gui ของ java ซึ่งได้ใช้ความสามารถของ เทคโนโลยี javaqt มาใช้งานครับ หัวข้อนี้เอาไว้เป็นแนวๆ ครับ เดี๋ยวจะได้เอามาทดสอบให้ดูในหัวข้อต่อไปครับ

ภาพตัวอย่าง atjambi