[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-310":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":39,"readmeContent":40,"aiSummary":41,"trendingCount":16,"starSnapshotCount":16,"syncStatus":42,"lastSyncTime":43,"discoverSource":44},310,"three.js","mrdoob\u002Fthree.js","mrdoob","JavaScript 3D Library.","https:\u002F\u002Fthreejs.org\u002F",null,"JavaScript",113094,36378,2505,287,0,30,181,574,128,120,"MIT License",false,"dev",true,[27,28,29,30,31,32,33,34,35,36,37,38],"3d","augmented-reality","canvas","html5","javascript","svg","virtual-reality","webaudio","webgl","webgl2","webgpu","webxr","2026-06-17 04:00:02","# three.js\n\n[![NPM Package][npm]][npm-url]\n[![Build Size][build-size]][build-size-url]\n[![NPM Downloads][npm-downloads]][npmtrends-url]\n[![jsDelivr Downloads][jsdelivr-downloads]][jsdelivr-url]\n[![Discord][discord]][discord-url]\n\n#### JavaScript 3D library\n\nThe aim of the project is to create an easy-to-use, lightweight, cross-browser, general-purpose 3D library. The current builds only include WebGL and WebGPU renderers but SVG and CSS3D renderers are also available as addons.\n\n[Examples](https:\u002F\u002Fthreejs.org\u002Fexamples\u002F) —\n[Docs](https:\u002F\u002Fthreejs.org\u002Fdocs\u002F) —\n[Manual](https:\u002F\u002Fthreejs.org\u002Fmanual\u002F) —\n[Wiki](https:\u002F\u002Fgithub.com\u002Fmrdoob\u002Fthree.js\u002Fwiki) —\n[Migrating](https:\u002F\u002Fgithub.com\u002Fmrdoob\u002Fthree.js\u002Fwiki\u002FMigration-Guide) —\n[Questions](https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002Ftagged\u002Fthree.js) —\n[Forum](https:\u002F\u002Fdiscourse.threejs.org\u002F) —\n[Discord](https:\u002F\u002Fdiscord.gg\u002F56GBJwAnUS)\n\n### Usage\n\nThis code creates a scene, a camera, and a geometric cube, and it adds the cube to the scene. It then creates a `WebGL` renderer for the scene and camera, and it adds that viewport to the `document.body` element. Finally, it animates the cube within the scene for the camera.\n\n```javascript\nimport * as THREE from 'three';\n\nconst width = window.innerWidth, height = window.innerHeight;\n\n\u002F\u002F init\n\nconst camera = new THREE.PerspectiveCamera( 70, width \u002F height, 0.01, 10 );\ncamera.position.z = 1;\n\nconst scene = new THREE.Scene();\n\nconst geometry = new THREE.BoxGeometry( 0.2, 0.2, 0.2 );\nconst material = new THREE.MeshNormalMaterial();\n\nconst mesh = new THREE.Mesh( geometry, material );\nscene.add( mesh );\n\nconst renderer = new THREE.WebGLRenderer( { antialias: true } );\nrenderer.setSize( width, height );\nrenderer.setAnimationLoop( animate );\ndocument.body.appendChild( renderer.domElement );\n\n\u002F\u002F animation\n\nfunction animate( time ) {\n\n\tmesh.rotation.x = time \u002F 2000;\n\tmesh.rotation.y = time \u002F 1000;\n\n\trenderer.render( scene, camera );\n\n}\n```\n\nIf everything goes well, you should see [this](https:\u002F\u002Fjsfiddle.net\u002Fw43x5Lgh\u002F).\n\n### Cloning this repository\n\nCloning the repo with all its history results in a ~2 GB download. If you don't need the whole history you can use the `depth` parameter to significantly reduce download size.\n\n```sh\ngit clone --depth=1 https:\u002F\u002Fgithub.com\u002Fmrdoob\u002Fthree.js.git\n```\n\n### Change log\n\n[Releases](https:\u002F\u002Fgithub.com\u002Fmrdoob\u002Fthree.js\u002Freleases)\n\n\n[npm]: https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fthree\n[npm-url]: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fthree\n[build-size]: https:\u002F\u002Fbadgen.net\u002Fbundlephobia\u002Fminzip\u002Fthree\n[build-size-url]: https:\u002F\u002Fbundlephobia.com\u002Fresult?p=three\n[npm-downloads]: https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdw\u002Fthree\n[npmtrends-url]: https:\u002F\u002Fwww.npmtrends.com\u002Fthree\n[jsdelivr-downloads]: https:\u002F\u002Fdata.jsdelivr.com\u002Fv1\u002Fpackage\u002Fnpm\u002Fthree\u002Fbadge?style=rounded\n[jsdelivr-url]: https:\u002F\u002Fwww.jsdelivr.com\u002Fpackage\u002Fnpm\u002Fthree\n[discord]: https:\u002F\u002Fimg.shields.io\u002Fdiscord\u002F685241246557667386\n[discord-url]: https:\u002F\u002Fdiscord.gg\u002F56GBJwAnUS\n","three.js 是一个用于创建3D图形的JavaScript库。它提供了轻量级、跨浏览器的解决方案，支持WebGL和WebGPU渲染器，并且可以通过插件扩展到SVG和CSS3D渲染。核心功能包括场景管理、相机控制、几何体创建与材质设置等，使得开发者能够轻松地在网页上实现高质量的3D内容。此外，该库还具备良好的文档支持和活跃的社区，便于学习和解决问题。three.js非常适合需要在网页应用中集成3D效果或构建虚拟现实\u002F增强现实体验的场景。",2,"2026-06-17 02:33:41","top_all"]