The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]



"Реализация игры DOOM, использующая для отрисовки только CSS"
Вариант для распечатки  
Пред. тема | След. тема 
Форум Разговоры, обсуждение новостей
Изначальное сообщение [ Отслеживать ]

"Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от opennews (??), 28-Мрт-26, 13:20 
Представлен проект cssDOOM, подготовивший реализацию игры DOOM, использующую для отрисовки только CSS, без применения элемента canvas и WebGL. Всё что выводится на экран, включая спрайты, текстурированные стены, уровни и эффекты, оформлено через стилизованные при помощи CSS элементы ‹div›, размещаемые в 3D-пространстве при помощи CSS-свойств "transform" и"transform-style: preserve-3d". Игровая логика написана на JavaScript, используя в качестве эталона оригинальный код игры DOOM, открытый компанией id Software. Наработки проекта  опубликованы под лицензией GPLv2...

Подробнее: https://www.opennet.me/opennews/art.shtml?num=65090

Ответить | Правка | Cообщить модератору

Оглавление

Сообщения [Сортировка по ответам | RSS]

1. Сообщение от Аноним (1), 28-Мрт-26, 13:20   +2 +/
Ну хоть на что-то современные стандарты годятся
Ответить | Правка | Наверх | Cообщить модератору
Ответы: #9, #20

3. Сообщение от Аноним (3), 28-Мрт-26, 13:22   –2 +/
Ну и жрёт этот монстр, относительно оригинала, поди будь здоров!
Это вам не Doom на тесте беременности.
Ответить | Правка | Наверх | Cообщить модератору
Ответы: #31

4. Сообщение от KALIBR10 (ok), 28-Мрт-26, 13:37   –1 +/
Мир танков бы тоже надо на CSS переписать, а то Wine обновляется а fps не увеличивается
Ответить | Правка | Наверх | Cообщить модератору

5. Сообщение от Скотобаза (?), 28-Мрт-26, 13:50   +9 +/
А помните когда то браузеры показывали сайты и не жрали терабайты памяти?
Ответить | Правка | Наверх | Cообщить модератору
Ответы: #7, #8, #10, #11, #35

6. Сообщение от Аноним (8), 28-Мрт-26, 13:52   +/
В CSS можно как-то повторить поведение details на любом другом тэге? Пихать жабоскрипт ради простого сворачивания кнопки или везде в details всё оборачивать чё-то как-то кринж.
Ответить | Правка | Наверх | Cообщить модератору
Ответы: #44

7. Сообщение от Агл (?), 28-Мрт-26, 13:54   +6 +/
а для всякой фигни был флэш
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #5 Ответы: #22

8. Сообщение от Аноним (8), 28-Мрт-26, 13:55   +2 +/
Никогда такого не было. HTML + CSS + JS - это такой лютый набор костылей, кривых реализаций и отвратительных практик которые потом диктуют что ещё попадёт в "стандарт", что рендерить всё самому в canvas уже не кажется настолько бредовой идеей.
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #5 Ответы: #12, #37

9. Сообщение от Аноним (9), 28-Мрт-26, 13:55   +3 +/
Да, современные стандарты настолько круты что могут запускать игру 1995, года)
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #1

10. Сообщение от Аноним (9), 28-Мрт-26, 14:00   –4 +/
>А помните когда то браузеры показывали сайты и не жрали терабайты памяти

Нет неправда, интернет нельзя было запустить на пк времен Woindows95/98.

И как люди на таких пк с таким интернетом, с такими пк не могли проверять инфоормацию, узнавать что то новое.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #5

11. Сообщение от Аноним (11), 28-Мрт-26, 14:35   –2 +/
Обычно такое пишут молодые любители ностальгии, хоть они тот интернет и не видели в глаза. Зайди на архив, посмотри. Неземное наслаждение смотреть страницы с триллиардом баннеров-гифок, флеш-рекламой во всплывающих окнах и едущей вёрсткой.
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #5 Ответы: #24

12. Сообщение от Аноним (12), 28-Мрт-26, 14:46   +/
Какие существуют альтернативы (хотя бы малоиспользуемые)?
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #8 Ответы: #23

13. Сообщение от Аноним (13), 28-Мрт-26, 14:49   +1 +/
Зашел, тормоза адские, не рекомендую.
Ответить | Правка | Наверх | Cообщить модератору
Ответы: #25, #55

15. Сообщение от Аноним (15), 28-Мрт-26, 15:07   +/
Не тру. Вот RealDOOM это тру.
Ответить | Правка | Наверх | Cообщить модератору

18. Сообщение от Аноним (18), 28-Мрт-26, 15:22   +1 +/
Как же я завидую этим людям! У них столько свободного времени, что они могут этим заниматься...А тут пол жизни прошло, не всегда пос...ать успеваешь.
Ответить | Правка | Наверх | Cообщить модератору

19. Сообщение от Аноним (19), 28-Мрт-26, 15:34   +1 +/
Это враньё. Для отрисовки используется и JS, именно он говорить CSS что и как рисовать. И виртуальная машина на CSS не используется.
Ответить | Правка | Наверх | Cообщить модератору
Ответы: #53

