BestHub
Sign in
Tagged articles
42 articles
Page 1 of 1
Machine Learning Algorithms & Natural Language Processing
Machine Learning Algorithms & Natural Language Processing
Apr 1, 2026 · Artificial Intelligence

World Models Ending Pixel Reconstruction: 14‑Paper JEPA Roadmap

The article reviews Yann LeCun's world‑model research program, detailing how the JEPA family of models abandons pixel‑level reconstruction in favor of abstract feature prediction across images, video, audio, 3D data, and action planning, and summarises the empirical gains reported in fourteen key papers.

3DJEPAMultimodal
0 likes · 18 min read
World Models Ending Pixel Reconstruction: 14‑Paper JEPA Roadmap
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 10, 2025 · Game Development

Build a Crossy‑Road Style 3D Game with Three.js – A Step‑by‑Step Guide

This tutorial walks you through creating a lightweight, child‑friendly 3D Crossy Road‑style game using Three.js, covering scene setup, metadata‑driven terrain generation, asset loading, player movement queues, dynamic collision detection, UI communication, and deployment tips, all illustrated with code snippets and screenshots.

3DGame DevelopmentJavaScript
0 likes · 30 min read
Build a Crossy‑Road Style 3D Game with Three.js – A Step‑by‑Step Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 26, 2025 · Game Development

Customizable 3D Scene Construction with Three.js, Shaders, AI‑Generated Assets, and Advanced Character Controls

This article guides readers through building a highly customized 3D scene using Three.js, GLSL shaders, AI‑generated 2D/3D assets, orthographic cameras, pixelated post‑processing, four‑direction character movement, octree collision detection, and stylized water effects, while providing code snippets and resource links.

3DAIBlender
0 likes · 35 min read
Customizable 3D Scene Construction with Three.js, Shaders, AI‑Generated Assets, and Advanced Character Controls
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Apr 11, 2025 · Frontend Development

A Fast, Efficient Vue3 3D Development Solution with TresJS

This article introduces TresJS, a Vue‑based declarative wrapper for Three.js that streamlines 3D scene creation, outlines its core features, suitable use cases, provides a quick‑start guide with Vite configuration and sample code, and lists lab utilities and resources.

3DThree.jsTresJS
0 likes · 5 min read
A Fast, Efficient Vue3 3D Development Solution with TresJS
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jul 1, 2024 · Frontend Development

Design and Implementation of Front‑End Animations for NetEase Cloud Music 2023 Annual Listening Report

The 2023 NetEase Cloud Music Annual Listening Report showcases a front‑end animation pipeline where the motion designer codes directly in React, using CSSTransition for page fades, CSS keyframes for text and particle effects, SVG masks for data visualisation, 3D perspective tricks, and extensive device testing to balance visual richness with performance.

3DFront-endParticle System
0 likes · 37 min read
Design and Implementation of Front‑End Animations for NetEase Cloud Music 2023 Annual Listening Report
58UXD
58UXD
Jun 21, 2024 · Game Development

Build a Free AI‑Powered 3D Digital Human with Metahuman

This guide walks you through creating a realistic 3D AI digital human using Unreal Engine's free Metahuman system and other zero‑cost tools, covering model selection, facial and body adjustments, clothing, export, and tips for both realistic and stylized characters.

3DAIMetaHuman
0 likes · 8 min read
Build a Free AI‑Powered 3D Digital Human with Metahuman
Tencent Cloud Developer
Tencent Cloud Developer
Mar 14, 2024 · Mobile Development

Aurora Animation and 3D Penguin Effects in Mobile QQ: Noise Algorithms, Color Mapping, Performance Optimization, and Rendering Techniques

The new QQ 9.0 introduces aurora‑style animations generated by continuous, smoothed noise algorithms with uniform‑probability color mapping, and a spring‑driven 3D penguin rendered via Filament’s PBR materials and GPU compute shaders, achieving sub‑2 ms performance on most Android and iOS devices.

3DGPUMobile
0 likes · 17 min read
Aurora Animation and 3D Penguin Effects in Mobile QQ: Noise Algorithms, Color Mapping, Performance Optimization, and Rendering Techniques
Alipay Experience Technology
Alipay Experience Technology
Sep 26, 2023 · Game Development

What’s New in Galacean Engine 1.2? Explore the Latest 2D/3D Features, Editor, and ShaderLab

The Galacean Engine 1.2 milestone introduces a suite of enhancements—including scene asset management, multi‑scene rendering, KTX2 texture compression, a GPU particle renderer, the new ShaderLab language, and a revamped editor panel system—aimed at boosting 2D/3D interactive project development efficiency.

3DEngineGPU particles
0 likes · 13 min read
What’s New in Galacean Engine 1.2? Explore the Latest 2D/3D Features, Editor, and ShaderLab
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 10, 2023 · Frontend Development

Creating a Time‑Travel Tunnel Effect with Three.js

