HTML5 — Вопрос - ответ

MajorMilizii · **Добавлено:** Пт дек 01, 2017 7:50 am

Swer писал(а):

MajorMilizii писал(а):

вообще зачем здесь ob?

ob нужен для создания замыкания в функциях.
К примеру

Код:

var game = {};
game.initObjects = function(){
   game.a = {
      name:"Name A",
      getName:function(){ console.log( game.a.name); }
   }
   game.b = {
      name:"Name B",
      getName:function(){ console.log( game.b.name); }
   }
};
game.initObjects();
game.a.getName(); // output Name A
var n = game.a;
game.a = game.b;
n.getName();         // output Name B

Это не то что нужно , потому что в последней строке должно быть - output Name A .
Можно сделать так

Код:

var game = {};
game.initObjects = function(){
   game.a = game.CA("Name A");
   game.b = game.CA("Name B");
   game.c = game.CA("Name C");
};
game.CA = function( namee ){
   var ob = {
      name:namee,
      getName:function(){ console.log( ob.name); }
   }
   return ob;
};

game.initObjects();
game.a.getName(); // output Name A
var n = game.a;
game.a = game.b;
n.getName(); // output Name A

здесь всё как надо, но у меня в game.initObjects создаётся много разных объектов , а делать для каждого отдельную функцию я бы не хотел. Нужно это для того, чтобы я мог, к примеру, сделать так -

Код:

[game.b.getName][0](); // output Name B

твой пример проще всего

var game = {};
game.initObjects = function()
{
game.a = new game.CA("Name A");
game.b = new game.CA("Name B");
game.c = new game.CA("Name C");
};
game.CA = function( namee )
{
var name=namee;
this.getName=function(){console.log(name);}
};
game.initObjects();
game.a.getName();
game.b.getName();
game.c.getName();

Swer · **Добавлено:** Пт дек 01, 2017 10:00 am

MajorMilizii писал(а):

твой пример проще всего

Незнаю может я неправильно объяснил

К примеру можно сделать так

Код:

var game = {};
game.initObjects = function(){
   game.a = game.createA();
   game.b = game.createB();
};
game.createA = function(){
   var b = {}; 
   b.name = "createA";
   b.getName = function(){console.log(b.name );}
   return b;
};
game.createB= function(){
   var b = {}; 
   b.name = "createB";
   b.getName = function(){console.log(b.name );}
   return b;
};
game.initObjects();
var n = game.a;
[n.getName][0](); // output createA 
game.a = game.b;
[n.getName][0](); // output createA

Всё работает как надо - объект записывается в свои же функции,
Но нужно создавать дополнительные функции - createA, createB.
Я бы хотел сделать так

Код:

var game = {};
game.initObjects = function(){
   var b;
   b = game.a ={
        name:"createA",
        getName:function(){console.log(b.name );}
   };
   b = game.b ={
        name:"createB",
        getName:function(){console.log(b.name );}
   };
};
game.initObjects();
[game.a.getName][0](); // output createB - неправильно

так не получается,
и так не получится -

Код:

var game = {};
game.initObjects = function(){
   game.a ={
        name:"createA",
        getName:function(){console.log(game.a.name );}
   };
   game.b ={
        name:"createB",
        getName:function(){console.log(game.b.name );}
   };
};
game.initObjects();
var n = game.a;
[n.getName][0](); // output createA 
game.a = game.b;
[n.getName][0](); // output createB - неправильно

Вот вопрос в том можно ли всё зпихнуть в одну функцию, не создавая дополнительных функций для создания объектов ?

MajorMilizii · **Добавлено:** Пт дек 01, 2017 10:44 am

Swer писал(а):

MajorMilizii писал(а):

твой пример проще всего

Незнаю может я неправильно объяснил

К примеру можно сделать так

Код:

var game = {};
game.initObjects = function(){
   game.a = game.createA();
   game.b = game.createB();
};
game.createA = function(){
   var b = {}; 
   b.name = "createA";
   b.getName = function(){console.log(b.name );}
   return b;
};
game.createB= function(){
   var b = {}; 
   b.name = "createB";
   b.getName = function(){console.log(b.name );}
   return b;
};
game.initObjects();
var n = game.a;
[n.getName][0](); // output createA 
game.a = game.b;
[n.getName][0](); // output createA

Всё работает как надо - объект записывается в свои же функции,
Но нужно создавать дополнительные функции - createA, createB.
Я бы хотел сделать так

Код:

var game = {};
game.initObjects = function(){
   var b;
   b = game.a ={
        name:"createA",
        getName:function(){console.log(b.name );}
   };
   b = game.b ={
        name:"createB",
        getName:function(){console.log(b.name );}
   };
};
game.initObjects();
[game.a.getName][0](); // output createB - неправильно

так не получается,
и так не получится -

Код:

var game = {};
game.initObjects = function(){
   game.a ={
        name:"createA",
        getName:function(){console.log(game.a.name );}
   };
   game.b ={
        name:"createB",
        getName:function(){console.log(game.b.name );}
   };
};
game.initObjects();
var n = game.a;
[n.getName][0](); // output createA 
game.a = game.b;
[n.getName][0](); // output createB - неправильно

Вот вопрос в том можно ли всё зпихнуть в одну функцию, не создавая дополнительных функций для создания объектов ?

