BestHub
Sign in
Tagged articles
137 articles
Page 1 of 2
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 6, 2025 · Frontend Development

Build Realistic 3D Trees in Three.js with ez‑Tree – Quick Installation & Usage Guide

This article introduces the ez‑Tree plugin for Three.js, showing how to install it via npm or pnpm, import and instantiate the Tree class, configure position, scale, and animation updates, and customize parameters such as tree type, branch direction, and leaf density, with a link to the GitHub repository.

3D treesGraphicsJavaScript
0 likes · 4 min read
Build Realistic 3D Trees in Three.js with ez‑Tree – Quick Installation & Usage Guide
Sohu Tech Products
Sohu Tech Products
Dec 3, 2025 · Frontend Development

Recreating Stunning Strange Attractor, Fibonacci Sphere & Galaxy Animations in Flutter with Pure Dart

This article explains how to implement three complex visual effects—Strange Attractor, Fibonacci Sphere, and Galaxy animations—in Flutter using only Dart code, covering the underlying differential equations, Euler integration, 3D‑to‑2D projection, rotation, perspective, performance optimizations, and solutions to common GPU tile‑artifact issues.

DARTFlutterGPU
0 likes · 16 min read
Recreating Stunning Strange Attractor, Fibonacci Sphere & Galaxy Animations in Flutter with Pure Dart
Deepin Linux
Deepin Linux
Nov 10, 2025 · Fundamentals

How the Linux DRM GPU Driver Framework Powers Modern Graphics

An in‑depth look at Linux’s DRM GPU driver framework reveals how Direct Rendering Manager, libdrm, KMS, GEM and related components collaborate to manage GPU resources, render graphics, and support multi‑display setups, complete with illustrative code examples and practical debugging tips.

DRMGPUGraphics
0 likes · 47 min read
How the Linux DRM GPU Driver Framework Powers Modern Graphics
macrozheng
macrozheng
Jul 3, 2025 · Game Development

How 128KB Powered Classic Games Like Contra – Secrets of Retro Game Tech

This article explores why early 1980s games such as Contra could deliver rich graphics, music, and gameplay within just 128KB of memory, explaining tile‑based rendering, limited audio chip capabilities, and ultra‑compact code techniques that made such feats possible.

Game DevelopmentGraphicsMemory Optimization
0 likes · 7 min read
How 128KB Powered Classic Games Like Contra – Secrets of Retro Game Tech
Python Programming Learning Circle
Python Programming Learning Circle
Jun 2, 2025 · Game Development

Creating a Rain Animation with Python and Pygame

This article provides a step‑by‑step guide to building a realistic rain animation in Python using the Pygame library, covering environment setup, raindrop physics, drawing techniques, full source code, and suggestions for customization such as color, density, wind, and depth effects.

Game DevelopmentGraphicsPygame
0 likes · 7 min read
Creating a Rain Animation with Python and Pygame
Open Source Tech Hub
Open Source Tech Hub
May 24, 2025 · Game Development

Build 2D/3D Games in PHP with Raylib Bindings – A Complete Guide

This article introduces PHP‑Raylib, the PHP binding for the Raylib game framework, outlines its key features, cross‑platform support, installation steps, and provides detailed code examples—including a basic window and a custom button—while comparing it to native Raylib.

FFIGame DevelopmentGraphics
0 likes · 7 min read
Build 2D/3D Games in PHP with Raylib Bindings – A Complete Guide
Linux Code Review Hub
Linux Code Review Hub
Apr 30, 2025 · Fundamentals

Understanding DRM: From Application‑Level Programs to Kernel Drivers

This article explains the Linux DRM graphics framework, its three main components (libdrm, KMS, GEM), the essential elements for display pipelines, and provides step‑by‑step example programs for single‑buffer, double‑buffer, page‑flip, and plane‑based rendering, including complete source code and execution notes.

CDRMDisplay
0 likes · 19 min read
Understanding DRM: From Application‑Level Programs to Kernel Drivers
Sohu Tech Products
Sohu Tech Products
Apr 29, 2025 · Mobile Development

Understanding Android VectorDrawable and AnimatedVectorDrawable: Usage and Source Code Analysis

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.

AndroidAnimatedVectorDrawableGraphics
0 likes · 48 min read
Understanding Android VectorDrawable and AnimatedVectorDrawable: Usage and Source Code Analysis
Architects' Tech Alliance
Architects' Tech Alliance
Jan 23, 2025 · Game Development