This tutorial walks through the fundamentals of Three.js—setting up a scene, camera, lights, and meshes—to build a rotating cylindrical tunnel with animated textures and color changes, culminating in a complete time‑machine visual that runs in a web browser.

3DJavaScriptTutorial
0 likes · 11 min read
Creating a Time‑Travel Tunnel Effect with Three.js
Aotu Lab
Aotu Lab
Jun 1, 2023 · Frontend Development

How We Built a 3D Web Shopping Experience with Babylon.js and React

This article details a step‑by‑step case study of creating a web‑based 3D shopping scene, covering framework selection, rendering layer architecture, collision handling, asset pipelines, performance optimizations, and future iteration plans for lazy loading and real‑time lighting.

3DWebGLbabylonjs
0 likes · 17 min read
How We Built a 3D Web Shopping Experience with Babylon.js and React
Python Programming Learning Circle
Python Programming Learning Circle
Mar 11, 2023 · Game Development

Introduction and Basic Usage of the Vizard Virtual‑Reality Development Platform

This article introduces Vizard, a C/C++‑based virtual‑reality development platform with Python support, and demonstrates how to load avatars and objects, create random‑walk behavior, implement dialogue actions, control character movement via keyboard, capture mouse input, and combine these techniques into a complete interactive 3D scene.

3DGame DevelopmentPython
0 likes · 5 min read
Introduction and Basic Usage of the Vizard Virtual‑Reality Development Platform
Programmer DD
Programmer DD
Mar 5, 2023 · Game Development

Godot 4.0 Release: Major 3D, 2D, and Rendering Overhauls Unveiled

Godot 4.0, the biggest and longest‑developed version of the open‑source game engine, introduces new Vulkan back‑ends, an OpenGL compatibility renderer, advanced global illumination, enhanced 2D tilemap tools, sophisticated shader and post‑processing features, plus extensive updates across scripting, physics, UI, XR, networking, audio and animation.

2D3DGame Engine
0 likes · 10 min read
Godot 4.0 Release: Major 3D, 2D, and Rendering Overhauls Unveiled
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 30, 2022 · Frontend Development

Building an Interactive 3D Phone Showcase with Three.js Multimedia Elements (Text, Image, Audio, Video)

This article explains how to use Three.js to create a realistic 3D phone product page by loading and applying multimedia assets such as custom fonts, textures, audio sources, and video textures, and demonstrates interactive features like ray‑casting for material switching and first‑person controls.

3DJavaScriptMultimedia
0 likes · 19 min read
Building an Interactive 3D Phone Showcase with Three.js Multimedia Elements (Text, Image, Audio, Video)
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 23, 2022 · Frontend Development

Creating a Flaming Elden Ring Logo with React and Three.js

This tutorial demonstrates how to build a fire‑animated Elden Ring logo using React, Three.js, and the Fire.js extension, covering background setup, resource import, scene initialization, fire effect configuration, responsive scaling, camera animation, and rendering loop with complete code examples.

3DFire.jsReact
0 likes · 9 min read
Creating a Flaming Elden Ring Logo with React and Three.js
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
Sohu Tech Products
Sohu Tech Products
Dec 15, 2021 · Mobile Development

Implementing a Naked‑Eye 3D Effect on Android with OpenGL

This article explains how to create a naked‑eye 3D visual effect in an Android app by splitting an image into three layers, using OpenGL for GPU‑accelerated rendering, registering device sensors to track rotation, applying matrix transformations, and smoothing sensor noise with a low‑pass filter.

3DAndroidMobile Development
0 likes · 14 min read
Implementing a Naked‑Eye 3D Effect on Android with OpenGL
Meiyou UED
Meiyou UED
Aug 25, 2021 · Frontend Development

What Shaped China’s 2021 UI/UX Design Trends? A Deep Dive

This article analyzes the 2021 Chinese UI/UX design trends by examining major product case studies, user demographics, and emerging visual techniques such as 3D elements, glass‑like materials, card‑based layouts, colored shadows, light gradients, and micro‑interactions.

20213DChina
0 likes · 10 min read
What Shaped China’s 2021 UI/UX Design Trends? A Deep Dive
Meiyou UED
Meiyou UED
Aug 25, 2021 · Frontend Development

2021 UI Animation Trends: 3 Techniques to Elevate Your Designs

This article explores the 2021 UI animation trends—Virtual Reality, Light‑weight style, and Brutalism—detailing how 3D effects, neumorphism, glass blur, bold typography, and real‑material visuals can enrich user experience, reduce cognitive load, and add playful depth to digital products.

3Dbrutalismdesign trends
0 likes · 8 min read
2021 UI Animation Trends: 3 Techniques to Elevate Your Designs
Liulishuo Tech Team
Liulishuo Tech Team
Aug 24, 2021 · Game Development

Implementing 3D Character Skinning and Animation in CocosCreator 3.0

