(Translated by https://www.hiragana.jp/)
Three.js - 维基百科,自由的百科全书 とべ转到内容ないよう

Three.js

本页使用了标题或全文手工转换
维基百科ひゃっか自由じゆうてき百科ひゃっかぜん
Three.js
Three.js作品样例
Three.js作品さくひん样例
原作げんさくしゃRicardo Cabello (Mr.doob)
開發かいはつしゃThree.js Authors[1]
くび发布2010ねん4がつ24にち,​14ねんまえ​(2010-04-24[2]
とうぜん版本はんぽんr144(2022ねん8がつ31にち,​2ねんまえ​(2022-08-31
みなもとだい码库 編輯維基數據鏈接
编程语言JavaScript
类型JavaScriptはこしき
许可协议MIT許可きょかしょう[1]
网站threejs.org

Three.jsいちまたが浏览てき使用しようJavaScript函数かんすうあるAPIらいざい网页浏览ちゅう创建展示てんじ三维计算机图形てき开源通用つうよう 3D だい码库。Three.js使用しようWebGL渲染图形,也可どおり过插けん使用しよう WebGPU(实验せい)、SVG CSS3D 渲染みなもとだい码托かんざいGitHub

がいじゅつ

[编辑]

Three.jsまこと使用しようJavaScript创建网页ちゅうてきGPU加速かそくてき3D动画元素げんそ,而不使用しよう特定とくていてき浏览插件。[3][4]这归こうWebGLまと现。[5]

こう级的JavaScript函数かんすう库例如Three.jsあるGLGE、SceneJS、PhiloGLある一定いってい数量すうりょうてき其他函数かんすう库使作者さくしゃざい浏览ちゅう显示复杂てきさん维计さんつくえ动画而不需要じゅよう使用しよう传统てき独立どくりつ应用ほどじょある插件なり可能かのう[6]

历史

[编辑]

Three.jsよしRicardo Cabelloざい2010よんがつ于GitHubくび发布。[2]它的起源きげん以追さかのぼいたざいほん初演しょえんしめせ场景てき参与さんよだい码最はつざいActionScript,ややきさき2009ねん移植いしょくいたJavaScript。ざいCabelloらい,转移いたJavaScriptゆう两个优点:每次まいじ运行ぜんぼつゆう编译だい码和平台ひらだい独立どくりつせいずいWebGLてき到来とうらい,Paul Brunt增加ぞうか渲染こうのう,这使Three.jsてき设计与绘制てきだい码作为一个模块,而不核心かくしん本身ほんみ[7]Cabelloてき贡献包括ほうかつAPIてき设计、CanvasRenderer、 SVGRenderer并负责合并各种贡けんじいた该项

该项目的もくてきごう贡献しゃBranislav Ulicnyざい2010ねん张贴ざい自己じこてき网站いち些WebGLえんじしめせきさき开始参与さんよThree.jsてき开发工作こうさく希望きぼうThree.jsちゅうてきWebGL渲染能力のうりょくちょう过CanvasRendererあるSVGRenderer。[7]てき主要しゅよう贡献通常つうじょうわたる及素ざい着色ちゃくしょくきさき处理。

ややきさきざい WebGL 1.0 ざい2011ねん引入きつね4きさき,Joshua Koo开始参与さんよ工作こうさくざい2011ねん9がつ创建りょうてきだいいち个面こう3DぶんほんてきThree.js样本。[7] 目前もくぜん该项共有きょうゆう650贡献。[7]

特性とくせい

[编辑]

Three.js包括ほうかつ以下いか特性とくせい[8]

  • 效果こうか:浮雕,对眼视差へいさわ
  • 场景:ざい运行时添加てんか删除对象;雾
  • 镜头:视角正字せいじほうひかえせい:轨迹だま、FPS、みちみちとう
  • 动画:电枢,运动がくぎゃく运动がく,变形关键帧
  • 灯光とうこう:环境、方向ほうこうてんてんこう;阴影:投射とうしゃ接收せっしゅう
  • 材料ざいりょう:Lambert、海防かいぼうひかりすべり阴影,纹理さらおお
  • ざい质:访问かんせいてきOpenGL着色ちゃくしょく语言(GLSL能力のうりょく:镜头こう晕,经过深入ふかいり而广泛的きさきおけ处理库
  • 对象:网格、粒子りゅうしせい灵、线、带、ほね头和さら-所有しょゆう细节层次
  • 几何:平面へいめん立方体りっぽうたい球体きゅうたい,圆环,3Dぶんほんとうおさむあらため:车床,挤压かん
  • かずすえ载器:进制,图像,JSON场景
  • こと业:ぜん套时间和三维数学函数包括锥、のり阵、四元よつもと、UVsとう
  • 输入输出:three.js-compatible JSONぶんけんBlender,openctm,FBX,Max,OBJ
  • 支持しじ:APIぶん档正ざいけん设中,公共こうきょう论坛维基全面ぜんめん运作
  • れいちょう过150个文けんてき编码れい字体じたい模型もけい,纹理,声音こわね其他支持しじぶんけん
  • 调试:Stats.js,[9] WebGL检查员[10],Three.js检查员[11]

Three.jsざい所有しょゆう支持しじWebGL 1.0てき浏览みな运行。

Three.jsすえMIT公用こうよう许可证发布。[1]

使用しよう

[编辑]

Three.js函数かんすう库是いち独立どくりつてきJavaScriptぶんけん。它在网页ちゅう以通过链せっいたり本地ほんじある远程副本ふくほん而链せっざい该页めんちゅう

<script src="js/three.min.js"></script>

以下いかだい码创づくりりょういち个场けい,并添加てんか摄像つくえ一个摄像机和一个立方体到场景中,且创けんいち个WebGL渲染并添加てんか视图到document.body元素げんそちゅう一旦いったん载入,这个立方体りっぽうたいはた以它てきX轴线Y轴线旋转。

<script>

    var camera, scene, renderer,
    geometry, material, mesh;

    init();
    animate();

    function init() {
        scene = new THREE.Scene();

        camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
        camera.position.z = 1000;

        geometry = new THREE.BoxGeometry( 200, 200, 200 );
        material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );

        mesh = new THREE.Mesh( geometry, material );
        scene.add( mesh );

        renderer = new THREE.WebGLRenderer();
        renderer.setSize( window.innerWidth, window.innerHeight );

        document.body.appendChild( renderer.domElement );
    }

    function animate() {
        requestAnimationFrame( animate );
        render();
    }

    function render() {
        mesh.rotation.x += 0.01;
        mesh.rotation.y += 0.02;

        renderer.render( scene, camera );
    }

</script>

まいり

[编辑]

参考さんこう文献ぶんけん

[编辑]
  1. ^ 1.0 1.1 1.2 Three.js/license. github.com/mrdoob. [20 May 2012]. (原始げんし内容ないようそん于2017-05-07). 
  2. ^ 2.0 2.1 First commit. github.com/mrdoob. [20 May 2012]. (原始げんし内容ないようそん于2010-04-30). 
  3. ^ O3D
  4. ^ Unity (game engine)
  5. ^ Khronos Releases Final WebGL 1.0 Specification. Khronos Group. March 3, 2011 [2 June 2012]. (原始げんし内容ないようそん于2016-11-08). 
  6. ^ Crossley, Rob. Study: Average dev costs as high as $28m. Intent Media Ltd. 11 January 2010 [2 June 2012]. (原始げんし内容ないようそん档于2010-01-13). 
  7. ^ 7.0 7.1 7.2 7.3 Three.js White Paper. Github.com. 2012-05-21 [2013-05-09]. (原始げんし内容ないようそん于2019-02-18). 
  8. ^ mrdoob. Features mrdoob/three.js Wiki GitHub. Github.com. 2012-11-26 [2013-05-09]. (原始げんし内容ないようそん于2014-06-01). 
  9. ^ Stats.js. Github.com. [2013-05-09]. (原始げんし内容ないようそん于2013-05-12). 
  10. ^ WebGL Inspector. Benvanik.github.com. [2013-05-09]. (原始げんし内容ないようそん于2010-11-24). 
  11. ^ Three.js Inspector Labs. Zz85.github.com. [2013-05-09]. (原始げんし内容ないようそん于2013-01-30). 

参考さんこう书目

[编辑]

外部がいぶ链接

[编辑]