GPU Architecture and Rendering Pipeline Overview

This article provides a comprehensive overview of modern GPU architecture, covering components such as SMs, GPCs, memory hierarchy, unified shader architecture, SIMT execution, warp scheduling, and compares IMR, TBR, and TBDR rendering pipelines while offering practical optimization techniques for developers.

GPUGraphicsRendering
0 likes · 27 min read
GPU Architecture and Rendering Pipeline Overview
Sohu Tech Products
Sohu Tech Products
Jan 15, 2025 · Frontend Development

Mastering SVG: From Basics to Advanced Animations in Web Development

This comprehensive guide explains vector graphics fundamentals, the advantages of SVG, common file formats, basic shapes, path commands, text handling, gradients, image embedding, animation elements, JavaScript and CSS interactivity, and best practices for integrating SVG into modern web pages.

GraphicsSVGWeb Development
0 likes · 32 min read
Mastering SVG: From Basics to Advanced Animations in Web Development
21CTO
21CTO
Dec 30, 2024 · Fundamentals

Why Linux Desktop Is Finally Ready for Everyone in 2025

The article explains how Linux has overcome past installation hassles, hardware compatibility issues, and usability concerns, making it a practical and polished desktop operating system in 2025, with simplified installers, dual‑boot support, modern graphics drivers, HiDPI scaling, and easy virtualization options.

DesktopGraphicsHiDPI
0 likes · 9 min read
Why Linux Desktop Is Finally Ready for Everyone in 2025
Architecture Development Notes
Architecture Development Notes
Dec 1, 2024 · Fundamentals

How to Add Importance‑Sampling PDFs to a Rust Ray Tracer

This article walks through implementing probability‑density‑function (PDF) based importance sampling in a Rust ray‑tracing renderer, covering trait definitions, concrete PDF types for spheres, cosine distributions, hittable objects, quad geometry, material adjustments, and integration into the rendering loop to achieve faster convergence and higher image quality.

GraphicsImportance SamplingPDF
0 likes · 15 min read
How to Add Importance‑Sampling PDFs to a Rust Ray Tracer
Python Programming Learning Circle
Python Programming Learning Circle
Oct 25, 2024 · Game Development

Creating a Colorful Fireworks Effect with Python and Pygame

This tutorial walks through building a dazzling fireworks animation in Python using the Pygame library, covering environment setup, installing dependencies via domestic mirrors, defining particle and firework classes, and implementing the main game loop with full source code examples.

Game DevelopmentGraphicsParticle System
0 likes · 8 min read
Creating a Colorful Fireworks Effect with Python and Pygame
Test Development Learning Exchange
Test Development Learning Exchange
Oct 24, 2024 · Fundamentals

Python Turtle Graphics: Installation, Basic Shapes, and Advanced Visual Patterns

This guide explains that the turtle module is included with Python, then provides step‑by‑step code examples for drawing basic shapes like squares, stars, spirals, concentric circles, polygons, fractal trees, as well as advanced patterns such as colorful spirals, Koch snowflakes, Mandelbrot sets, the Chinese flag, and a simple map of China, all illustrated with complete runnable code snippets.

Code ExamplesGraphicsturtle
0 likes · 11 min read
Python Turtle Graphics: Installation, Basic Shapes, and Advanced Visual Patterns
Architects' Tech Alliance
Architects' Tech Alliance
Oct 17, 2024 · Industry Insights

GDDR vs HBM: Choosing the Right GPU Memory in 2024

This article explains the technical differences between GDDR and HBM GPU memory, compares their bandwidth, cost, and use‑case scenarios, and helps engineers decide which memory type best fits their performance and efficiency requirements.

GDDRGPU MemoryGraphics
0 likes · 8 min read
GDDR vs HBM: Choosing the Right GPU Memory in 2024
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Aug 23, 2024 · Mobile Development

GPU Command and Syncpoint Analysis on SM8650 Platform

On the SM8650 platform, GLES issues synchronous and draw commands that the kernel‑mode driver translates into kgsl_drawobj structures, queues them in per‑context dispatch lists, processes fence, timestamp, and timeline syncpoints via dedicated kernel threads, and finally submits draw objects to the GPU firmware, with eglSwapBuffers triggering a fence syncpoint, a draw command, and a GPU fence creation.

