How a dev team built a photorealistic browser globe in just 1.5 MB

·1 views

A web development team at INTFRAME has built an interactive 3D Earth visualization that loads in approximately 1.5 MB despite its cinematic appearance. The globe uses NASA Blue Marble imagery and a night-lights dataset sampled into around 46,000 rendered points, while high-resolution Sentinel-2 satellite patches zoom in on four specific cities the camera visits. A custom scroll-driven animation flies the camera along great-circle paths between locations, with stable camera math and smooth north-up arrivals eliminating common glitching issues. A built-in performance governor monitors frame times and reduces internal resolution dynamically to prevent slowdowns on weaker devices. The project's companion code has been published on GitHub under the repository intframe/scroll-rig.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Developer Shares O(1) Space Method for Alternating Array Rearrangement Problem

A developer has proposed an alternative solution to the classic 'Rearrange Array Alternately' problem, commonly found on platforms like LeetCode and GeeksforGeeks. The technique, dubbed Sequential Suffix Reversal, works by repeatedly reversing shrinking suffixes of a sorted array in place until elements settle into a max-min alternating order. Unlike the standard modulo math trick, this approach uses only in-place pointer swaps and requires no extra memory, achieving O(1) space complexity. However, the method runs in O(N²) time, making it slower than existing optimal solutions and likely to fail time limits on large competitive programming inputs. The author presents it not as a superior algorithm, but as a structurally intuitive alternative worth knowing for algorithm-design discussions.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

JoyAI-Video-Edit Brings Real-Time Instruction-Guided Editing to Live Streams

JoyAI-Video-Edit has released code, model checkpoints, and a technical report for a video editing system designed to process frames as they arrive, without requiring a complete clip. The tool accepts live camera streams or uploaded videos alongside natural-language edit instructions, processing footage causally so it never waits for future frames. The project claims end-to-end performance of 30 frames per second at 720×1248 resolution, with a separate live demo running at 840×480 and 24 FPS on a single RTX PRO 6000 Blackwell GPU. Under the hood, the system combines a 16-billion-parameter multimodal diffusion transformer, a causal video VAE, and a bounded key-value state mechanism intended to keep memory use stable across indefinitely long streams. The key engineering challenge the project targets is preventing small visual inconsistencies from compounding over time when the model cannot look ahead to correct earlier errors.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Why Adding Developers to a Late Project Can Make It Even Later

A common leadership response to delayed software projects is hiring more developers, but this approach often overlooks the real constraints slowing delivery. New engineers consume existing team capacity during onboarding, as experienced members must pause their own work to share knowledge and review unfamiliar code. Growing team size also multiplies coordination overhead, meaning more effort goes into aligning decisions and resolving dependencies rather than shipping features. Bottlenecks in code review, QA, or approvals can negate any gains in raw coding output, since delivery speed is limited by the slowest stage in the pipeline. Brooks's Law warns that adding people to a late project can delay it further, and its core lesson is to identify what is actually constraining delivery before reaching for headcount as a solution.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

AI API Bills Catch Developers Off Guard — Token Costs Explained

Developers building with AI APIs from OpenAI, Anthropic, and Google frequently face unexpected costs because tokens do not map directly to words or characters. Output tokens are consistently more expensive than input tokens, with GPT-4o charging four times more for output and Claude Opus 4 charging five times more. Exact token counts are only possible for OpenAI models, as Anthropic and Google do not publish portable client-side tokenizers, making Claude and Gemini estimates approximate. A free token calculator has been released to help developers check prompt size, context window usage, and estimated cost across all three major providers before sending a request. Understanding token counts in advance not only reduces costs but also encourages more deliberate prompt design decisions.

0 comments Read more at DEV Community