20. Сообщение от Аноним (20), 28-Мрт-26, 15:39   +1 +/
Вообще то CSS разрабатывался (потребляемые ресурсы) на статический просмотр (FPS не критично).
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #1 Ответы: #33, #50

22. Сообщение от Аноним (22), 28-Мрт-26, 16:09   –5 +/
Флэш был слишком быстрый, потому его "убрали".
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #7 Ответы: #41

23. Сообщение от Аноним (22), 28-Мрт-26, 16:11   +/
PDF. И он не сказать что "малоиспользуемые". Внутри pdf - PS, а это посерьёзней будет JS-а. В pdf есть всё: и формы, и интерактивность.  
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #12 Ответы: #27

24. Сообщение от Аноним (22), 28-Мрт-26, 16:15   +/
То ли дело сейчас: страницы с триллиардом баннеров-на-JS-с-WebGL, video-тег-рекламой в плавающих div поверх содержимого, JS-вёрсткой, которая никогда нормально не работает и всё едет, плюс вебсокеты и аякс, конечно, чтобы быстро не могло в теории даже работать.
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #11 Ответы: #36

25. Сообщение от Аноним (22), 28-Мрт-26, 16:16   +/
Современные технологии.
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #13

26. Сообщение от Аноним (26), 28-Мрт-26, 16:19    Скрыто ботом-модератором+/
Ответить | Правка | Наверх | Cообщить модератору
Ответы: #28

27. Сообщение от Аноним (12), 28-Мрт-26, 16:45   +/
Portable document format? Никогда не видел .pdf документа с формами и интерактивностью (без шуток), обычно это текст, изображения и (максимум) гиперссылки в оглавлении. Можно пример такого документа? Вы мне, похоже, Америку сейчас открываете?
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #23 Ответы: #29, #30, #34, #38, #45

28. Сообщение от Аноним (28), 28-Мрт-26, 16:53   +/
1993
https://ru.wikipedia.org/wiki/Doom

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #26

29. Сообщение от Аноним (29), 28-Мрт-26, 17:01   +2 +/
У нас оно не сильно распространено.
А вот во всяких европах и штатах тебе могут принести планшет с пдфной формой, которую ты заполнишь, а потом подпишешь своей ЕЦП.

А еще их любят всякие строители.
Видел что при постройке ветряков у сименса, рабочие заполняют чеклисты проведенных проверок.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #27 Ответы: #32

30. Сообщение от Аноним (30), 28-Мрт-26, 17:07   +/
Пожалуйста.
Официальная форма на японскую визу: https://www.mofa.go.jp/files/000124525.pdf
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #27

31. Сообщение от Абырвалг (?), 28-Мрт-26, 17:20    Скрыто ботом-модератором+3 +/
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #3 Ответы: #47

32. Сообщение от Смузихлеб забывший пароль (?), 28-Мрт-26, 17:26   +/
у сименса и иное ПО до сих пор под ХР и всё равно местами глючное
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #29

33. Сообщение от Смузихлеб забывший пароль (?), 28-Мрт-26, 17:28   +/
мб когда-то. Но анимации туда уже давно завезли
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #20

34. Сообщение от G0Dzilla (??), 28-Мрт-26, 17:34   +/
Основной интерактивный интерфейс дисков журнала "Мир ПК" был в PDF. Встроенный плеер, переходы, запуск инсталляторов и т.д.
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #27

35. Сообщение от Аноним (36), 28-Мрт-26, 18:33    Скрыто ботом-модератором+/
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #5

36. Сообщение от Аноним (36), 28-Мрт-26, 18:35   +/
Не видел такого ни на одной веб-странице. Но у меня и глаза не очень большие.
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #24

37. Сообщение от Аноним (37), 28-Мрт-26, 18:36   +/
>HTML + CSS + JS - это такой лютый набор костылей

Так стоп! В смысле костылей? Эта тройка основа современного вэба. Его фундамент. И по правде говоря он не создавался для игр. Хотя, кто знает каким путём пойдёт будущее.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #8 Ответы: #40

38. Сообщение от Аноним (22), 28-Мрт-26, 18:44   +/
> Никогда не видел .pdf документа с формами и интерактивностью

Ну тогда советую хотя бы спеки полистать.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #27 Ответы: #51

39. Сообщение от Аноним (39), 28-Мрт-26, 18:45   +/
Когда коту нечего делать... Тут целая команда облизала котов со всей округи, от ушек до кончика хвоста.
Ответить | Правка | Наверх | Cообщить модератору

40. Сообщение от Ананоним (?), 28-Мрт-26, 19:06   +/
>>HTML + CSS + JS - это такой лютый набор костылей
> Так стоп! В смысле костылей? Эта тройка основа современного вэба. Его фундамент. И по правде говоря он не создавался для игр. Хотя, кто знает каким путём пойдёт будущее.