AndroidGPUGraphics
0 likes · 12 min read
GPU Command and Syncpoint Analysis on SM8650 Platform
Python Programming Learning Circle
Python Programming Learning Circle
Aug 10, 2024 · Game Development

Creating a Fireworks Display with Python and Pygame

This article demonstrates how to build a colorful, music‑synchronized fireworks animation in Python using the Pygame library, covering module imports, window setup, color definitions, the Fireworks class implementation, and the main loop that renders and animates the fireworks effect.

Game DevelopmentGraphicsPygame
0 likes · 7 min read
Creating a Fireworks Display with Python and Pygame
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 2, 2024 · Frontend Development

Creating a Pepyaka Shader Effect with Three.js: Sphere, Noise, Particle System, and Text Overlay

This tutorial walks through reproducing the Pepyaka shader effect using Three.js, covering the creation of a central sphere, vertex displacement with GLSL noise, color mapping, spherical particle systems, background firefly particles, animated text, and optional top‑light effects, all with complete source code.

GraphicsParticle SystemTutorial
0 likes · 23 min read
Creating a Pepyaka Shader Effect with Three.js: Sphere, Noise, Particle System, and Text Overlay
Sohu Tech Products
Sohu Tech Products
Apr 24, 2024 · Mobile Development

How to Create a Rotating Color‑Changing Rounded Triangle in Android

This article walks through the mathematical analysis, coordinate calculations, and step‑by‑step Android code needed to draw an inverted equilateral triangle, animate a red/black tracing line, and rotate the shape with rounded corners, while addressing common pitfalls such as frame drops and aliasing.

AndroidCanvasCustom View
0 likes · 12 min read
How to Create a Rotating Color‑Changing Rounded Triangle in Android
Python Programming Learning Circle
Python Programming Learning Circle
Mar 20, 2024 · Game Development

Python Pygame Solar System Simulation Tutorial

This tutorial demonstrates how to use Python and the Pygame library to create a real‑time visual simulation of the solar system, complete with background images, rotating planet sprites, optional music, and frame‑rate control, providing a hands‑on example of basic game‑style graphics programming.

Game DevelopmentGraphicsPygame
0 likes · 15 min read
Python Pygame Solar System Simulation Tutorial
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 18, 2023 · Game Development

Recreating the Genshin Impact Login Screen with Three.js Shaders

This article walks through how to replicate Genshin Impact's login interface using three.js, custom GLSL shaders, instanced meshes, and post‑processing effects, providing detailed code snippets and explanations for background gradients, cloud layers, pillars, light beams, stars, fog, and rendering optimizations.

Game DevelopmentGraphicsInstancedMesh
0 likes · 8 min read
Recreating the Genshin Impact Login Screen with Three.js Shaders
Zhengtong Technical Team
Zhengtong Technical Team
Aug 23, 2023 · Game Development

Enhancing Bloom Effect in WebGL: Implementation, Optimization, and Performance Comparison

This article explains why enhancing bloom (glow) effects is important for visual attention and scene aesthetics, outlines a generic WebGL implementation pipeline, discusses factors influencing bloom quality, and presents the Crystal WebGL engine's optimizations and performance comparisons between traditional and mipmap‑based approaches.

BloomGraphicsRendering
0 likes · 7 min read
Enhancing Bloom Effect in WebGL: Implementation, Optimization, and Performance Comparison
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Aug 4, 2023 · Mobile Development

Understanding VSync and Its Implementation in Android

The article explains VSync’s origin, how it prevents screen tearing by synchronizing frame rendering with display refresh, and details Android’s implementation—including hardware and virtual VSync, Choreographer, Triple Buffer, key classes like VsyncTracker and VSyncDispatcher, and the offset/duration concepts introduced in Android S.

AndroidDisplayGraphics
0 likes · 14 min read
Understanding VSync and Its Implementation in Android
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Jul 28, 2023 · Game Development

Mobile GPU Architecture, Vulkan Advantages, and Tile‑Based Rendering Optimization

Mobile GPUs rely on tile‑based rendering to cut bandwidth and heat, and Vulkan’s thin drivers, explicit synchronization, and multi‑threaded command buffers let developers exploit this architecture—using proper load actions, subpasses, IDVS, and correctly placed barriers—to achieve notable performance boosts and substantial power savings on mobile devices.

