新能源汽车小米su7

小米su7汽车

复制代码
function init() {

   const container = document.querySelector( '#container' );

   camera = new THREE.PerspectiveCamera( 20, window.innerWidth / window.innerHeight, 1, 50000 );
   camera.position.set( 0, 700, 7000 );

   scene = new THREE.Scene();
   scene.background = new THREE.Color( 0x000104 );
   scene.fog = new THREE.FogExp2( 0x000104, 0.0000675 );

   camera.lookAt( scene.position );

   const loader = new OBJLoader();

   loader.load( 'models/obj/male02/male02.obj', function ( object ) {

      const positions = combineBuffer( object, 'position' );

      createMesh( positions, scene, 4.05, - 500, - 350, 600, 0xff7744 );
      createMesh( positions, scene, 4.05, 500, - 350, 0, 0xff5522 );
      createMesh( positions, scene, 4.05, - 250, - 350, 1500, 0xff9922 );
      createMesh( positions, scene, 4.05, - 250, - 350, - 1500, 0xff99ff );

   } );

   loader.load( 'models/obj/female02/female02.obj', function ( object ) {

      const positions = combineBuffer( object, 'position' );

      createMesh( positions, scene, 4.05, - 1000, - 350, 0, 0xffdd44 );
      createMesh( positions, scene, 4.05, 0, - 350, 0, 0xffffff );
      createMesh( positions, scene, 4.05, 1000, - 350, 400, 0xff4422 );
      createMesh( positions, scene, 4.05, 250, - 350, 1500, 0xff9955 );
      createMesh( positions, scene, 4.05, 250, - 350, 2500, 0xff77dd );

   } );


   renderer = new THREE.WebGLRenderer();
   renderer.setPixelRatio( window.devicePixelRatio );
   renderer.setSize( window.innerWidth, window.innerHeight );
   renderer.autoClear = false;
   container.appendChild( renderer.domElement );

   parent = new THREE.Object3D();
   scene.add( parent );

   const grid = new THREE.Points( new THREE.PlaneGeometry( 15000, 15000, 64, 64 ), new THREE.PointsMaterial( { color: 0xff0000, size: 10 } ) );
   grid.position.y = - 400;
   grid.rotation.x = - Math.PI / 2;
   parent.add( grid );

   // postprocessing

   const renderModel = new RenderPass( scene, camera );
   const effectBloom = new BloomPass( 0.75 );
   const effectFilm = new FilmPass();

   effectFocus = new ShaderPass( FocusShader );

   effectFocus.uniforms[ 'screenWidth' ].value = window.innerWidth * window.devicePixelRatio;
   effectFocus.uniforms[ 'screenHeight' ].value = window.innerHeight * window.devicePixelRatio;

   const outputPass = new OutputPass();

   composer = new EffectComposer( renderer );

   composer.addPass( renderModel );
   composer.addPass( effectBloom );
   composer.addPass( effectFilm );
   composer.addPass( effectFocus );
   composer.addPass( outputPass );

   //stats
   stats = new Stats();
   container.appendChild( stats.dom );

   window.addEventListener( 'resize', onWindowResize );

}
相关推荐
差点GDP3 小时前
模拟请求测试 Fake Rest API Test
前端·网络·json
酒尘&4 小时前
Hook学习-上篇
前端·学习·react.js·前端框架·react
虹科Pico汽车示波器4 小时前
汽车免拆诊断案例 | 2021款一汽奔腾B70车蓄电池经常亏电
汽车·汽车示波器·can总线·寄生电流·偶发故障·一汽奔腾·汽车漏电
houyhea4 小时前
从香港竹脚手架到前端脚手架:那些"借来"的发展智慧与安全警示
前端
哈哈~haha4 小时前
Step 14: Custom CSS and Theme Colors 自定义CSS类
前端·css·ui5
Ndmzi4 小时前
Matlab编程技巧:自定义Simulink菜单(理解补充)
前端·javascript·python
我命由我123455 小时前
VSCode - VSCode 修改文件树缩进
前端·ide·vscode·前端框架·编辑器·html·js
SoaringHeart5 小时前
Flutter组件封装:验证码倒计时按钮 TimerButton
前端·flutter
San30.5 小时前
深入理解 JavaScript OOP:从一个「就地编辑组件」看清封装、状态与原型链
开发语言·前端·javascript·ecmascript
AAA阿giao6 小时前
JavaScript 原型与原型链:从零到精通的深度解析
前端·javascript·原型·原型模式·prototype·原型链