เคลื่อนไหวคาร์บอนที่เก็บไว้ในต้นไม้ทุกต้นบนโลก

โดย: มิเกล มารอน

ในการดำเนินการอย่างเข้มข้นจนถึง COP27 เราถูกขอให้สร้างวิดีโอแอนิเมชั่นของคาร์บอนที่เก็บไว้ในต้นไม้ทุกต้นบนโลกสำหรับCTrees ที่ น่า ทึ่ง เราไม่เห็นด้วยกับClimate TRACEและทุกอย่างที่ Earthrise .. แต่ไม่สามารถต้านทานความท้าทายได้ ผลลัพธ์ที่ได้คือภาพเคลื่อนไหวที่มีประสิทธิภาพโดยใช้ Mapbox Globe และเทมเพลตการเล่าเรื่อง

"ถาม" สำหรับวิดีโอที่ซูม แพน และหมุนช้าๆ ทั่วป่าและภูมิประเทศอื่นๆ ทั่วโลก ซึ่งแสดงการวิเคราะห์คาร์บอนอย่างละเอียดโดย CTrees

ในตอนแรก เราพิจารณาเส้นทางต่างๆ ของ Mapbox ตามแนวทางต่างๆ เช่นRiver Runnerและภาพเคลื่อนไหวเส้นทางภาพยนตร์ของ Tour de FranceและGL Directorที่สร้างโดย Development Seed ในการเปิดตัว Mapbox 3D Terrain แต่ไม่อนุญาตให้ใช้การควบคุมกล้อง พวกเราต้องการ. เทมเพลต การเล่าเรื่องกลายเป็นแบบที่สมบูรณ์แบบ — ช่วยให้สามารถควบคุมกล้องได้อย่างแม่นยำและเปลี่ยนภาพเคลื่อนไหวผ่านข้อความแต่ละบทของเรื่องราวผ่านไฟล์การกำหนดค่าที่ไม่ซับซ้อน เป็นโซลูชันที่หรูหราและเรียบง่าย และได้รับการปรับใช้และแก้ไขอย่างแพร่หลายสำหรับการทำข่าวด้วยข้อมูล โดยปกติการเคลื่อนไหวจะถูกควบคุมโดยการเลื่อนหน้าลง จะเป็นอย่างไรหากการเคลื่อนไหวนั้นเกิดขึ้นโดยอัตโนมัติโดยไม่มีการป้อนข้อมูลเพื่อให้ได้เฉพาะเอฟเฟ็กต์แอนิเมชั่นลูกโลกที่ไม่มีเรื่องราว จะต้องซ่อนกล่องข้อความสำหรับแต่ละบทเท่านั้น

หลังจากการทำซ้ำหลายครั้งเพื่อนำพฤติกรรมที่ถูกต้องมาใช้ สิ่งนี้กลับกลายเป็นว่าต้องการส่วนเพิ่มเติมเพียงเล็กน้อยในเทมเพลตการเล่าเรื่อง การเปลี่ยนแปลงที่สำคัญคือการเลื่อนไปยังบทถัดไปโดยอัตโนมัติเมื่อการเปลี่ยนภาพเคลื่อนไหวสิ้นสุดลง เทมเพลตการเล่าเรื่องสร้างองค์ประกอบ HTML สำหรับแต่ละบทตามการกำหนดค่า จากนั้นใช้scrollamaเพื่อกระตุ้นการเคลื่อนไหวและการเปลี่ยนแปลงบนแผนที่เมื่อพบแต่ละบท Scrollama กำหนดแอตทริบิวต์ "ดัชนีข้อมูล scrollama" ให้กับองค์ประกอบแต่ละบทในเรื่อง ดังนั้นเมื่อแอนิเมชันหยุดลง เราจะค้นหาองค์ประกอบ scrollama ถัดไป และเลื่อนไปที่องค์ประกอบนั้น มันได้ผล!

if (config.auto) {
  var next_chapter = (current_chapter + 1) % config.chapters.length;
  map.once('moveend', () => {
    document.querySelectorAll(
      '[data-scrollama-index="' + next_chapter.toString() + '"]')[0].scrollIntoView();
  });
}

การเปลี่ยนแปลงเล็กน้อยสามารถให้ผลลัพธ์ที่ยิ่งใหญ่ได้ เราหวังว่าการเพิ่ม Storytelling นี้จะเป็นประโยชน์กับผู้อื่น แบ่งปันวิธีทำให้โลกของคุณเคลื่อนไหว!