GraphicsMobile GPUVulkan
0 likes · 15 min read
Mobile GPU Architecture, Vulkan Advantages, and Tile‑Based Rendering Optimization
TAL Education Technology
TAL Education Technology
Apr 13, 2023 · Frontend Development

A Simple Introduction to WebGL for Frontend Visualization

This article provides a comprehensive introduction to WebGL, covering its relationship with OpenGL ES, differences from Canvas and SVG, performance comparisons, step‑by‑step code examples for drawing points, squares and shaders, and explains the complete rendering pipeline for front‑end developers.

CanvasGraphicsJavaScript
0 likes · 15 min read
A Simple Introduction to WebGL for Frontend Visualization
Python Programming Learning Circle
Python Programming Learning Circle
Mar 15, 2023 · Game Development

Creating a Code Rain Effect with Python and Pygame

This tutorial demonstrates how to build a classic "code rain" screen using Python's pygame library, guiding readers through imports, window setup, character rendering, and a concise main loop that produces the animated effect in roughly thirty lines of code.

Code RainGame DevelopmentGraphics
0 likes · 6 min read
Creating a Code Rain Effect with Python and Pygame
Aotu Lab
Aotu Lab
Feb 2, 2023 · Frontend Development

Mastering Skia with CanvasKit: From Surfaces to Perspective Transforms

This guide explains how to use the open‑source Skia 2D graphics library via the canvaskit‑wasm WebAssembly package to create surfaces, draw shapes, apply paints, shaders, blend modes, and perform 2D matrix transformations—including translation, scaling, rotation, skew, and perspective—culminating in a complete procedural design workflow with reusable JSX components.

CanvasGraphicsSkia
0 likes · 18 min read
Mastering Skia with CanvasKit: From Surfaces to Perspective Transforms
ByteFE
ByteFE
Dec 26, 2022 · Frontend Development

Design and Implementation of SpriteJS: A Cross‑Platform WebGL/Canvas2D Rendering Engine

This article details the four‑year development of SpriteJS, a high‑performance, cross‑platform graphics system that supports WebGL and Canvas2D rendering, DOM‑like APIs, responsive design, WebWorker integration, and extensive performance optimizations for visualisation and game applications.

Canvas2DGraphicsRendering
0 likes · 18 min read
Design and Implementation of SpriteJS: A Cross‑Platform WebGL/Canvas2D Rendering Engine
Tencent Cloud Developer
Tencent Cloud Developer
Nov 29, 2022 · Game Development

GPU Rendering Pipeline and Hardware Architecture Overview

The article surveys GPU rendering pipelines and hardware architectures for desktop and mobile, explains classic stages, compares Immediate Mode, Tile‑Based and Tile‑Based Deferred rendering, details PowerVR, Mali and Adreno components, and offers optimization advice on draw calls, depth pre‑passes, shader efficiency, and render ordering.

GPUGraphicsMobile GPU
0 likes · 66 min read
GPU Rendering Pipeline and Hardware Architecture Overview
DaTaobao Tech
DaTaobao Tech
Nov 9, 2022 · Mobile Development

3D Rendering for Digital Collectibles in the Taobao App Using Blender and Unity

An end‑to‑end pipeline is presented that uses Blender to split and UV‑map a frame model, exports it as FBX, imports it into Unity where a runtime API dynamically updates materials, textures, colors and shininess for digital collectibles in the Taobao app, addressing mesh processing, FOV, lighting and anisotropic filtering issues.

3D renderingBlenderGraphics
0 likes · 10 min read
3D Rendering for Digital Collectibles in the Taobao App Using Blender and Unity
ELab Team
ELab Team
Sep 28, 2022 · Frontend Development

Master WebGL & Three.js: From Basics to 3D Rendering in the Browser

This article guides beginners through the fundamentals of computer graphics, explaining OpenGL, WebGL, GLSL, and the rendering pipeline, then demonstrates practical Three.js code for setting up scenes, cameras, lights, materials, and textures to create interactive 3D web experiences.

3D renderingGPUGraphics
0 likes · 20 min read
Master WebGL & Three.js: From Basics to 3D Rendering in the Browser
Coolpad Technology Team
Coolpad Technology Team
Sep 15, 2022 · Mobile Development