This guide details how to implement 3D character skinning and multi‑part animation in CocosCreator 3.0 by splitting FBX models into separate prefab components, addressing material, mesh, and simultaneous animation challenges, and provides key TypeScript code for part replacement.

3DCharacter SkinningCocosCreator
0 likes · 7 min read
Implementing 3D Character Skinning and Animation in CocosCreator 3.0
21CTO
21CTO
Jun 5, 2021 · Frontend Development

Top 8 Web Design Trends Shaping 2021: From 3D to Video Integration

The article reviews the eight dominant web design trends of 2021—including 3D graphics, parallax animation, custom illustrations, minimalist layouts, abstract shapes, bold gradients, digital product showcases, and embedded video—explaining how each enhances user engagement in a post‑pandemic digital landscape.

2021 Trends3DUI/UX
0 likes · 6 min read
Top 8 Web Design Trends Shaping 2021: From 3D to Video Integration
ByteFE
ByteFE
May 23, 2021 · Frontend Development

How to Create a Rotating 3D Coin Animation with CSS3, LESS and React

This article explains how to build a rotating 3D coin effect for a web page using CSS3 animations, @keyframes, LESS variables and loops, and a React component that generates the coin's faces and edges, providing a visual cue to attract users to an activity.

3DReactcoin
0 likes · 10 min read
How to Create a Rotating 3D Coin Animation with CSS3, LESS and React
Tencent Cloud Developer
Tencent Cloud Developer
Oct 22, 2019 · Game Development

Key Technologies of Immersive Media in the 5G Era: 3D, Point Cloud, and Compression

With 5G accelerating video traffic, immersive media relies on advanced 3D representation, efficient point‑cloud and video‑based compression, standardized containers, and selective streaming to enable realistic VR/AR experiences across gaming, autonomous driving, and broadcasting, while Tencent’s lab drives standards and future XR applications.

3D5GMultimedia
0 likes · 12 min read
Key Technologies of Immersive Media in the 5G Era: 3D, Point Cloud, and Compression
360 Tech Engineering
360 Tech Engineering
Mar 25, 2019 · Frontend Development

Understanding CSS 3D: perspective and transform-style

This article explains the CSS 3D properties perspective and transform-style, shows how different perspective values affect a cube, demonstrates the impact of transform-style on child elements, and provides example code and reference links for practical implementation.

3DWeb Developmentfrontend
0 likes · 5 min read
Understanding CSS 3D: perspective and transform-style
JD Tech
JD Tech
May 22, 2018 · Frontend Development

Getting Started with WebGL: Drawing a Point Using Shaders

This article introduces WebGL as a JavaScript‑OpenGL ES 2.0 hybrid for hardware‑accelerated 3D rendering, explains how to create a WebGL context, write and compile vertex and fragment shaders, handle canvas sizing, and render both square and circular points with detailed code examples.

3DCanvasShaders
0 likes · 9 min read
Getting Started with WebGL: Drawing a Point Using Shaders
Qunar Tech Salon
Qunar Tech Salon
Jan 6, 2017 · Frontend Development

Introduction to three.js: Concepts, Capabilities, and Basic Usage

This article introduces three.js, explains its relationship to WebGL, outlines what it can achieve, describes core concepts such as coordinate system, camera, scene, renderer, lights, materials, geometry, and particle systems, and provides a step‑by‑step example for building an interactive 3D panorama with camera controls and user interaction.

3DGraphicsThree.js
0 likes · 12 min read
Introduction to three.js: Concepts, Capabilities, and Basic Usage
Aotu Lab
Aotu Lab
Dec 9, 2016 · Frontend Development

How a 1 KB JavaScript Demo Creates a 3D Fire‑Extinguishing Game

This article dissects a 1 KB js1k competition entry that builds a 3‑D forest‑fire game using only built‑in canvas variables, explaining the competition rules, the demo’s gameplay, the compact object‑creation logic, the clever key‑state handling, and the full event‑loop rendering pipeline.

3DCanvasJavaScript
0 likes · 16 min read
How a 1 KB JavaScript Demo Creates a 3D Fire‑Extinguishing Game
Aotu Lab
Aotu Lab
Oct 19, 2016 · Frontend Development

Explore VR History and Build WebVR Scenes with A-Frame

This article traces the origins of virtual reality from early concepts and devices to modern headsets, then introduces the A-Frame web framework and provides a step‑by‑step tutorial with code examples for creating VR scenes, animations, and interactions in the browser.

3DA-FrameJavaScript
0 likes · 15 min read
Explore VR History and Build WebVR Scenes with A-Frame
Aotu Lab
Aotu Lab
Jan 6, 2016 · Frontend Development

Build a 360° Panorama Viewer in the Browser with Three.js

This guide explains how to create an interactive 360° panoramic viewer on web pages using Three.js, covering the fundamentals of panoramic images, camera setup, positioning, and rendering techniques to achieve seamless spherical navigation.

3DJavaScriptThree.js
0 likes · 5 min read
Build a 360° Panorama Viewer in the Browser with Three.js