Three.js
Three.js is an open-source JavaScript 3D graphics library that runs in browser environments and is built as a higher-level abstraction over WebGL, simplifying the creation and rendering of 3D graphics. It provides a complete set of three-dimensional rendering capabilities including scene management, camera control, lighting, materials, and geometry, and supports animation, particle systems, and loading of multiple model formats. It is widely used for web-based visualization, game development, interactive art, and data presentation.
Core Facts
Three.js is currently the most mainstream WebGL wrapper library, created and open-sourced by Ricardo Cabello (Mr.doob) in 2010.
When large models generate dynamic videos, they are more likely generating code that describes the animation (such as Canvas, SVG, CSS animations, or animation frameworks) rather than directly rendering pixel-level video.
Three.js includes functional modules such as scene management, camera control, lighting systems, and material rendering, and is the de facto standard tool for 3D visualization on the web.
Timeline (last 90 days)
The developer fine-tuned general coding capability based on Qwen3.5-4B, with Three.js scene generation as the core test task.
A 4B-level model reaching a usable level in Three.js structured code generation means independent developers and small teams can build 3D scene prototyping tools at extremely low cost.
Generating Three.js code from natural language requires the model to master API names, parameter order, and three-dimensional spatial relationships simultaneously, making it harder than pure text code generation.
Tim used Plan mode to first plan and then build a 3D rendering project of the Toronto skyline; the final project ran for about 30 minutes, and the finished product includes water with reflections and vehicles driving on the roads.
A 3D parallax effect can be achieved using CSS's transform: perspective() and translateZ(), or by listening to mouse/scroll position to change the displacement speed of different layers, without needing heavy libraries like WebGL or Three.js.
In the Three.js task of recreating the Tesla Roadster jet flying car animation, Gemini 4 Argon can generate a runnable scene but has issues such as the vehicle disappearing, a transparent shell, and overly strong lighting effects.
In the Chinese story adventure game test, Gemini 4 Argon finished in 1 hour, with a story featuring three endings and complete TTS voiceover, but the character modeling and puzzle design were poor.
The large-model test of "writing code to generate 3D content" examines the model's ability to generate runnable HTML/JavaScript code (often with the help of WebGL libraries such as Three.js) and have 3D scenes rendered in real time by the browser.
In the demo, the AI (Jarvis) reverse-engineered the igloo.inc website, autonomously scrolled the page to trigger animations, recorded 95 network requests, and within 40 seconds generated a breakdown report covering the tech stack including Three.js and GSAP.
E-LabS's tech stack includes an AI experiment assistant based on Google Gemma 4, real-time charts, automatic Markdown report generation, a Three.js 3D simulation engine, and a KVKK-compliant user system based on Firebase.
40 more timeline events
All Facts (20)
Three.js is currently the most mainstream WebGL wrapper library, created and open-sourced by Ricardo Cabello (Mr.doob) in 2010.
80%VerifiedWhen large models generate dynamic videos, they are more likely generating code that describes the animation (such as Canvas, SVG, CSS animations, or animation frameworks) rather than directly rendering pixel-level video.
65%VerifiedThree.js includes functional modules such as scene management, camera control, lighting systems, and material rendering, and is the de facto standard tool for 3D visualization on the web.
65%VerifiedThree.js was created by Ricardo Cabello (mrdoob) in 2010.
65%VerifiedThree.js abstracts the underlying WebGL graphics API into a scene graph model, allowing developers to build 3D scenes without directly writing GLSL shader code.
65%UnverifiedThree.js 的粒子系统（Points）能利用 GPU 硬件加速并行渲染数千甚至数十万个点
90%UnverifiedThree.js 的 BufferGeometry 通过 Float32Array 直接操作顶点缓冲区，避免了传统 Geometry 的对象开销
90%Unverified推荐的前端技术栈组合为React + Next.js、Tailwind CSS、Framer Motion + GSAP、Three.js
85%UnverifiedUsing the DeepSeek V3 Flash model to generate a 3D interactive mechanical clock simulator based on Three.js took approximately 40 minutes in total.
60%UnverifiedIn a test of 30 Three.js One-Shot programming problems, Qwen 3.8 passed 24 and Ornith 1.5 passed 15, both running under Q6 quantization.
60%UnverifiedThe single-file HTML architecture is naturally suited for AI generation, as the model only needs to output a single continuous block of text without coordinating multiple file dependencies, reducing the error rate in AI code generation.
60%UnverifiedCurrent AI-assisted game development is primarily centered on Web-based lightweight approaches, using frameworks such as HTML5 Canvas, Phaser.js, and Three.js.
60%UnverifiedAI-generated 3D games are typically implemented based on browser-side 3D rendering frameworks such as Three.js, and can run in the browser without installing a client.
60%UnverifiedThe developer fine-tuned general coding capability based on Qwen3.5-4B, with Three.js scene generation as the core test task.
50%UnverifiedGenerating Three.js code from natural language requires the model to master API names, parameter order, and three-dimensional spatial relationships simultaneously, making it harder than pure text code generation.
50%UnverifiedA 4B-level model reaching a usable level in Three.js structured code generation means independent developers and small teams can build 3D scene prototyping tools at extremely low cost.
50%UnverifiedA 3D parallax effect can be achieved using CSS's transform: perspective() and translateZ(), or by listening to mouse/scroll position to change the displacement speed of different layers, without needing heavy libraries like WebGL or Three.js.
50%UnverifiedIn the Three.js task of recreating the Tesla Roadster jet flying car animation, Gemini 4 Argon can generate a runnable scene but has issues such as the vehicle disappearing, a transparent shell, and overly strong lighting effects.
50%UnverifiedIn the Chinese story adventure game test, Gemini 4 Argon finished in 1 hour, with a story featuring three endings and complete TTS voiceover, but the character modeling and puzzle design were poor.
50%UnverifiedThe large-model test of "writing code to generate 3D content" examines the model's ability to generate runnable HTML/JavaScript code (often with the help of WebGL libraries such as Three.js) and have 3D scenes rendered in real time by the browser.
50%