Implementing View‑Level Background Blur on Android: Open‑Source Solutions and Custom Approaches

This article examines the challenges of achieving view‑level background blur on Android, compares four implementation strategies—including open‑source libraries and custom AOSP modifications—analyzes their performance, compatibility, and visual quality, and provides code examples and practical recommendations for developers.

AndroidGraphicsSkia
0 likes · 19 min read
Implementing View‑Level Background Blur on Android: Open‑Source Solutions and Custom Approaches
Python Crawling & Data Mining
Python Crawling & Data Mining
Jul 23, 2022 · Fundamentals

Explore Python Turtle: Draw Shapes, Change Pens, and Fill Colors

This guide introduces Python’s Turtle graphics library, explaining its screen and turtle concepts, and demonstrates how to draw rectangles, stars, circles, and arcs, while showing how to change pen attributes and apply fill colors, providing visual examples for beginners and intermediate learners.

BeginnerGraphicsdrawing
0 likes · 5 min read
Explore Python Turtle: Draw Shapes, Change Pens, and Fill Colors
ByteFE
ByteFE
Jun 15, 2022 · Frontend Development

Using Polar Coordinates in WebGL Shaders to Create Complex Patterns

This article demonstrates how to convert Cartesian coordinates to polar coordinates in GLSL, providing reusable shader functions and examples that generate a variety of intriguing shapes such as blades, clovers, buds, flowers, gourds, apples, and infinity symbols, while encouraging experimentation with parameters.

GraphicsPolar CoordinatesShader
0 likes · 6 min read
Using Polar Coordinates in WebGL Shaders to Create Complex Patterns
ByteFE
ByteFE
Jun 1, 2022 · Frontend Development

Understanding and Implementing Distance Fields in WebGL (Part 2)

This article explains the concept of distance fields, shows how to compute distance fields for rectangles, lines, and line segments in GLSL, and demonstrates sampling techniques and curve rendering using WebGL shaders with complete code examples.

Distance FieldGraphicsShader
0 likes · 9 min read
Understanding and Implementing Distance Fields in WebGL (Part 2)
ByteFE
ByteFE
May 18, 2022 · Frontend Development

Understanding WebGL: GPU Basics, Shaders, and Practical Code Examples

This article introduces WebGL fundamentals for frontend developers, explaining GPU versus CPU, GLSL shaders, and how JavaScript prepares data, followed by step‑by‑step code examples of fragment and vertex shaders, custom primitives, and using the gl‑renderer library to render graphics.

GPUGraphicsJavaScript
0 likes · 11 min read
Understanding WebGL: GPU Basics, Shaders, and Practical Code Examples
Alibaba Terminal Technology
Alibaba Terminal Technology
May 17, 2022 · Frontend Development

Unlock 20‑30× GPU Speed: WebGPU in Three.js, Babylon.js, and TensorFlow.js

This article introduces WebGPU—a powerful yet still experimental web graphics API—showing how major frameworks like Three.js and Babylon.js adopt it for high‑performance 3D rendering, how TensorFlow.js leverages it for massive deep‑learning speedups, and provides hands‑on code examples from framework usage to raw WebGPU programming.

Babylon.jsGPUGraphics
0 likes · 17 min read
Unlock 20‑30× GPU Speed: WebGPU in Three.js, Babylon.js, and TensorFlow.js
DeWu Technology
DeWu Technology
May 13, 2022 · Game Development

Design and Implementation of a PBR Material Editing Tool for the Filament Engine

The article presents a Filament‑based PBR material editor that unifies PC and mobile workflows by providing real‑time ImGui previews, JSON‑driven persistence, model optimization, texture compression, and export/import of mobile‑ready material packages, thereby lowering authoring barriers, accelerating iteration, and ensuring visual consistency across platforms.

CFilamentGraphics
0 likes · 19 min read
Design and Implementation of a PBR Material Editing Tool for the Filament Engine
Alipay Experience Technology
Alipay Experience Technology
May 5, 2022 · Game Development

What’s New in Oasis Engine v0.7? Explore the Latest Graphics, Physics, and Animation Features

Version 0.7 of the open‑source Oasis Engine introduces a suite of enhancements—including a new text renderer, ClearCoat PBR material, dynamic PhysX colliders, expanded BlendShape support, HDR skybox loading, keyboard interaction, and API refinements—plus comprehensive documentation and example updates for developers.

