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

ในการสร้างทางช้างเผือก เราสร้างอนุภาค 100,000 อนุภาคและวางไว้ในเกลียวโดยจำลองการก่อตัวของแขนกังหันดาราจักร ฉันไม่ได้กังวลมากนักเกี่ยวกับรายละเอียดของการก่อตัวของแขนก้นหอย เนื่องจากนี่จะเป็นโมเดลการนำเสนอแทนที่จะเป็นโมเดลทางคณิตศาสตร์ อย่างไรก็ตาม เราพยายามทำให้จำนวนแขนก้นหอยถูกต้องมากขึ้นหรือน้อยลง และบิดไปใน "ทิศทางที่ถูกต้อง"
ในโมเดลทางช้างเผือกเวอร์ชันหลังๆ เราลดการเน้นการใช้อนุภาคและหันมาใช้ภาพกาแล็กซีแบบระนาบแทนเพื่อใช้ร่วมกับอนุภาค ซึ่งหวังว่าจะทำให้ภาพดูเป็นภาพถ่ายมากขึ้น ภาพจริงคือภาพของกาแล็กซีเกลียว NGC 1232 ที่อยู่ห่างจากเราประมาณ 70 ล้านปีแสง ซึ่งมีการดัดแปลงภาพให้ดูเหมือนทางช้างเผือก


การค้นหาเฟรม
เมื่อพบแถวที่ถูกต้องในเครื่องมือการติดตามสำหรับเกมแล้ว ขั้นตอนถัดไปคือการค้นหาลูปหลัก ลูปหลักมีลักษณะเป็นรูปแบบที่ซ้ำกันในข้อมูลการติดตาม คุณสามารถไปยังส่วนต่างๆ ของข้อมูลการติดตามได้โดยใช้แป้น W, A, S, D โดยแป้น A และ D ใช้เพื่อเลื่อนไปทางซ้ายหรือขวา (ย้อนกลับและไปข้างหน้าตามลำดับเวลา) และแป้น W และ S ใช้เพื่อซูมเข้าและออก คุณควรคาดหวังว่าลูปหลักจะเป็นรูปแบบที่ซ้ำกันทุก 16 มิลลิวินาทีหากเกมทำงานที่ 60Hz

เมื่อพบจุดที่หัวใจเต้นของเกมแล้ว คุณจะเจาะลึกสิ่งที่โค้ดทําในแต่ละเฟรมได้ ใช้แป้น W, A, S, D เพื่อซูมเข้าจนกว่าคุณจะอ่านข้อความในช่องฟังก์ชันได้

ใช้การแปลเพื่อไปยังมุมมองต่างๆ
เพื่อความง่ายดาย สมมติว่ามีอยู่ 2 มุมมอง ได้แก่ มุมมองรายการและมุมมองรายละเอียด เมื่อผู้ใช้แตะรายการในมุมมองรายการ มุมมองรายละเอียดจะเลื่อนเข้าและมุมมองรายการจะเลื่อนออก
หากต้องการใช้เอฟเฟกต์นี้ คุณต้องมีคอนเทนเนอร์สำหรับทั้ง 2 มุมมองที่ตั้งค่า overflow: hidden
ไว้ วิธีนี้จะช่วยให้ทั้ง 2 มุมมองแสดงคู่กันในคอนเทนเนอร์ได้โดยไม่ต้องแสดงแถบเลื่อนแนวนอน และแต่ละมุมมองจะเลื่อนไปมาภายในคอนเทนเนอร์ได้ตามต้องการ