[{"_1":2,"_92":-5,"_93":-5},"loaderData",{"_3":4},"routes/($locale).library.$slug",{"_5":6,"_40":41},"library",{"_7":8,"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_32":33,"_38":39},"name","A-Frame","description","Web framework for building VR experiences","descriptionKo","VR 경험 구축을 위한 웹 프레임워크","category","3D Graphics","license","MIT","github","https://github.com/aframevr/aframe","website","https://aframe.io","npm","aframe","stars","17k","yearReleased",2015,"tags",[29,30,31],"VR","AR","WebXR","useCases",{"_34":35,"_36":37},"en","VR websites, AR experiences, 360 tours, immersive storytelling","ko","VR 웹사이트, AR 경험, 360도 투어, 몰입형 스토리텔링","codeExample","\n \n \n","related",[42,61,77],{"_7":43,"_9":44,"_11":45,"_13":14,"_15":16,"_17":46,"_19":47,"_21":48,"_23":49,"_50":51,"_25":52,"_27":53,"_32":57,"_38":60},"Three.js","3D library for creating WebGL content","WebGL 콘텐츠 생성을 위한 3D 라이브러리","https://github.com/mrdoob/three.js","https://threejs.org","three","103k","trending",true,2010,[54,55,56],"3D","WebGL","Graphics",{"_34":58,"_36":59},"3D games, product visualizers, architectural visualization, VR/AR experiences","3D 게임, 제품 시각화, 건축 시각화, VR/AR 경험","import * as THREE from 'three';\nconst scene = new THREE.Scene();\nconst camera = new THREE.PerspectiveCamera(75, w/h, 0.1, 1000);\nconst renderer = new THREE.WebGLRenderer();",{"_7":62,"_9":63,"_11":64,"_13":14,"_15":65,"_17":66,"_19":67,"_21":68,"_23":69,"_50":51,"_25":70,"_27":71,"_32":73,"_38":76},"Babylon.js","Powerful 3D game engine for the web","웹을 위한 강력한 3D 게임 엔진","Apache-2.0","https://github.com/BabylonJS/Babylon.js","https://www.babylonjs.com","@babylonjs/core","23k",2013,[54,72,55],"Game Engine",{"_34":74,"_36":75},"3D games, interactive 3D experiences, product configurators, virtual showrooms","3D 게임, 인터랙티브 3D 경험, 제품 구성기, 가상 쇼룸","import { Engine, Scene, FreeCamera, HemisphericLight } from '@babylonjs/core';\nconst engine = new Engine(canvas, true);\nconst scene = new Scene(engine);",{"_7":78,"_9":79,"_11":80,"_13":14,"_15":16,"_17":81,"_19":82,"_21":83,"_23":84,"_50":51,"_25":85,"_27":86,"_32":88,"_38":91},"React Three Fiber","React renderer for Three.js","Three.js를 위한 React 렌더러","https://github.com/pmndrs/react-three-fiber","https://docs.pmnd.rs/react-three-fiber","@react-three/fiber","28k",2019,[87,43,54],"React",{"_34":89,"_36":90},"Declarative 3D in React, interactive 3D components, 3D data visualization","React에서 선언적 3D, 인터랙티브 3D 컴포넌트, 3D 데이터 시각화","import { Canvas } from '@react-three/fiber';\nfunction App() {\n return

;\n}","actionData","errors"]

A-Frame

Tags

Links

Use Cases

Code Example

Related Libraries

Three.js

Babylon.js

React Three Fiber