Модераторы: Sardar, Aliance

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> "Футбол" на JS, Простенькая, игрушка 
:(
    Опции темы
Dima 2015
Дата 17.3.2008, 01:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 287
Регистрация: 16.3.2008
Где: SPb

Репутация: нет
Всего: 2



Доброго дня господа программисты.

http://ordinators.ru/?page=football

enjoy! smile

Ничего наверно особенного с точки зрения программирования. Просто отучился на курсах по основам JS, решил так сказать для закрепления, вот вроде вышло что-то даже работающее smile

Можно даже поиграть, я вот лично на харде больше 10ти пока не набирал...

П.С. Иногда под ИЕ не останавливается само по истечение отведенного времени, хз почему. Если вдруг кто просветит - буду весьма признателен.

Черт.. код не влезает на страницу, говорит что пост слишком большой :(
А так мне понравилась на этом форуме идея с оформлением кода... smile
Ну если кому надо будет код, скину. Там его выцеплять из контента сайта мало приятно.

Это сообщение отредактировал(а) Dima 2015 - 17.3.2008, 01:40
PM MAIL ICQ   Вверх
Dima 2015
Дата 22.3.2008, 01:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 287
Регистрация: 16.3.2008
Где: SPb

Репутация: нет
Всего: 2



Что-то тихо... не понравилось? :(

Али не смотрел никто...
PM MAIL ICQ   Вверх
AKS
Дата 22.3.2008, 10:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Участник форума
**


Профиль
Группа: Участник
Сообщений: 725
Регистрация: 20.9.2006

Репутация: 2
Всего: 52



Цитата(Dima 2015 @  22.3.2008,  01:18 Найти цитируемый пост)
Али не смотрел никто...

А куда (или на что) смотреть? Раздел-то посвящен скриптам. Поэтому сюда заглядывают те, кто интересуется разработкой, а не те, кому хочется глазеть (и радоваться) на визуальные эффекты, "гуляя" по ссылкам.
Опубликуете код (неважно где) - получите комментарии.


Это сообщение отредактировал(а) AKS - 22.3.2008, 10:31
PM MAIL   Вверх
Platon
Дата 22.3.2008, 18:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1801
Регистрация: 25.4.2006

Репутация: нет
Всего: 40



Зачем же так жестоко, футбол посмотрел, нормально работает, правда больше раза играть не тянет smile
PM MAIL ICQ   Вверх
Dima 2015
Дата 23.3.2008, 21:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 287
Регистрация: 16.3.2008
Где: SPb

Репутация: нет
Всего: 2



AKS, будем знать smile
PM MAIL ICQ   Вверх
dimcat
Дата 24.3.2008, 12:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 64
Регистрация: 15.5.2007

Репутация: нет
Всего: нет



Код

Ну если кому надо будет код, скину. 

Я бы с удовольствием посмотрел на код. Мне понадобится нечто подобное - именно движение картинок. 
PM MAIL   Вверх
Dima 2015
Дата 25.3.2008, 02:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 287
Регистрация: 16.3.2008
Где: SPb

Репутация: нет
Всего: 2



Цитата

Я бы с удовольствием посмотрел на код.



dimcathttp://ordinators.ru/uploads/football_release.html - вот, тут это сделать намного проще. Для реализации движения я ничего умнее не придумал, как периодическое изменение стилевого атрибута left у элемента <div>, содержащего в себе картинку с мячиком:

Код

function ball_left(){                                                                    // Функция движения мяча влево
        if (ball_x == left_border){                                                        // Реализуем отражение от левой стенки.
        /*Тут важно учитывать что проверяется именно равенство! Т.е. шаг stap должен быть таким, чтобы приводить от начальной 
            точки движения ровно в край*/
            document.getElementById('my_div').style.left = ball_x + 150;
            ball_x = ball_x + 150;
        }
        else {
            document.getElementById('my_div').style.left = ball_x - stap;
            ball_x = ball_x - stap;
        }
}


function random_walk_easy(){                                                // функция, реализующая перемещение блока в опред. направлении с
    //Движение мячика:                                                            // определенной вероятностью
    rnd_ball = Math.random();
    if (rnd_ball <= rnd_1) {
        ball_left();
    }
    else {
        ball_right();
    }        

    //Движение ворот: (реализовано независимо от движения мяча, возможен вариант реализации движения в противофазе)
    rnd_gate = Math.random();
    if (rnd_gate <= rnd_2) {
        gate_right();
    }
    else {
        gate_left();
    }
    timeID = setTimeout('random_walk_easy()', period);
    n++;                                                                    // счетчик, также это показатель запущена ли фунцкия. Если он 0 - ф-ция не запущена.
    document.getElementById('сounter').innerHTML = n;
    return false;
}




Код

<!--Блок с мячем-->
<div id="my_div" onmouseover="cick()" style="align:center; position:absolute; top:400px; left:735px; height:30; width:30;">
<img src="http://ordinators.ru/uploads/ball.gif" width="40" height="40">
</div>


Вот то, что отвечает за движение...
PM MAIL ICQ   Вверх
ksnk
Дата 25.3.2008, 07:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 2
Всего: 386



Dima 2015, У игрушки есть одно неоспоримое преимущество - она работает smile Что, впрочем, местами вызывает удивление. Мне казалось, что конструкция
Код

document.getElementById('my_div').style.left = ball_x - stap; // нужно еще +'px'

без дополнения в комментариях работать не должна... Во всяком случае, не везде...

И еще... Вот такой перл 
Код

    rnd_1 = Math.round(Math.random());
    if (rnd_1 == 1){
        rnd_1 = 0;    
    }
    else {
        rnd_1= 1;
    }
    rnd_2 = Math.round(Math.random());
    if (rnd_2 == 1){
        rnd_2 = 0;    
    }
    else {
        rnd_2= 1;
    }

оставил у меня странное чувство  smile 


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Dima 2015
Дата 29.3.2008, 19:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 287
Регистрация: 16.3.2008
Где: SPb

Репутация: нет
Всего: 2



ksnk, про px знаю, но на сколько мне известно это бага исключительно ИЕ и исключительно для свойства font-Size, могу правда ошибаться. Однако тут точно работает smile

Цитата

И еще... Вот такой перл 
оставил у меня странное чувство  


Справедливо замечено. Эта ф-ция призвана сглаживать случайные движения мячика. Когда-то она была жутко сложной, если не ошибаюсь в ней участвовало аж 3 независимых случайных числа и конструкция была еще более ужасающей. Потом оно все было упрощено до безобразия по логике, а запутанный внешний вид оставлен как памятник некогда имевшейся сложности : )))))
PM MAIL ICQ   Вверх
SelenIT
Дата 4.4.2008, 02:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 1
Всего: 401



