Форум программистов, компьютерный форум, киберфорум
jQuery
Форум программистов и сисадминов Киберфорум > Форум web-программистов > JavaScript > jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
0 / 0 / 0
Регистрация: 29.02.2012
Сообщений: 5

Надо доработать навигацию jquery слайдера

29.02.2012, 19:48. Показов 1437. Ответов 9
Метки нет (Все метки)
Студворк — интернет-сервис помощи студентам
Собираюсь поставить у себя на сайте слайдер контента. С яваскриптом не дружу. Нашел в интернете один, поему мнению, простенький jquery скрипт, но его надо немного модифицировать.
Вот, архив со скриптом slide.zip
Надо сделать так, чтобы навигация осуществлялась по ссылкам “Назад” и “Вперед”, а цифры остались только для индикации положения слайдера и были без ссылок.
Вот, html разметка:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />               
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
        <script type="text/javascript" src="slide.js"></script>     
        <title>Слайдер</title>               
        <style>         
            #block {
                width: 688px;
                height: 200px;
                overflow: hidden;
                margin: 50px auto 20px auto;
                border: 4px solid #175B53;
            }       
            #slider {
                position:relative;
            }
            .slider_content {
                width: 150px;
                height: 154px;
                margin: 10px 10px;
                line-height: 154px;
                border: 1px solid #557EEF;
                float: left;
                position: relative;
                text-align: center;
            }
            .inslider a {
                text-decoration:none;
            }
            .contentholder {
                height: 200px; 
                width: 172px;
                overflow: visible;
                position: relative;
            }
            .contentslider {
                position: absolute;
                top: 10px; 
                left: 0;
            }
            .contentnav {
                text-align: center;
            }
            .contentnav a {
                text-decoration: none;
                background-color: #D1FFD2;
                padding: 0 7px;
            }
            .contentnav a.active {
                background-color: #FFEE7E;
            }
            .other_nav {
                text-align: center;
            }
        </style>        
    </head>
 
    <body>
    
        <div id='block'>
            <!-- Контент слайдера -->
            <div class="contentholder">                 
                <div class="contentslider">                 
                    <div class="slider_content">
                        Какой то текст 1
                    </div>                      
                    <div class="slider_content">
                        Какой то текст 2
                    </div>                  
                    <div class="slider_content">
                        Какой то текст 3
                    </div>
                    <div class="slider_content">
                        Какой то текст 4
                    </div>                      
                    <div class="slider_content">
                        Какой то текст 5
                    </div>                  
                    <div class="slider_content">
                        Какой то текст 6
                    </div>
                    <div class="slider_content">
                        Какой то текст 7
                    </div>                  
                    <div class="slider_content">
                        Какой то текст 8
                    </div>
                </div>                      
            </div>
        </div>
        
        <!-- Навигация слайдера -->
        <div class="contentnav">
            <a rel="1" href="#">1</a>
            <a rel="2" href="#">2</a>
            <a rel="3" href="#">3</a>
            <a rel="4" href="#">4</a>
            <a rel="5" href="#">5</a>
        </div>
        
        <div class="other_nav"> <a href="#">Назад<a/> <a href="#">Вперед<a/> </div>
        
    </body> 
</html>
Вот, текст jquery скрипта:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

$(document).ready(function() {
//Активизируем первую ссылку
$(".contentnav a:first").addClass("active");
//Ширина площади одной страницы
var contentwidth = $(".contentholder").width();
//Обще количество страниц
var totalcontent = $(".slider_content").size();
//Общая ширина всего контента (всех страниц)
var allcontentwidth = contentwidth * totalcontent;
//Проскальзывание контента устанавливаем на ширину, которую получили выше
$(".contentslider").css({'width' : allcontentwidth});
//Теперь пишем новую функцию для проскальзывания и навигации
rotate = function(){
//Количество раз, на которое надо прокрутить контент
var slideid = $active.attr("rel") - 1;
//Устанавливаем дистанцию, на которую происходит единичная прокрутка
var slidedistance = slideid * contentwidth;
//Удаляем активный класс
$(".contentnav a").removeClass('active');
//Добавляем активный класс
$active.addClass('active');
//Анимация проскальзывания
$(".contentslider").animate({
        left: -slidedistance
    }, 700 );
}; 
 
//Устанавливаем время для проведения проскальзывания
rotation = function(){
play = setInterval(function(){
//Навигация следующего слайда
$active = $('.contentnav a.active').next();
if ( $active.length === 0) {
//Перемещаемся к первому слайду в навигации
$active = $('.contentnav a:first');
}
rotate();
//Таймер устанавливаем на 5 сек
}, 15000);
};
//Запускаем функцию вращения
rotation();
$(".contentnav a").click(function() {
$active = $(this);
clearInterval(play);
rotate();
rotation();
return false;
});
});
Пожалуйста помогите мне решить эту задачу!
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
 29.02.2012, 19:48
