Форум

avrudoi · #1 (**permalink**) 14.01.2014, 16:10

подскажите как перевести на русский язык object.scale.x = Math.random() * 2 + 1; я так понимаю что это маштабирование. но никак не понимаю как оно работает в этой функции из примера, http://mrdoob.github.io/three.js/exa...ive_cubes.html

var geometry = new THREE.CubeGeometry( 100, 100, 100 );

for ( var i = 0; i < 10; i ++ ) {

var object = new THREE.Mesh( geometry, new THREE.MeshBasicMaterial( { color: Math.random() * 0xffffff, opacity: 0.5 } ) );
object.position.x = Math.random() * 800 - 400;//позиция по х
object.position.y = Math.random() * 800 - 400;// позиция по y
object.position.z = Math.random() * 800 - 400;// позиция по z

object.scale.x = Math.random() * 2 + 1;// маштабирование по x
object.scale.y = Math.random() * 2 + 1;// маштабирование по y
object.scale.z = Math.random() * 2 + 1;// маштабирование по z

object.rotation.x = Math.random() * 2 * Math.PI;
object.rotation.y = Math.random() * 2 * Math.PI;
object.rotation.z = Math.random() * 2 * Math.PI;

scene.add( object );

objects.push( object );

}

avrudoi · #2 (**permalink**) 14.01.2014, 16:16

Еще непонятно в этой функции objects.push( object );

kostyanet · #3 (**permalink**) 14.01.2014, 19:04

Летают разноцветные полупрозрачные кубы. objects. Метафорический трехмерный hello world на вебе. Чем баловались энтузиасты 3DS 20 лет назад, теперь балуются веб-дизайнеры.

objects скорее всего сохраняется для щелчков.

avrudoi · #4 (**permalink**) 14.01.2014, 21:25

стихи это хорошо а по точнее, есть информация.

avrudoi · #5 (**permalink**) 14.01.2014, 21:37

objects.push( object ); с этим понятно

alexan0308 · #6 (**permalink**) 14.01.2014, 21:54

Сообщение от avrudoi

подскажите как перевести на русский язык

object.scale.x = Math.random() * 2 + 1;

длину объекта растянуть вдоль оси x случайным образом не менее, чем в один раз, но не более, чем в три раза

рони · #7 (**permalink**) 14.01.2014, 22:13

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <style type="text/css">
  div{
    width: 100px;
    height: 100px;
    display: inline-block;
  }

  </style>
</head>

<body>
<script>
for (var i=0; i<7; i++)  {
   var object = document.createElement( 'div' );
   object.style.background = '#' + Math.floor( Math.random() * 16777215 ).toString( 16 ) ;
   object.scale = {};
   object.scale.x  = Math.random() * 2 + 1;
   object.style.transform = 'scaleX('+object.scale.x+')';
   object.style.WebkitTransform = 'scaleX('+object.scale.x+')';
   document.body.appendChild( object );
}
</script>
</body>

</html>

avrudoi · #8 (**permalink**) 15.01.2014, 00:19

ясно

Форум

Справочник

Discord чат

Курсы javascript