1 views collected around this technical thread.
This article explains how to create a floating desktop pet using Python and PyQt5, covering required packages, project structure, GIF handling, random actions, dialogue display, and steps to package the application into an executable file.
This article explains how to combine PHP session management with SVG animation techniques—using server‑generated SVG, AJAX polling, or WebSocket communication—to create real‑time, personalized visual effects while addressing performance and security considerations.
The article explains Android’s VectorDrawable format for SVG‑like scalable graphics, details its XML schema, shows how to create static vectors, gradients, and clip‑paths, then examines the underlying source‑code flow, and finally describes AnimatedVectorDrawable’s property‑based animations, inflation process, and runtime execution.
The article details a large‑scale Chinese New Year interactive activity’s front‑end architecture, describing a layered system for business logic, data abstraction, and animation engines, unified data handling, dynamic animation rendering with downgrade paths, high‑concurrency QPS reduction, resilience measures, and extensive performance and workflow optimizations.
This article explains how to create a reusable Vue directive that animates a list scrolling continuously using requestAnimationFrame, allows pausing on mouse click, and lets users adjust the scroll speed, with a complete code example and detailed implementation notes.
The 2024 CSS update introduces ten powerful features—scrollbar‑gutter, scrollbar‑color, ::target-text, ruby‑align/position, relative color syntax with light‑dark(), native details accordions, content‑visibility, font‑size‑adjust, transition‑behavior, @property with step‑value functions, and offset‑path/position—enabling smoother layouts, dynamic theming, performance gains, richer typography, and complex animations without JavaScript.
This article explains how to analyze Bilibili's homepage banner, extract its image layers and transformation data, and then implement the same effect using pure JavaScript as well as Angular, React, and Vue, providing complete source code and a step‑by‑step guide.
This article showcases six playful front‑end Easter‑egg techniques—including a ghost button, Matrix‑style digital rain, melt animation, console treasure map, reverse‑scroll effect, and real‑time ASCII camera—each accompanied by concise HTML/JavaScript code and usage cautions for developers.
This article explains how Kuaishou’s Vision platform tackles animation asset delivery challenges by introducing systematic admission and egress detection, static and dynamic analysis services, image efficiency checks, performance testing, and open SDK/API, ultimately improving stability, reducing crashes, and streamlining the workflow.
The article examines why Android fragment transition animations lag compared to activity animations and proposes three remedies—delaying heavy UI work, feeding data frame‑by‑frame via Choreographer callbacks, and using an asynchronous SurfaceView snapshot—to achieve smoother, deterministic UI performance on low‑end devices.
This tutorial explains how to generate animated line, bar, and pie charts in Python using Matplotlib's FuncAnimation, covering required imports, data preparation, key parameters, example code snippets, and how to save the resulting animations as GIF files.
This comprehensive tutorial demonstrates how to build sophisticated 3D visualizations with Three.js, covering file organization, grid helpers, custom line creation, GUI parameter controls, warning tags, animated bezier connections, a particle-based tornado simulation, and realistic bloom lighting effects, all with detailed TypeScript code examples.
This article explains how to build animated line, bar, and pie charts in Python using Matplotlib's FuncAnimation library, demonstrating data preparation, key parameters, code examples, and saving the resulting animations as GIF files.
This article explains how to create scroll‑driven CSS animations using the new animation‑timeline property and the view() function, showing step‑by‑step code examples, how to control start and end points, and how the both fill‑mode ensures smooth transitions without any JavaScript.
This article explains how a motion‑effects platform decouples design and development by automatically converting sequence‑frame animations into multiple formats (APNG, WEBP, AVIF, video), provides a runtime that dynamically selects the optimal format, and offers batch conversion APIs to improve performance and reduce engineering overhead.
This article explains the challenges of converting designers' Lottie animation descriptions into reusable front‑end code, compares frame‑by‑frame, keyframe, and CSS variable approaches, and provides practical examples for generating CSS, CSS‑variables, and React Native Animated implementations.
This article explains the requestAnimationFrame API, demonstrates basic and recursive usage with code samples, compares it to setTimeout/setInterval, shows how to cancel frames, and presents real‑world front‑end scenarios such as smooth animations and scroll‑loading optimizations.
This article explains the concept of "same‑frequency same‑frame" animation, analyzes the limitations of existing animation engines, and presents a Drawable‑based projection technique with code examples to synchronize animation frames across multiple Android views while reducing memory and CPU overhead.
This article explains how to use Python's Matplotlib library and its FuncAnimation extension to transform static line, bar, and pie charts into animated visualizations, demonstrating code setup, key parameters, and example implementations with COVID-19 death data.
This article explains how to design an artistic SVG signature, export it from Figma, and animate it using stroke‑dasharray, stroke‑dashoffset, and CSS keyframe animations to achieve a drawing effect on web pages.