11 Jul 2025

Creating 3D graphics with Three.js and HTML5 is not difficult, the key is to understand the basic structure and core components. 1. Introduce Three.js and set up HTML structure; 2. Build scenes, cameras and renderers; 3. Add 3D objects (geometry, material, mesh); 4. Deal with common problems such as size adaptation, light source settings and performance optimization. After mastering these steps, you can achieve basic 3D scenes and expand more complex effects.

13 Mar 2025

Now that CSS-Tricks is part of DigitalOcean, wanted to create the DigitalOcean logo in CSS, including a few little tricks like movement and parallax.

12 Mar 2025

This article explains how WebGL, a 3D graphics API, renders within HTML5 Canvas. It details key steps: context acquisition, shader creation, buffer management, and rendering loops. The article contrasts WebGL's GPU-accelerated performance with Can

22 May 2025

Dracolite is a local specialty material found all over the Atocpan region of Natlan, introduced in Genshin Impact during version 5.5. Dracolite is used as an Ascension material for Iansan, but the material might also be required to level

05 Apr 2025

The main sources of H5 page materials are: 1. Professional material website (paid, high quality, clear copyright); 2. Homemade material (high uniqueness, but time-consuming); 3. Open source material library (free, need to be carefully screened); 4. Picture/video website (copyright verified is required). In addition, unified material style, size adaptation, compression processing, and copyright protection are key points that need to be paid attention to.

06 Apr 2025

The H5 page materials have diverse sources, including material websites, free material websites (in-depth exploration, trial paid resources), picture libraries (match design style), video material websites (note the size and format), and self-designed materials. In addition to the material itself, clever layout, color matching, animation and interactive use are equally important. Materials are just tools, the key lies in the designer's design philosophy and creativity.