three.js
Leabharlann JavaScript le haghaidh Formáidí Comhaid 3D
API Foinse Oscailte JavaScript chun WebGL, FBX, Collada a léamh, a scríobh, agus a rindreáil chomh maith le formáidí comhaid OBJ trí Leabharlann 3D In Aisce.
Leabharlann íon JavaScript 3d atá éasca le húsáid is ea three.js a thugann an cumas d’fhorbróirí bogearraí comhaid WebGL a sholáthar. Cuireann an leabharlann three.js lódairí ar fáil le haghaidh formáidí iomadúla comhaid ar nós FBX, Collada chomh maith le OBJ ach is é glTF an fhormáid a mholtar chun sonraí a allmhairiú agus a onnmhairiú. Is é an rud iontach faoi fhormáid comhaid glTF ná go bhfuil sé an-dlúth agus is féidir é a tharchur go héasca agus go bhfuil sé an-tapa freisin.
Tacaíonn an leabharlann le roinnt gnéithe tábhachtacha a bhaineann le samhlacha 3D mar radharc a chruthú, samhlacha 3D a luchtú, téacs a chruthú, línte a tharraingt ag socrú ceamara, ciúb geoiméadrach a chruthú, ciúb a chur leis an radharc, an radharc a rindreáil, radharc a chur leis an eilimint, agus go leor eile. Úsáidtear ceamaraí éagsúla i leabharlann three.js.
A Sracfhéachaint
Forbhreathnú ar thrí ghné.js.
- Cruthaigh radhairc 3D
- Samhlacha 3d a lódáil
- Tarraing línte
- Léigh/Scríobh FBX
- Léigh/Scríobh Collada
- Tiontaigh radhairc 3D
- Easpórtáil sonraí i glTF
- láimhseáil comhpháirteanna
- uigeachtaí a láimhseáil
tacaíonn three.js le formáidí comhaid 3D a bhfuil tóir orthu a liostaítear thíos.
Neamhspleáchas Ardáin
is féidir three.js a rith ar aon bheartán JavaScript nua-aimseartha, is é an rogha is coitianta ná pacáiste gréasáin.
- JavaScript
Tús a chur le three.js
Is é an bealach is éasca three.js a shuiteáil ná npm a úsáid. Bain úsáid as an ordú seo a leanas le haghaidh suiteáil rianúil.
Suiteáil trí.js trí NPM
npm install --save three Cruthaigh Radharc le JavaScript
Chuir an leabharlann foinse oscailte three.js tacaíocht ar fáil chun radharc 3D a chruthú chun ciúb a shníomh laistigh dá bhfeidhmchlár JavaScript féin. Teastaíonn radharc, ceamara agus rindreálaí chun aon rud le three.js a thaispeáint. Is féidir leat ceamaraí éagsúla agus a n-airíonna a úsáid chun an radharc a chríochnú. Ansin, is féidir leat sampla rindreála a úsáid agus an méid a theastaíonn uainn chun ár n-aip a sholáthar a shocrú. Is féidir leat an taifeach níos ísle nó níos airde a choinneáil. Ar deireadh, cuireann tú an eilimint rindreoir (<canbhás>) le do dhoiciméad HTML. Is féidir leat ciúb a chruthú go héasca trí BoxGeometry a úsáid agus an t-ábhar a úsáid chun é a dhathú. Ina dhiaidh sin, beidh mogalra uait is féidir a chur isteach sa radharc agus a bhogadh de réir do riachtanas.
The open source library three.js has provided support for creating a 3D scene for spinning a cube inside their own JavaScript application. To display anything with three.js we require a scene, camera, and rindreálaí. You can use different cameras and their attribute to complete the scene. Next, you can use a rindreálaí instance and set the size at which we want it to render our app. You can keep the lower or higher resolution. Lastly, you add the rindreálaí element (<canvas>) to your HTML document. You can easily create a cube by using BoxGeometry and using the material to color it. After that, you need a Mesh that can be inserted into the scene and moved according to your need.
The open source library three.js has provided support for creating a 3D scene for spinning a cube inside their own JavaScript application. To display anything with three.js we require a scene, camera, and renderer. You can use different cameras and their attribute to complete the scene. Next, you can use a renderer instance and set the size at which we want it to render our app. You can keep the lower or higher resolution. Lastly, you add the renderer element (<canvas>) to your HTML document. You can easily create a cube by using BoxGeometry and using the material to color it. After that, you need a Mogall that can be inserted into the scene and moved according to your need.
Íosluchtaigh samhlacha 3d le javascript
Ceadaíonn an leabharlann foinse oscailte three.js do ríomhchláraitheoirí bogearraí samhlacha 3D a luchtú taobh istigh dá bhfeidhmchlár féin gan ach cúpla líne de chód JavaScript. Tá samhlacha 3D ar fáil sna céadta formáidí comhaid. Tagann gach samhail le cuspóirí éagsúla, gnéithe ilghnéitheacha, agus castacht éagsúil. Ar dtús, ní mór duit lódóir a bheith agat agus ina dhiaidh sin, beidh tú in ann an radharc a luchtú.
Tarraing Línte i Léaráid
Chuir an leabharlann foinse oscailte three.js tacaíocht ar fáil chun línte nó ciorcail a tharraingt taobh istigh dá bhfeidhmchlár JavaScript féin. Ar dtús ní mór dúinn an rindreálaí, an radharc agus an ceamara a shocrú. Ina dhiaidh sin, ní mór duit an t-ábhar a shainiú agus is féidir leat LineBasicMaterial nó LineDashedMaterial a úsáid. Tar éis an t-ábhar, beidh gá againn le céimseata le roinnt rinn. Tarraingítear línte idir gach péire rinn as a chéile.