Ответы с готовыми решениями:

Циклическая прокрутка слайдера / jQuery
Здравствуйте! Как сделать циклическую прокрутку слайдера? То есть если у меня X слайдов, то нужно чтобы после последнего слайда -...

Эффект перехода для слайдера на jQuery
подскажите пожалуйста как можно реализовать на jquery анимационный эффект перехода для слайдера как на этом сайте -...

Как установить плагин слайдера jQuery
С jQuery никогда не сталкивался, но тут понадобилось установить, так как сам слайдер очень прикольный. Вот сам...

9
 Аватар для suharik
261 / 247 / 57
Регистрация: 03.09.2010
Сообщений: 805
01.03.2012, 13:36
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

$(document).ready(function() {
$(".contentnav a").click(function() {
return false;
}
//Активизируем первую ссылку
$(".contentnav a:first").addClass("active");
//Ширина площади одной страницы
var contentwidth = $(".contentholder").width();
//Обще количество страниц
var totalcontent = $(".slider_content").size();
//Общая ширина всего контента (всех страниц)
var allcontentwidth = contentwidth * totalcontent;
//Проскальзывание контента устанавливаем на ширину, которую получили выше
$(".contentslider").css({'width' : allcontentwidth});
//Теперь пишем новую функцию для проскальзывания и навигации
 
rotate = function(){
//Количество раз, на которое надо прокрутить контент
var param = $active.attr("rel");
if (param =="prev"){
var slideid = $('.contentnav a.active').attr("rel") - 1;
}else{
var slideid = $('.contentnav a.active').attr("rel") + 1;
}
//Устанавливаем дистанцию, на которую происходит единичная прокрутка
var slidedistance = slideid * contentwidth;
//Удаляем активный класс
$(".contentnav a").removeClass('active');
//Добавляем активный класс
$active.addClass('active');
//Анимация проскальзывания
$(".contentslider").animate({
        left: -slidedistance
    }, 700 );
}; 
 
//Устанавливаем время для проведения проскальзывания
rotation = function(){
play = setInterval(function(){
//Навигация следующего слайда
$active = $('.contentnav a.active').next();
if ( $active.length === 0) {
//Перемещаемся к первому слайду в навигации
$active = $('.contentnav a:first');
}
rotate();
//Таймер устанавливаем на 5 сек
}, 15000);
};
 
//Запускаем функцию вращения
rotation();
$(".other_nav a").click(function() {
$active = $(this);
clearInterval(play);
rotate();
rotation();
return false;
});
});
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
        <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />                           
                <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
                <script type="text/javascript" src="slide.js"></script>         
                <title>Слайдер</title>                          
                <style>                 
                        #block {
                                width: 688px;
                                height: 200px;
                                overflow: hidden;
                                margin: 50px auto 20px auto;
                                border: 4px solid #175B53;
                        }               
                        #slider {
                                position:relative;
                        }
                        .slider_content {
                                width: 150px;
                                height: 154px;
                                margin: 10px 10px;
                                line-height: 154px;
                                border: 1px solid #557EEF;
                                float: left;
                                position: relative;
                                text-align: center;
                        }
                        .inslider a {
                                text-decoration:none;
                        }
                        .contentholder {
                                height: 200px; 
                                width: 172px;
                                overflow: visible;
                                position: relative;
                        }
                        .contentslider {
                                position: absolute;
                                top: 10px; 
                                left: 0;
                        }
                        .contentnav {
                                text-align: center;
                        }
                        .contentnav a {
                                text-decoration: none;
                                background-color: #D1FFD2;
                                padding: 0 7px;
                        }
                        .contentnav a.active {
                                background-color: #FFEE7E;
                        }
                        .other_nav {
                                text-align: center;
                        }
                </style>                
        </head>
 
        <body>
        
                <div id='block'>
                        <!-- Контент слайдера -->
                        <div class="contentholder">                                     
                                <div class="contentslider">                                     
                                        <div class="slider_content">
                                                Какой то текст 1
                                        </div>                                          
                                        <div class="slider_content">
                                                Какой то текст 2
                                        </div>                                  
                                        <div class="slider_content">
                                                Какой то текст 3
                                        </div>
                                        <div class="slider_content">
                                                Какой то текст 4
                                        </div>                                          
                                        <div class="slider_content">
                                                Какой то текст 5
                                        </div>                                  
                                        <div class="slider_content">
                                                Какой то текст 6
                                        </div>
                                        <div class="slider_content">
                                                Какой то текст 7
                                        </div>                                  
                                        <div class="slider_content">
                                                Какой то текст 8
                                        </div>
                                </div>                                          
                        </div>
                </div>
                
                <!-- Навигация слайдера -->
                <div class="contentnav">
                        <a rel="1" href="#">1</a>
                        <a rel="2" href="#">2</a>
                        <a rel="3" href="#">3</a>
                        <a rel="4" href="#">4</a>
                        <a rel="5" href="#">5</a>
                </div>
                
                <div class="other_nav"> <a href="#" rel="prev">Назад<a/> <a href="#" rel="next">Вперед<a/> </div>
                
        </body> 