Game DevelopmentGraphicsOasis Engine
0 likes · 8 min read
What’s New in Oasis Engine v0.7? Explore the Latest Graphics, Physics, and Animation Features
DaTaobao Tech
DaTaobao Tech
Apr 22, 2022 · Mobile Development

Impeller: Flutter's New Rendering Backend and Offline Shader Compilation

Impeller, Flutter’s new rendering backend, eliminates runtime shader‑compilation jank by offline‑compiling GLSL to SPIR‑V and target APIs such as Metal, generating C++ bindings for fast pipeline state creation, offering predictable performance, portability and concurrency, though currently only the Metal backend is functional and feature support remains incomplete.

FlutterGraphicsImpeller
0 likes · 14 min read
Impeller: Flutter's New Rendering Backend and Offline Shader Compilation
Alipay Experience Technology
Alipay Experience Technology
Apr 14, 2022 · Frontend Development

Boosting Complex Marketing Animations: WebGL Performance Tricks & AI‑Powered Smart Effects

This talk explains how Ant Group's MarsStudio tackles the challenges of large‑scale marketing scenes by optimizing WebGL rendering to reduce CPU‑GPU communication and by using machine‑learning‑driven smart animation generation to let front‑end developers create dynamic effects quickly and efficiently.

Graphicsfrontendmachine learning
0 likes · 9 min read
Boosting Complex Marketing Animations: WebGL Performance Tricks & AI‑Powered Smart Effects
Python Programming Learning Circle
Python Programming Learning Circle
Mar 21, 2022 · Fundamentals

Getting Started with Python's Turtle Graphics

This article introduces Python's turtle module, explains how to import it, configure the pen's speed, color, size, and use drawing functions such as forward, left, right, circle, dot, and goto, and provides several complete code examples for creating simple graphics.

BeginnerGraphicsPython
0 likes · 4 min read
Getting Started with Python's Turtle Graphics
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 16, 2022 · Frontend Development

Implementing a 3D Floating Text Effect with React and Three.js

This article demonstrates how to recreate the Three.js Journey floating 3D text effect using a React and Three.js stack, covering resource imports, DOM structure, state management, CSS grid background, font loading, geometry creation, mouse interaction, fullscreen handling, post‑processing effects, and responsive scaling.

3DGraphicsPostProcessing
0 likes · 17 min read
Implementing a 3D Floating Text Effect with React and Three.js
ByteDance Terminal Technology
ByteDance Terminal Technology
Mar 8, 2022 · Mobile Development

How We Brought ChartSpace to Flutter Using a Cross‑Platform Canvas

This article explains how a graphics‑grammar‑based chart library called ChartSpace was ported to Flutter by recording Web canvas commands in a mock canvas, replaying them on Flutter's canvas, handling touch interaction conversion, and optimizing performance, while sharing the challenges and solutions encountered.

ChartSpaceCross‑Platform CanvasFlutter
0 likes · 12 min read
How We Brought ChartSpace to Flutter Using a Cross‑Platform Canvas
IT Services Circle
IT Services Circle
Feb 10, 2022 · Game Development

How Games Have Driven Technological Innovation

From early computer chess and arcade experiments to modern AI and virtual reality, games have continuously pushed hardware, software, and networking advances, inspiring breakthroughs such as UNIX, GPUs, game engines, and even medical research, proving that play is a powerful catalyst for technological progress.

GraphicsInnovationTechnology History
0 likes · 13 min read
How Games Have Driven Technological Innovation
The Dominant Programmer
The Dominant Programmer
Feb 10, 2022 · Frontend Development

Quick Start with Fabric.js: Building a Canvas App in Vue

This guide introduces Fabric.js—a library that adds an object model, SVG parsing, and interactivity to HTML5 Canvas—and walks through setting up a Vue project, installing the library, creating a canvas element, and drawing a red rectangle with concise code examples.

CanvasFabric.jsGraphics
0 likes · 4 min read
Quick Start with Fabric.js: Building a Canvas App in Vue
ByteDance ADFE Team
ByteDance ADFE Team
Feb 9, 2022 · Frontend Development

Fundamentals of 3D Graphics Rendering in Front-End Development

This article introduces the essential concepts and step‑by‑step implementation of 2D and 3D graphics rendering on the web, covering viewport transformation, triangle rasterization, anti‑aliasing, interpolation, camera setup, perspective projection, and depth testing using HTML5 Canvas and JavaScript.

