Creating a sceneThe goal of this se

Creating a scene
The goal of this section is to give a brief introduction to Three.js. We will start by setting up a scene, with a spinning cube. A working example is provided at the bottom of the page in case you get stuck and need help.
What is Three.js?
Let's try to describe it briefly:
Three.js is a library that makes WebGL - 3D in the browser - easy to use. While a simple cube in raw WebGL would turn out hundreds of lines of Javascript and shader code, a Three.js equivalent is only a fraction of that.
Before we start
Before you can use Three.js, you need somewhere to display it. Save the following HTML to a file on your computer, along with a copy of three.min.js in the js/ directory, and open it in your browser.

ผลลัพธ์ (ไทย) 1:

สร้างฉากเป้าหมายของส่วนนี้คือให้แนะนำสั้น ๆ เพื่อ Three.js เราจะเริ่ม โดยการตั้งฉาก กับ cube ปั่น คุณสามารถให้ตัวอย่างการทำงานที่ด้านล่างของหน้าในกรณีที่คุณได้รับติดอยู่ และต้องการความช่วยThree.js คืออะไรลองพยายามอธิบายโดยย่อ:Three.js เป็นรีที่เว็บจีแอล - 3D ในเบราว์เซอร์ - ใช้งานง่าย ในขณะที่เรื่อง cube ในเว็บจีแอลดิบจะเปิดออกหลายร้อยบรรทัดของรหัส Javascript และ shader, Three.js ที่เทียบเท่ากับเป็นเพียงเศษเสี้ยวของที่ก่อนที่เราเริ่มก่อนที่คุณสามารถใช้ Three.js คุณต้องบางเพื่อแสดง บันทึก HTML ต่อไปนี้ไปยังแฟ้มบนคอมพิวเตอร์ของคุณ พร้อมกับสำเนาของ three.min.js ใน js / ไดเรก ทอรี และเปิดในเบราว์เซอร์ของคุณ

ผลลัพธ์ (ไทย) 2:

การสร้างฉาก
เป้าหมายของส่วนนี้คือการให้แนะนำสั้น ๆ กับ Three.js เราจะเริ่มต้นด้วยการตั้งค่าที่เกิดเหตุด้วยก้อนปั่น . ตัวอย่างการทำงานที่ให้ไว้ที่ด้านล่างของหน้าในกรณีที่คุณได้รับการติดและต้องการความช่วยเหลือ
อะไรคือ Three.js
ลองพยายามที่จะอธิบายมันสั้น:
Three.js เป็นห้องสมุดที่ทำให้ WebGL - 3 มิติในเบราว์เซอร์ - ง่ายต่อการ ใช้ ในขณะที่ก้อนง่ายใน WebGL ดิบจะออกมาร้อยสาย Javascript และรหัส shader, เทียบเท่า Three.js เป็นเพียงเศษเสี้ยวของที่.
ก่อนที่เราจะเริ่มต้น
ก่อนที่คุณจะสามารถใช้ Three.js คุณต้องอยู่ที่ไหนสักแห่งเพื่อแสดง ประหยัดค่าใช้ HTML ต่อไปนี้ไปยังไฟล์ในคอมพิวเตอร์ของคุณพร้อมกับสำเนาของ three.min.js ใน js / ไดเรกทอรีและเปิดในเบราว์เซอร์ของคุณ

ผลลัพธ์ (ไทย) 3:

การสร้างฉาก
เป้าหมายในส่วนนี้ให้สั้นเบื้องต้น three.js . เราจะเริ่มต้นโดยการตั้งค่าฉากกับลูกบาศก์หมุน ตัวอย่างงานที่ให้ไว้ที่ด้านล่างของหน้าในกรณีที่คุณติดค้างอยู่ และต้องการความช่วยเหลือ three.js
คืออะไร ?
ลองอธิบายสั้น ๆ :
three.js เป็นห้องสมุดที่ทำให้ WebGL - 3D ในเบราว์เซอร์ที่ใช้งานง่ายในขณะที่ก้อนง่ายดิบ WebGL จะออกมาหลายร้อยบรรทัดของ JavaScript และรหัส shader , เทียบเท่า three.js เป็นเพียงเศษเสี้ยวของที่ เราเริ่ม

ก่อนก่อนที่คุณจะสามารถใช้ three.js คุณต้องการที่จะแสดง บันทึก HTML ต่อไปนี้ในแฟ้มบนคอมพิวเตอร์ของคุณ พร้อมกับสำเนา three.min.js ใน JS / ไดเรกทอรีและเปิดในเบราว์เซอร์ของคุณ