How Web Front‑End Teams Build Next‑Gen Digital Humans for the Metaverse

This article, originally presented at the 16th D2 Front‑End Technology Forum, explores the current state, market potential, and core technologies behind virtual digital humans—covering their appearance, behavior, and intelligence—while detailing practical pipelines, rendering techniques, and future challenges for web‑based implementations.

3D renderingWeb Graphicsanimation

0 likes · 23 min read

How Web Front‑End Teams Build Next‑Gen Digital Humans for the Metaverse

Alibaba Terminal Technology

Sep 8, 2021 · Game Development

What’s New in Oasis Engine 0.5? Major Animation, Rendering, and Physics Upgrades

Oasis Engine 0.5 introduces a redesigned animation system with Animator, BlendShape support, a revamped PBR material interface using spherical harmonics, new 2D SpriteAtlas tools, enhanced physics APIs, expanded Spine and Lottie components, plus dozens of examples and higher test coverage, setting the stage for the upcoming 0.6 milestone.

Game DevelopmentOasis EnginePhysics

0 likes · 11 min read

What’s New in Oasis Engine 0.5? Major Animation, Rendering, and Physics Upgrades

NetEase Cloud Music Tech Team

Jun 23, 2021 · Frontend Development

Complete Guide to SVG: Elements, Animations, and Practical Applications

This guide explains why SVG outperforms raster images, details core elements like the svg container and path commands along with basic shapes, and compares three animation methods—SMIL, CSS, and JavaScript—offering practical techniques such as line drawing, morphing, stroke effects, and motion‑path animation for responsive, scalable web graphics.

Path MorphingSMILSVG

0 likes · 26 min read

Complete Guide to SVG: Elements, Animations, and Practical Applications

Aotu Lab

Apr 20, 2021 · Frontend Development

How to Master SVG’s feTurbulence Filter for Realistic Natural Textures

This article explores the fundamentals of the SVG feTurbulence filter, explains each of its parameters, demonstrates how they affect Perlin‑noise‑based textures, and provides practical code examples for creating water‑flow and paper‑grain effects in web graphics.

FiltersPerlin NoiseSVG

0 likes · 11 min read

How to Master SVG’s feTurbulence Filter for Realistic Natural Textures

MaoDou Frontend Team

Apr 17, 2019 · Frontend Development

Master HTML5 Canvas: Draw Shapes, Lines, Circles, and Images Step‑by‑Step

This guide explains the fundamentals of HTML5 Canvas, covering how to obtain the canvas and its context, draw rectangles, lines, circles, clear the canvas, and manipulate images with drawImage and clipping, all illustrated with clear examples and code snippets.

Canvas DrawingHTML5 CanvasJavaScript

0 likes · 5 min read

Master HTML5 Canvas: Draw Shapes, Lines, Circles, and Images Step‑by‑Step

Tencent Cloud Developer

May 18, 2018 · Frontend Development

Drawing Peppa Pig with Pure CSS: border-radius Technique Tutorial

An engineer from Tencent shows how to recreate Peppa Pig entirely with pure CSS by exploiting the border‑radius property to craft ellipses, rotate them, layer colors, and mask gaps, providing step‑by‑step code for each body part and a complete, animated illustration.

CSSTutorialWeb Graphics

0 likes · 7 min read

Drawing Peppa Pig with Pure CSS: border-radius Technique Tutorial