3D renderingGraphicsShader
0 likes · 15 min read
Fundamentals of 3D Graphics Rendering in Front-End Development
Java Captain
Java Captain
Jan 30, 2022 · Backend Development

Java Random "Fu" Character Generator – Code Tutorial

This article introduces a Java-based 'Fu' character generator that randomly renders the Chinese 福 character with varying fonts and colors, explains the supporting FontUtil and ImgTool utility classes, provides the full source code, and demonstrates how to run and test the application using the space key.

DesktopAppGraphicsImageProcessing
0 likes · 6 min read
Java Random "Fu" Character Generator – Code Tutorial
Sohu Tech Products
Sohu Tech Products
Jan 5, 2022 · Frontend Development

Key Takeaways from the CSS Annual Report – Layout, Graphics, Interaction, Typography and Emerging Features

The article reviews the latest CSS Annual Report, highlighting popular layout techniques such as Flex, Grid and Subgrid, new graphic capabilities like shape‑outside and blend modes, interactive properties including scroll‑snap and container queries, as well as typography advances, preprocessors, frameworks, CSS‑in‑JS trends and award‑winning features, all illustrated with real code examples.

CSSGraphicsTypography
0 likes · 24 min read
Key Takeaways from the CSS Annual Report – Layout, Graphics, Interaction, Typography and Emerging Features
Python Programming Learning Circle
Python Programming Learning Circle
Dec 28, 2021 · Fundamentals

Drawing a Five-Pointed Star with Python Turtle

This short tutorial demonstrates how to use Python's turtle library to draw a red five‑pointed star by setting the fill color, looping five times, moving forward, and turning 144 degrees, with a complete code example and the resulting graphic.

Graphicsstar-drawingturtle
0 likes · 2 min read
Drawing a Five-Pointed Star with Python Turtle
21CTO
21CTO
Dec 21, 2021 · Fundamentals

Why the New QOI Image Format Is Gaining 3K Stars on GitHub

The Quite OK Image Format (QOI) is an open‑source, lossless image format that promises PNG‑like file sizes with 20‑50× faster encoding and 3‑4× faster decoding, has a tiny C implementation, and has quickly attracted thousands of stars and community interest on GitHub.

GraphicsQOIimage format
0 likes · 4 min read
Why the New QOI Image Format Is Gaining 3K Stars on GitHub
Python Programming Learning Circle
Python Programming Learning Circle
Dec 7, 2021 · Fundamentals

Drawing a Starry Sky with Python Turtle

This tutorial demonstrates how to use Python's turtle module to randomly generate and draw a starry sky, explaining the core logic of random positions, sizes, and angles for each star and providing complete code to render the night sky effect.

Graphicsrandomstarfield
0 likes · 3 min read
Drawing a Starry Sky with Python Turtle
Kuaishou Tech
Kuaishou Tech
Oct 25, 2021 · Fundamentals

Noise Techniques for Short Video Effects and Their Generation Algorithms

This article explores how various noise algorithms—including value, gradient, simplex, cellular, and FBM—are applied to short video visual effects, compares random number generators for GPU rendering, and provides GLSL code examples to illustrate implementation and performance trade‑offs.

GPUGraphicsnoise
0 likes · 17 min read
Noise Techniques for Short Video Effects and Their Generation Algorithms
Laravel Tech Community
Laravel Tech Community
Aug 26, 2021 · Backend Development

PHP imagefilledpolygon Function: Drawing and Filling Polygons

This article explains the PHP imagefilledpolygon function, detailing its parameters, return values, and providing a complete example that creates an image, allocates colors, defines polygon points, draws a filled polygon, outputs the PNG, and cleans up the resources.

BackendGraphicsImage
0 likes · 3 min read
PHP imagefilledpolygon Function: Drawing and Filling Polygons
Laravel Tech Community
Laravel Tech Community
Aug 16, 2021 · Backend Development

imagecreatefromwbmp — Create a New Image from a File or URL

imagecreatefromwbmp is a PHP function that loads a WBMP image from a given filename or URL, returning an image resource on success or FALSE on failure, with details on its parameter, return values, and a complete example demonstrating error handling and image output.