у тебя все работает правильно, просто ты думаешь неправильно

Код:

var n = game.a;
[n.getName][0](); // output createA 
 n = game.b;
[n.getName][0](); // output createB

но на мой взгляд лучше, как я уже писал

Код:

var game = {};
game.initObjects = function()
{
game.a = new game.CA("Name A");
game.b = new game.CA("Name B");
game.c = new game.CA("Name C");
};
game.CA = function( namee )
{
var name=namee;
this.getName=function(){console.log(name);}
};
game.initObjects();
game.a.getName();
game.b.getName();
game.c.getName();

Swer · **Добавлено:** Сб мар 17, 2018 6:30 pm

Подскажите в чём разница ?

Код:

var a = -875.23423452;
console.log( Math.trunc( a ) ); //  -875
console.log( a|0 ); // -875

Зачем нужна функция Math.trunc ?

KidWithGun · **Добавлено:** Вс мар 18, 2018 4:12 am

Swer писал(а):

Подскажите в чём разница ?

Код:

var a = -875.23423452;
console.log( Math.trunc( a ) ); //  -875
console.log( a|0 ); // -875

Зачем нужна функция Math.trunc ?

// 1
Math.trunc()
https://developer.mozilla.org/ru/docs/W ... Math/trunc

метод Math.trunc() работает очень просто и прямолинейно: отбрасывает десятичную запятую и все цифры после неё, не обращая внимания на знак аргумента.

// 2
console.log( a|0 ); // -875
знак | это оператор побитовой операции ИЛИ

во-первых, десятичная часть, отбрасывается, если есть, а у нас есть

-875.23423452 -> -875

получаем это
( -875|0 )

дальше числа из десятичного вида представляются в 32-битном виде, но
для простоты я возьму число из 8-битного диапазона, а то придется записывать 32 числа
буру любое число от от 0 до 255, например 42
по аналогии (42 | 0)
переведем 42 и ноль из десятичного в двоичный
произведем операцию ИЛИ

0 | 0 -> 0
0 | 1 -> 1
1 | 0 -> 1
1 | 1 -> 1

42 -> 00101010
0 -> 00000000
--------------
00101010

мы получили 00101010, это результат побитовой операции ИЛИ
а 00101010 это 42
значит результат в десятичном виде это 42

какая будет разница?
1) не многие поймут второй вариант, такое я редко встречаю, это не есть ясный код
2) первый вариант имеет проблему с отсутствием совместимости со многими старыми версиями браузеров, значит у кого-то может крашнуться код

что делать?
использовать полифилл (типо fallback, но не fallback)

например:

Код:

if (!Math.trunc) {
   Math.trunc = function(v) {
      v = +v;
      return (v - v % 1)   ||   (!isFinite(v) || v === 0 ? v : v < 0 ? -0 : 0);
   };
}

но это муторно копировать вставлять, еще нужно быть уверенным, что ты не забыл полифилл для какой-нибудь функции

поэтому проще добавить es-shim.js библиотеку к проекту
https://github.com/es-shims/es5-shim
https://github.com/paulmillr/es6-shim

минус один, лишних поллифилов нагребешь

по-этому если шаришь, то нужно смотреть в сторону Babel.js

KidWithGun · **Добавлено:** Вс мар 18, 2018 4:29 pm

забыл добавить, что для этих результатов, ты можешь использовать метод toFixed, он работает везде

https://developer.mozilla.org/ru/docs/W ... er/toFixed

Код:

var a = -875.23423452;
console.log( a.toFixed() ) // "-875"

Swer · **Добавлено:** Сб дек 15, 2018 6:39 pm

Добрый день.

Подскажите формулу для вычисления длины кривой Безье.
Я хочу сделать равномерную скорость при движении по кривой Безье. Я нашел способ в котором предлагается пробежаться по всем кривым с интервалом t = 0.01 и затем уже рассчитать нужную скорость, но мне кажется
это слишком ресурсоёмкий процесс, есть ли более быстрый способ ?

Megabyte · **Добавлено:** Вс дек 16, 2018 8:57 pm

Знать длинну кровой будет недостаточно. Скорость в центре кривой будет выше чем у ее краев.

Swer · **Добавлено:** Пн дек 17, 2018 12:10 pm

У меня такой способ - есть путь из 4 точек:
1. Считаем все длины - P1 - P2, P2 - P3, P3 - P4, и находим длину пути totalLength;
2. Вычисляем время для каждой кривой timeP1P2 = totalTime * ( P1P2Length / totalLength ); ....
Такой способ не сработает ?
Есть ли более быстрый способ сделать равномерное движение по кривым Безье ?

Swer · **Добавлено:** Пн мар 25, 2019 12:30 pm

Добрый день

.
Может кто знает почему WebGL при пустых шейдерах, и с единственной командой для WebGL на фрэйме :

Код:

program.loop = function(){
        program.gl.clear( program.gl.COLOR_BUFFER_BIT);
   requestAnimationFrame( program.loop );
};

в диспетчере задач показывает GPU = 33% нагрузки. Размер Canvas 800 x 600;
Ещё заметил, если навести курсор мыши на значок другой программы в панели задач ( Windows 10 ) и подождать появления мини-окна программы, то нагрузка вырастает GPU = 50%.

HTML5 — Вопрос - ответ

Кто сейчас на форуме