Цитата(ksnk @  25.3.2008,  07:25 Найти цитируемый пост)
без дополнения в комментариях работать не должна... Во всяком случае, не везде...

В IE, насколько мне известно, всегда, в FF (и в других, по-видимому) - исключительно в Quirks mode. Что работает - это, конечно, бага (с точки зрения спецификации), но одновременно и дань традиции smile

Цитата(Dima 2015 @  29.3.2008,  19:45 Найти цитируемый пост)
Потом оно все было упрощено до безобразия по логике

Насчет безобразия согласен, насчет упрощения поспорю ;). Во-первых, конструкция
Цитата(ksnk @  25.3.2008,  07:25 Найти цитируемый пост)
    if (rnd_1 == 1){
        rnd_1 = 0;    
    }
    else {
        rnd_1= 1;
    }

при условии, что переменная принимает значение 0 или 1, абсолютно эквивалентна rnd_1 = 1 - rnd_1, а во-вторых... много ли толку от такой перинверсии, если единица и ноль на выходе все равно случайны и равновероятны? smile 


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Dima 2015
Дата 4.4.2008, 23:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 287
Регистрация: 16.3.2008
Где: SPb

Репутация: нет
Всего: 2



Цитата

много ли толку от такой перинверсии, если единица и ноль на выходе все равно случайны и равновероятны?



SelenIT, ровным счетом никакого, а я и не претендую : )))))))
PM MAIL ICQ   Вверх
sergejzr
Дата 4.4.2008, 23:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: нет
Всего: 360



Прикольно, мне понравилось smile


--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
Dima 2015
Дата 25.5.2008, 06:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 287
Регистрация: 16.3.2008
Где: SPb

Репутация: нет
Всего: 2



sergejzr, моя старайся smile

Ща вот еще одну смастерил http://ordinators.ru/uploads/Plate_Shooter.html
PM MAIL ICQ   Вверх
NormIridium
Дата 30.6.2008, 14:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 15
Регистрация: 30.6.2008

Репутация: нет
Всего: нет



Цитата(Dima 2015 @  25.5.2008,  06:19 Найти цитируемый пост)
Ща вот еще одну смастерил http://ordinators.ru/uploads/Plate_Shooter.html


2760 очков smile  smile 
PM MAIL   Вверх
Dima 2015
Дата 1.7.2008, 03:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 287
Регистрация: 16.3.2008
Где: SPb

Репутация: нет
Всего: 2



NormIridium, я 4к набирал  smile 
PM MAIL ICQ   Вверх
Ответ в темуСоздание новой темы Создание опроса
Здесь публикуют скрипты, которые уже проверены в обсуждениях других тем (при этом полезно поставить ссылки на все смежные обсуждения) или переносятся кем-либо из модераторов по просьбе участников, если видно, что в результате обсуждения темы был написан полезный или интересный скрипт. Третий возможный вариант - участник форума публикует скрипт, заведомо известный как полезный и эффективный, для, возможно, небольшой доработки и обсуждения.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Наши скрипты | Следующая тема »


 




[ Время генерации скрипта: 0.1299 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.