BackendGraphicsImage
0 likes · 2 min read
imagecreatefromwbmp — Create a New Image from a File or URL
Laravel Tech Community
Laravel Tech Community
Jul 29, 2021 · Backend Development

PHP imagecolorallocate(): Allocate a Color for an Image

The PHP function imagecolorallocate() assigns a color to an image resource by specifying red, green, and blue components (0‑255 or hexadecimal), returns a color identifier or -1 on failure, and is demonstrated with example code showing how to set background, white, and black colors.

BackendGraphicsImage
0 likes · 2 min read
PHP imagecolorallocate(): Allocate a Color for an Image
Laravel Tech Community
Laravel Tech Community
Jul 27, 2021 · Backend Development

PHP imagearc() Function: Drawing an Elliptical Arc

The PHP imagearc() function draws an elliptical arc on a GD image resource using specified center coordinates, width, height, start and end angles, and color, returning the transformed image on success or FALSE on failure, with a full example demonstrating its usage.

BackendGDGraphics
0 likes · 2 min read
PHP imagearc() Function: Drawing an Elliptical Arc
ELab Team
ELab Team
Apr 8, 2021 · Frontend Development

Mastering SVG: From Basics to Advanced Techniques

This comprehensive guide explains what SVG is, how it differs from bitmap images, its XML foundation, basic syntax, viewBox and viewport handling, common shape elements, animation, gradients, usage patterns, comparison with Canvas, optimization tips, fallback strategies, and media‑query integration, all illustrated with code examples and diagrams.

GraphicsHTMLSVG
0 likes · 25 min read
Mastering SVG: From Basics to Advanced Techniques
Alibaba Cloud Developer
Alibaba Cloud Developer
Apr 6, 2021 · Frontend Development

How to Build a High‑Performance Cross‑Platform WebCanvas Engine for Android Mini‑Programs

This article explains the design goals, layered architecture, JS binding, platform abstraction, rendering pipelines, frame‑sync mechanisms, and debugging tools of a cross‑platform WebCanvas engine on Android, providing practical insights for developers seeking low‑latency, extensible canvas solutions.

AndroidGraphicsJSBinding
0 likes · 30 min read
How to Build a High‑Performance Cross‑Platform WebCanvas Engine for Android Mini‑Programs
FunTester
FunTester
Jan 20, 2021 · Backend Development

How to Implement and Test a Java Whiteboard Transmission API

This article explains the design and testing of a virtual‑classroom whiteboard feature, covering the socket‑based transmission protocol, data encoding, message structures, coordinate system, supporting Java classes (Point, BoardBase, BoardUser), shape‑drawing utilities, and a runnable demo that generates base64‑encoded MessagePack payloads.

API testingGraphicsJava
0 likes · 15 min read
How to Implement and Test a Java Whiteboard Transmission API
Sohu Tech Products
Sohu Tech Products
Nov 25, 2020 · Mobile Development

Applying Android drawBitmapMesh for Image Warping Effects (Face Slimming, Curtain, Water Ripple)

This article explains how Android's drawBitmapMesh method can be used to split a bitmap into a mesh, manipulate the vertex array to achieve various image‑warping effects such as face slimming, curtain folding and water‑ripple animations, and provides complete Java code examples and implementation steps.

Custom ViewGraphicsMobile Development
0 likes · 17 min read
Applying Android drawBitmapMesh for Image Warping Effects (Face Slimming, Curtain, Water Ripple)
php Courses
php Courses
Nov 23, 2020 · Backend Development

Generating QR Code on a Background Image with Text Using PHP

This article demonstrates how to use PHP to generate a QR code, overlay it onto a background image, add custom text, and save the resulting composite image, providing complete source code and usage instructions for backend developers.

Graphicsimage-processingqr-code
0 likes · 5 min read
Generating QR Code on a Background Image with Text Using PHP
php Courses
php Courses
Nov 10, 2020 · Backend Development

PHP Image Drawing Tutorial: Canvas Creation, Shapes, Text, and Captcha Generation

This tutorial explains how to use PHP's GD library to create a canvas, draw basic shapes such as ellipses, lines, rectangles, arcs, and filled arcs, output images in common formats, add text with TrueType fonts, generate captchas, and properly release memory, providing complete example code.

Backend DevelopmentGD libraryGraphics
0 likes · 12 min read
PHP Image Drawing Tutorial: Canvas Creation, Shapes, Text, and Captcha Generation