</html>
Попробуй так, что он скажет я просто не проверял.
0
0 / 0 / 0
Регистрация: 29.02.2012
Сообщений: 5
02.03.2012, 00:37  [ТС]
Начало есть, но работает неправильно
Раньше было:
Демонстрация до внесенных изменений
Теперь:
Демонстрация после внесенных изменений
0
 Аватар для suharik
261 / 247 / 57
Регистрация: 03.09.2010
Сообщений: 805
02.03.2012, 10:27
Эх, придется себе ставить на комп) Сейчас ггляну
0
0 / 0 / 0
Регистрация: 29.02.2012
Сообщений: 5
02.03.2012, 10:58  [ТС]
О, давай, давай!!!
Только там в html разметке надо подправить неправильные закрывающиеся теги ссылок:
С:
HTML5
1

<div class="other_nav"> <a href="#" rel="prev">Назад<a/> <a href="#" rel="next">Вперед<a/> </div>
На:
HTML5
1

<div class="other_nav"> <a href="#" rel="prev">Назад</a> <a href="#" rel="next">Вперед</a> </div>
А в вашем доработаном яваскрипте я так понял не хватает скобки с точкой с запятой после }
JavaScript
1
2
3

$(".contentnav a").click(function() {
return false;
}
Вторая демонстрация была сделана с этими поправками:
Начало есть, но работает неправильно
Раньше было:
Демонстрация до внесенных изменений
Теперь:
Демонстрация после внесенных изменений
0
 Аватар для suharik
261 / 247 / 57
Регистрация: 03.09.2010
Сообщений: 805
02.03.2012, 12:45
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80

$(document).ready(function() {
$(".contentnav a").click(function() {
return false;
});
//Активизируем первую ссылку
$(".contentnav a:first").addClass("active");
//Ширина площади одной страницы
var contentwidth = $(".contentholder").width();
//Обще количество страниц
var totalcontent = $(".slider_content").size();
//Общая ширина всего контента (всех страниц)
var allcontentwidth = contentwidth * totalcontent;
//Проскальзывание контента устанавливаем на ширину, которую получили выше
$(".contentslider").css({'width' : allcontentwidth});
//Теперь пишем новую функцию для проскальзывания и навигации
rotate = function(param){
 
/*if (param =="click"){
 var rota = $q.attr('rel');
 if(rota="next"){
var slideid = $('.contentnav a.active').attr("rel");
slideid = + slideid+1;
}else{
var slideid = $('.contentnav a.active').attr("rel");
slideid =  slideid-1;
}
}else{*/
var slideid = $active.attr("rel") - 1;
//}
//Количество раз, на которое надо прокрутить контент
//var slideid = $active.attr("rel") - 1;
//Устанавливаем дистанцию, на которую происходит единичная прокрутка
var slidedistance = slideid * contentwidth;
//Удаляем активный класс
$(".contentnav a").removeClass('active');
//Добавляем активный класс
$active.addClass('active');
//Анимация проскальзывания
$(".contentslider").animate({
        left: -slidedistance
    }, 700 );
}; 
 
//Устанавливаем время для проведения проскальзывания
rotation = function(){
play = setInterval(function(){
//Навигация следующего слайда
$active = $('.contentnav a.active').next();
if ( $active.length === 0) {
//Перемещаемся к первому слайду в навигации
$active = $('.contentnav a:first');
}
rotate();
//Таймер устанавливаем на 5 сек
}, 15000);
};
//Запускаем функцию вращения
rotation();
$(".other_nav a").click(function() {
$q = $(this);
 var rota = $q.attr('rel');
  if(rota == 'next'){
$active = $('.contentnav a.active').next();
if ( $active.length === 0) {
//Перемещаемся к первому слайду в навигации
$active = $('.contentnav a:first');
}
}else{
$active = $('.contentnav a.active').prev();
if ( $active.length === 0) {
//Перемещаемся к первому слайду в навигации
$active = $('.contentnav a:first');
}
}
clearInterval(play);
rotate('click');
rotation();
return false;
});
});
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />               
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
        <script type="text/javascript" src="slide.js"></script>     
        <title>Слайдер</title>               
        <style>         
            #block {
                width: 688px;
                height: 200px;
                overflow: hidden;
                margin: 50px auto 20px auto;
                border: 4px solid #175B53;
            }       
            #slider {
                position:relative;
            }
            .slider_content {
                width: 150px;
                height: 154px;
                margin: 10px 10px;
                line-height: 154px;
                border: 1px solid #557EEF;
                float: left;
                position: relative;
                text-align: center;
            }
            .inslider a {
                text-decoration:none;
            }
            .contentholder {
                height: 200px; 
                width: 172px;
                overflow: visible;
                position: relative;
            }
            .contentslider {
                position: absolute;
                top: 10px; 
                left: 0;
            }
            .contentnav {
                text-align: center;
            }
            .contentnav a {
                text-decoration: none;
                background-color: #D1FFD2;
                padding: 0 7px;
            }
            .contentnav a.active {
                background-color: #FFEE7E;
            }
            .other_nav {
                text-align: center;
            }
        </style>        
    </head>
 
    <body>
    
        <div id='block'>
            <!-- Контент слайдера -->
            <div class="contentholder">                 
                <div class="contentslider">                 
                    <div class="slider_content">
                        Какой то текст 1
                    </div>                      
                    <div class="slider_content">
                        Какой то текст 2
                    </div>                  
                    <div class="slider_content">
                        Какой то текст 3
                    </div>
                    <div class="slider_content">
                        Какой то текст 4
                    </div>                      
                    <div class="slider_content">
                        Какой то текст 5
                    </div>                  
                    <div class="slider_content">
                        Какой то текст 6
                    </div>
                    <div class="slider_content">
                        Какой то текст 7
                    </div>                  
                    <div class="slider_content">
                        Какой то текст 8
                    </div>
                </div>                      
            </div>
        </div>
        
        <!-- Навигация слайдера -->
        <div class="contentnav">
            <a rel="1" href="#">1</a>
            <a rel="2" href="#">2</a>
            <a rel="3" href="#">3</a>
            <a rel="4" href="#">4</a>
            <a rel="5" href="#">5</a>
        </div>
        
        <div class="other_nav"> <a href="#" rel="prev">Назад</a> <a href="#" rel="next">Вперед</a> </div>
        
    </body> 