Ха! Это не основа, а суррогат десктопа, который по прихоти некоторых натянули на то, что ранее было вебом. Кривее и раздутее "технолигии" трудно найти.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #37

41. Сообщение от Аноним (49), 28-Мрт-26, 19:12   +1 +/
Флэш был проприетарный и катастрофически дырявый, и именно поэтому его убрали.

Кому надо быстро — в стандартах всё есть, осваивайте WebAssembly и WebGL. Можно Doom3 запускать в браузере ( https://github.com/gabrielcuvillier/d3wasm ).

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #22 Ответы: #43

42. Сообщение от Аноним (49), 28-Мрт-26, 19:21   +/
На недавнем 39C3 был отличный доклад про то, чего можно добиться через нетрадиционное использование CSS, даже без JS: https://media.ccc.de/v/39c3-css-clicker-training-making-games-in-a-styling-language
Ответить | Правка | Наверх | Cообщить модератору
Ответы: #48

43. Сообщение от Тот_Самый_Анонимус_ (?), 28-Мрт-26, 19:26   +/
Нет, его убрали по глупости. До сих пор в вебе нет нормальной векторной анимации, коей был флеш. И он был скоростнее того, что вы предложили.
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #41 Ответы: #46

44. Сообщение от Аноним (49), 28-Мрт-26, 19:26   +/
Можно, но это будет ещё больший кринж — нужно ведь как–то хранить состояние.  Например, через чекбокс и label for.

Если по умолчанию всё свёрнуто и нужно разворачивать только один пункт, и не смущает, что он потом автоматически свернётся по щелчку в другое место, то тривиально через :active.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #6

45. Сообщение от Тот_Самый_Анонимус_ (?), 28-Мрт-26, 19:30   +/
>Можно пример такого документа?

В начале тысячелетия был журнал «Мир ПК». На дисках, поставляемых с ним, в авторан был прописан пдф с ссылками на другие пдф-ки. Как хтмл, только пдф.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #27

46. Сообщение от Аноним (49), 28-Мрт-26, 19:32   +/
> …в вебе нет нормальной векторной анимации

Здрасте, приехали. SVG же.

Дуракопригодной удобной студии нет, это да, поэтому всерьёз заморачиваются только гики. Skill issue, чтоподелать.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #43

47. Сообщение от zyeMnonozooyalg (?), 28-Мрт-26, 19:37   –2 +/
> на тесте беременности дума никогда не было, хватит эту байку распростронять

Просто оставлю это здесь
https://habr.com/ru/companies/pixonic/articles/518142/

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #31 Ответы: #49

48. Сообщение от Аноним (39), 28-Мрт-26, 20:11   +/
А цель какая? Сложилось впечатление, что сейчас всё ещё модно скриптов загрузить несколько метров.
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #42 Ответы: #52

49. Сообщение от Аноним (49), 28-Мрт-26, 20:20   +1 +/
> Просто оставлю это здесь
> https://habr.com/ru/companies/pixonic/articles/518142/

Ссылку оставить осилил, а прочесть то, что по ней же написано — нет…

> …Чтобы полноценно запустить игру, ему пришлось заменить дисплей и микроконтроллер. Оригинальный дисплей мог показывать только четыре возможных экрана, а центральный процессор нельзя было перепрограммировать

Это мистификация, кликбейт для твиттора. В корпус от теста на беременность был помещён дисплей, на котором проигрывались видюшки.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #47

50. Сообщение от Аноним (50), 28-Мрт-26, 20:25   +/
Html5: да ладно?!
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #20

51. Сообщение от Аноним (50), 28-Мрт-26, 20:28   +/
А что-нибудь менее эфемерное есть?
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #38

52. Сообщение от Аноним (49), 28-Мрт-26, 20:35   +/
Pure art, демонстрация технологии, бенчмаркинг браузерных движков.

Там описывается (суб)культура, возникшая вокруг платформы, позволяющей публиковать посты в виде html+css, но без скриптов. Некоторые форумные движки и социальные сети позволяли использовать кастомные CSS, в результате пользователи самовыражались как могли.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #48

53. Сообщение от Аноним (53), 28-Мрт-26, 20:48   +/
>> использующую для отрисовки только CSS, без применения элемента canvas и WebGL
> Это враньё. Для отрисовки используется и JS, именно он говорить CSS что и как рисовать

Ну, и где тут вранье? Написано же, что идет именно про отрисовку.

Ответить | Правка | Наверх | Cообщить модератору
Родитель: #19

54. Сообщение от Frestein (ok), 28-Мрт-26, 20:49   +/
В GNU Emacs тоже с недавних пор можно поиграть в Doom
https://github.com/minad/doom-on-emacs
Ответить | Правка | Наверх | Cообщить модератору

55. Сообщение от eugener (ok), 28-Мрт-26, 20:59   +/
Вообще не тормозит, я даже удивился.
Ответить | Правка | Наверх | Cообщить модератору
Родитель: #13


Архив | Удалить

Рекомендовать для помещения в FAQ | Индекс форумов | Темы | Пред. тема | След. тема




Партнёры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2026 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру