[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3644":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":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":22,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":37,"readmeContent":38,"aiSummary":39,"trendingCount":16,"starSnapshotCount":16,"syncStatus":40,"lastSyncTime":41,"discoverSource":42},3644,"Babylon.js","BabylonJS\u002FBabylon.js","BabylonJS","Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.","http:\u002F\u002Fwww.babylonjs.com",null,"TypeScript",25622,3655,522,10,0,26,159,3,93,"Apache License 2.0",false,"master",[25,26,27,28,29,30,31,32,33,34,35,36],"3d","babylon","game-development","game-engine","game-engine-3d","typescript","webaudio","webgl","webgl2","webgpu","webvr","webxr","2026-06-12 04:00:18","# Babylon.js\r\n\r\nGetting started? Play directly with the Babylon.js API using our [playground](https:\u002F\u002Fplayground.babylonjs.com\u002F). It also contains a lot of samples to learn how to use it.\r\n\r\n[![npm version](https:\u002F\u002Fbadge.fury.io\u002Fjs\u002Fbabylonjs.svg)](https:\u002F\u002Fbadge.fury.io\u002Fjs\u002Fbabylonjs)\r\n[![Build Status](https:\u002F\u002Fdev.azure.com\u002Fbabylonjs\u002FContinousIntegration\u002F_apis\u002Fbuild\u002Fstatus\u002FCI?branchName=master)](https:\u002F\u002Fdev.azure.com\u002Fbabylonjs\u002FContinousIntegration\u002F_build\u002Flatest?definitionId=14&branchName=master)\r\n[![Average time to resolve an issue](http:\u002F\u002Fisitmaintained.com\u002Fbadge\u002Fresolution\u002FBabylonJS\u002FBabylon.js.svg)](http:\u002F\u002Fisitmaintained.com\u002Fproject\u002FBabylonJS\u002FBabylon.js \"Average time to resolve an issue\")\r\n[![Percentage of issues still open](https:\u002F\u002Fisitmaintained.com\u002Fbadge\u002Fopen\u002FbabylonJS\u002Fbabylon.js.svg)](https:\u002F\u002Fisitmaintained.com\u002Fproject\u002FbabylonJS\u002Fbabylon.js \"Percentage of issues still open\")\r\n![Build size](https:\u002F\u002Fimg.shields.io\u002Fbundlephobia\u002Fminzip\u002Fbabylonjs)\r\n[![Twitter](https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Ffollow\u002Fbabylonjs.svg?style=social&label=Follow)](https:\u002F\u002Ftwitter.com\u002Fintent\u002Ffollow?screen_name=babylonjs)\r\n![Discourse users](https:\u002F\u002Fimg.shields.io\u002Fdiscourse\u002Fusers?server=https%3A%2F%2Fforum.babylonjs.com)\r\n\r\n**Any questions?** Here is our official [forum](https:\u002F\u002Fforum.babylonjs.com\u002F).\r\n\r\n## CDN\r\n\r\n> ⚠️ WARNING: The CDN should not be used in production environments. The purpose of our CDN is to serve Babylon packages to users learning how to use the platform or running small experiments. Once you've built an application and are ready to share it with the world at large, you should serve all packages from your own CDN.\r\n\r\n- \u003Chttps:\u002F\u002Fcdn.babylonjs.com\u002Fbabylon.js>\r\n- \u003Chttps:\u002F\u002Fcdn.babylonjs.com\u002Fbabylon.max.js>\r\n\r\n\r\nFor the preview release, use the following URLs:\r\n\r\n- \u003Chttps:\u002F\u002Fpreview.babylonjs.com\u002Fbabylon.js>\r\n- \u003Chttps:\u002F\u002Fpreview.babylonjs.com\u002Fbabylon.max.js>\r\n\r\nA list of additional references can be found [here](https:\u002F\u002Fdoc.babylonjs.com\u002FdivingDeeper\u002FdevelopWithBjs\u002FframeworkVers#cdn-current-versions).\r\n\r\n## npm\r\n\r\nBabylonJS and its modules are published on npm with full typing support. To install, use:\r\n\r\n```text\r\nnpm install babylonjs --save\r\n```\r\n\r\n> alternatively, you can now rely on our [ES6 packages](https:\u002F\u002Fdoc.babylonjs.com\u002Fsetup\u002FframeworkPackages\u002FnpmSupport#es6). Using the ES6 version will allow tree shaking among other bundling benefits.\r\n\r\nThis will allow you to import BabylonJS entirely using:\r\n\r\n```javascript\r\nimport * as BABYLON from 'babylonjs';\r\n```\r\n\r\nor individual classes using:\r\n\r\n```javascript\r\nimport { Scene, Engine } from 'babylonjs';\r\n```\r\n\r\nIf using TypeScript, don't forget to add 'babylonjs' to 'types' in `tsconfig.json`:\r\n\r\n```json\r\n    ...\r\n    \"types\": [\r\n        \"babylonjs\",\r\n        \"anotherAwesomeDependency\"\r\n    ],\r\n    ...\r\n```\r\n\r\nTo add a module, install the respective package. A list of extra packages and their installation instructions can be found on the [babylonjs user on npm](https:\u002F\u002Fwww.npmjs.com\u002F~babylonjs).\r\n\r\n## Usage\r\n\r\nSee [Getting Started](https:\u002F\u002Fdoc.babylonjs.com\u002F#getting-started):\r\n\r\n```javascript\r\n\u002F\u002F Get the canvas DOM element\r\nvar canvas = document.getElementById('renderCanvas');\r\n\u002F\u002F Load the 3D engine\r\nvar engine = new BABYLON.Engine(canvas, true, {preserveDrawingBuffer: true, stencil: true});\r\n\u002F\u002F CreateScene function that creates and return the scene\r\nvar createScene = function(){\r\n    \u002F\u002F Create a basic BJS Scene object\r\n    var scene = new BABYLON.Scene(engine);\r\n    \u002F\u002F Create a FreeCamera, and set its position to {x: 0, y: 5, z: -10}\r\n    var camera = new BABYLON.FreeCamera('camera1', new BABYLON.Vector3(0, 5, -10), scene);\r\n    \u002F\u002F Target the camera to scene origin\r\n    camera.setTarget(BABYLON.Vector3.Zero());\r\n    \u002F\u002F Attach the camera to the canvas\r\n    camera.attachControl(canvas, false);\r\n    \u002F\u002F Create a basic light, aiming 0, 1, 0 - meaning, to the sky\r\n    var light = new BABYLON.HemisphericLight('light1', new BABYLON.Vector3(0, 1, 0), scene);\r\n    \u002F\u002F Create a built-in \"sphere\" shape using the SphereBuilder\r\n    var sphere = BABYLON.MeshBuilder.CreateSphere('sphere1', {segments: 16, diameter: 2, sideOrientation: BABYLON.Mesh.FRONTSIDE}, scene);\r\n    \u002F\u002F Move the sphere upward 1\u002F2 of its height\r\n    sphere.position.y = 1;\r\n    \u002F\u002F Create a built-in \"ground\" shape;\r\n    var ground = BABYLON.MeshBuilder.CreateGround(\"ground1\", { width: 6, height: 6, subdivisions: 2, updatable: false }, scene);\r\n    \u002F\u002F Return the created scene\r\n    return scene;\r\n}\r\n\u002F\u002F call the createScene function\r\nvar scene = createScene();\r\n\u002F\u002F run the render loop\r\nengine.runRenderLoop(function(){\r\n    scene.render();\r\n});\r\n\u002F\u002F the canvas\u002Fwindow resize event handler\r\nwindow.addEventListener('resize', function(){\r\n    engine.resize();\r\n});\r\n```\r\n\r\n## Contributing\r\n\r\nIf you want to contribute, please read our [contribution guidelines](https:\u002F\u002Fdoc.babylonjs.com\u002Fcontribute\u002FtoBabylon) first.\r\n\r\n## Documentation\r\n\r\n- [Documentation](https:\u002F\u002Fdoc.babylonjs.com)\r\n- [Demos](https:\u002F\u002Fwww.babylonjs.com\u002Fcommunity\u002F)\r\n\r\n## Useful links\r\n\r\n- Official web site: [www.babylonjs.com](https:\u002F\u002Fwww.babylonjs.com\u002F)\r\n- Online [playground](https:\u002F\u002Fplayground.babylonjs.com\u002F) to learn by experimentating\r\n- Online [sandbox](https:\u002F\u002Fwww.babylonjs.com\u002Fsandbox) where you can test your .babylon and glTF scenes with a simple drag'n'drop\r\n- Online [shader creation tool](https:\u002F\u002Fcyos.babylonjs.com\u002F) where you can learn how to create GLSL shaders\r\n- 3DS Max [exporter](https:\u002F\u002Fgithub.com\u002FBabylonJS\u002FExporters\u002Ftree\u002Fmaster\u002F3ds%20Max) can be used to generate a .babylon file from 3DS Max\r\n- Maya [exporter](https:\u002F\u002Fgithub.com\u002FBabylonJS\u002FExporters\u002Ftree\u002Fmaster\u002FMaya) can be used to generate a .babylon file from Maya\r\n- Blender [exporter](https:\u002F\u002Fgithub.com\u002FBabylonJS\u002FBlenderExporter) can be used to generate a .babylon file from Blender 3d\r\n- Unity 5[ (deprecated) exporter](https:\u002F\u002Fgithub.com\u002FBabylonJS\u002FExporters\u002Ftree\u002Fmaster\u002FUnity) can be used to export your geometries from Unity 5 scene editor(animations are supported)\r\n- [glTF Tools](https:\u002F\u002Fgithub.com\u002FKhronosGroup\u002FglTF#gltf-tools) by KhronosGroup\r\n\r\n## Features\r\n\r\nTo get a complete list of supported features, please visit our [website](https:\u002F\u002Fwww.babylonjs.com\u002Fspecifications\u002F).\r\n","Babylon.js 是一个强大、美观且简单的游戏和渲染引擎，封装在友好的 JavaScript 框架中。它支持 3D 渲染、游戏开发以及 WebXR 等多种功能，使用 TypeScript 编写，具备 WebGL、WebGPU 和 WebAudio 等现代 Web 技术的支持。该引擎适用于需要高质量 3D 图形渲染的应用场景，如网页游戏开发、虚拟现实体验或任何需要在浏览器中展示复杂图形的项目。其丰富的示例和活跃的社区支持使得初学者和经验丰富的开发者都能快速上手并高效工作。",2,"2026-06-11 02:55:15","top_language"]