</html>
Пользуйся
1
0 / 0 / 0
Регистрация: 29.02.2012
Сообщений: 5
02.03.2012, 17:27  [ТС]
Огромное спасибо!!!

Я его немного подкорректировал и у меня появилась еще одна небольшая просьба. А можно ли сделать так, чтобы, когда слайдер находится в положении 1 ссылка "назад" ставала неактивной, а когда в положении 5, то ссылка "вперед" ставала неактивной. И изображения этих ссылок менялись, например:
с
Название: arrow_left.png Просмотров: 171 Размер: 850 байт Название: arrow_right.png Просмотров: 173 Размер: 849 байт
на
Название: left.png Просмотров: 172 Размер: 800 байт Название: right.png Просмотров: 172 Размер: 799 байт

Вот slider.zip. Выручайте!
0
 Аватар для suharik
261 / 247 / 57
Регистрация: 03.09.2010
Сообщений: 805
02.03.2012, 17:29
Давайте вечером. Сейчас никак немогу.
0
0 / 0 / 0
Регистрация: 29.02.2012
Сообщений: 5
05.03.2012, 12:35  [ТС]
suharik, ну что, вы смотрели?
0
 Аватар для suharik
261 / 247 / 57
Регистрация: 03.09.2010
Сообщений: 805
05.03.2012, 17:24
Смотрел, но пока к сожалению времени нет. Там не быстро делается.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
 05.03.2012, 17:24
Помогаю со студенческими работами здесь

Не работают 2 слайдера Jquery на одной странице
Всем привет! Кто нибудь может помочь с решение проблемы? Нашёл для себя 2 отдельных слайдера, переделал их полностью под себя каждый в...

Надо упростить функцию в Jquery
&lt;div class=&quot;hideCont&quot;&gt; &lt;div id=&quot;zg1&quot; class=&quot;headline&quot; onclick=&quot;$('#hideCont2').slideToggle('normal'); return false;&quot;&gt; Блок1 &lt;/div&gt; ...

Надо сделать меню, нужны знания jquery
Помогите,проблема такая: Мне нужно чтоб меню не было фиксированым,но при скроле div оно(меню) ставало фиксированым и имело background ...

Доработать навигацию на php
Доброе время суток! Вот наткнулся в ютьюбе, на видео урок, по созданию навигации по сайту, автор Дмитрий Валак. В его видео уроки, я так и...

Оформление слайдера jquery ui
Здравствуйте. Может кто подсказать, как сделать, как исправить? Оформляю слайдер на jquery ui, сама кнопка вылазит за пределы фона...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru