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.ru/opennews/art.shtml?num=65090

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

Оглавление

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


1. "Реализация игры DOOM, использующая для отрисовки только CSS"  +4 +/
Сообщение от Аноним (1), 28-Мрт-26, 13:20 
Ну хоть на что-то современные стандарты годятся
Ответить | Правка | Наверх | Cообщить модератору

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

83. "Реализация игры DOOM, использующая для отрисовки только CSS"  +1 +/
Сообщение от Аноним (83), 29-Мрт-26, 15:08 
> Да, современные стандарты настолько круты что могут запускать игру 1995, года)

C FPS ниже чем в 1995...

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

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

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

50. "Реализация игры DOOM, использующая для отрисовки только CSS"  +1 +/
Сообщение от Аноним (50), 28-Мрт-26, 20:25 
Html5: да ладно?!
Ответить | Правка | К родителю #20 | Наверх | Cообщить модератору

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

31. "Реализация игры DOOM, использующая для отрисовки только CSS"  +10 +/
Сообщение от Абырвалг (?), 28-Мрт-26, 17:20 
на тесте беременности дума никогда не было, хватит эту байку распростронять
Ответить | Правка | Наверх | Cообщить модератору

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

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

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

49. "Реализация игры DOOM, использующая для отрисовки только CSS"  +7 +/
Сообщение от Аноним (49), 28-Мрт-26, 20:20 
> Просто оставлю это здесь
> https://habr.com/ru/companies/pixonic/articles/518142/

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

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

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

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

65. "Реализация игры DOOM, использующая для отрисовки только CSS"  +1 +/
Сообщение от Bottle (?), 28-Мрт-26, 23:56 
Фанаты дума недостаточно умные для этого, в их мире существует только один программист, и это Джон Кармак.
Ответить | Правка | К родителю #31 | Наверх | Cообщить модератору

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

5. "Реализация игры DOOM, использующая для отрисовки только CSS"  +13 +/
Сообщение от Скотобаза (?), 28-Мрт-26, 13:50 
А помните когда то браузеры показывали сайты и не жрали терабайты памяти?
Ответить | Правка | Наверх | Cообщить модератору

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

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

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

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

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

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

46. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (49), 28-Мрт-26, 19:32 
> …в вебе нет нормальной векторной анимации

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

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

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

57. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Cyd (?), 28-Мрт-26, 21:17 
Видимо, что уважаемый аноним не пробовал на svg чтото всерьез делать. кривое тормозное и в каждом браузере по разному поддерживаемое. а очень жаль. сам радел за svg.
Ответить | Правка | Наверх | Cообщить модератору

60. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Тот_Самый_Анонимус_ (?), 28-Мрт-26, 22:46 
>Дуракопригодной удобной

Это не синонимы. У вас ментальные проблемы.

СВГ — это раздутый текстовый формат, не содержащий в себе анимации. Вы хоть бы понимать научились на что отвечаете.

И да, гики уёво рисуют, а художникам нужен удобный инструмент.

Ответить | Правка | К родителю #46 | Наверх | Cообщить модератору

62. "Реализация игры DOOM, использующая для отрисовки только CSS"  –1 +/
Сообщение от Аноним (49), 28-Мрт-26, 23:31 
> СВГ — это раздутый текстовый формат,

Тормозно, раздуто — это всё субъективщина. Вы, наверное, запамятовали (если вообще застали), как тормозил оригинальный флеш, несмотря на все ухищрения и jit. И какой он, несмотря на нетекстовость, был жирный — настолько, что пришлось к формату поверх прикручивать deflate, чтобы по диалапу это можно было распространять. Ну дык, и современный тестовый веб поголовно весь отлично жмётся при передаче, текстовость не мешает, даже наоборот.

> не содержащий в себе анимации.

Тем не менее, ничто не мешает его анимировать средствами SMIL или CSS:
https://caniuse.com/svg-smil
https://caniuse.com/css-animation

Получается как–то так:
https://raw.githubusercontent.com/samyk/samyk/main/.../c.svg


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

72. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Анон1110м (?), 29-Мрт-26, 07:45 
А как тормозят современные странички. Несмотря на все ухищрения. А чтобы их смотреть нужен современнчй браузир который занимает несколько сот мегабайт на диске и запросто может откушать гиг оперативки просто так. А ещё постоянное чтение и запись просто так в разнообразные файлы профиля.
Ответить | Правка | Наверх | Cообщить модератору

82. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от DP (?), 29-Мрт-26, 11:52 
> Получается как–то так:
> https://raw.githubusercontent.com/samyk/samyk/main/.../c.svg

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

Ответить | Правка | К родителю #62 | Наверх | Cообщить модератору

85. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (49), 29-Мрт-26, 16:35 
Всё работает.

Это Samy Kamkar. Да, тот самый.  Да, у него действительно папка с тремя точками в репо. Вопросы по поводу «выпендриваться» — к нему.

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

64. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (64), 28-Мрт-26, 23:50 
А зачем это в вебе, для мультипликации? Если да – рендерьте в растр, всем наплевать 0,001% стилизованного контента. Выхлопа от него в реальном мире – в рамках погрешности.
Ответить | Правка | К родителю #60 | Наверх | Cообщить модератору

61. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (61), 28-Мрт-26, 23:00 
Дырявый? Да сколько сейчас фиксится в браузерах очередных дыреней в js движке, оптимизируется лагучая отрисовка стопитсотого CSS свойства и т.п., что было призвано сделать страницы более визуально привлекательными и интерактивными, и с чем флэш справлялся более чем.
Проблема у флэша была одна - насквозь проприетарный, монополию на его разработку держала сначала макромедиа, затем адобе. Ещё одним из немало важных следствий закрытости - интеграция с браузерами через NPAPI. Ну и ближе к концу своего существования стал напоминать собаку на сене, и его начали тем или иным способом обходить стороной. Отдельное спасибо Джобсу, принявшему решение делать отдельное приложение для просмотра ютуб, в качестве ответа подсералова гуглу и медлительности адоба.
Ответить | Правка | К родителю #41 | Наверх | Cообщить модератору

63. "Реализация игры DOOM, использующая для отрисовки только CSS"  –1 +/
Сообщение от Аноним (49), 28-Мрт-26, 23:41 
Да, дырявый. Да, насквозь.

Сколько народу кормилось с прогрузов через многочисленные CVE во флеше и адобовском плагине для PDF, это уму непостяжимо, целые империи malware-as-a-service выстраивались.

Просто зайти на сайт и выхватить малварь, какой–нибудь развесёлый порнобаннер — это было данностью для того периода времени. И самое главное — не было возможности ни заставить Adobe фиксить дыры вовремя, ни оперативно обновлять уже установленные плагины. Поэтому всё это в конечном вырезали с мясом и выкинули, под истеричный вой дизайнеров, рекламщиков и любителей newgrounds.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

51. "Реализация игры DOOM, использующая для отрисовки только CSS"  +1 +/
Сообщение от Аноним (50), 28-Мрт-26, 20:28 
А что-нибудь менее эфемерное есть?
Ответить | Правка | Наверх | Cообщить модератору

45. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Тот_Самый_Анонимус_ (?), 28-Мрт-26, 19:30 
>Можно пример такого документа?

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

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

69. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (8), 29-Мрт-26, 02:06 
> альтернативы

Имхо, альтернативой должно быть отдача разных файлов, приспособленных под разные задачи.

Хочешь статью с ссылками и картинками? Markdown (или другой язык разметки) намного проще и менее функционален, что позволит написать намного более простые парсеры.

Нужна огромная (неадекватная для того, чтобы писать её в markdown) таблица с товарами? CSV, TSV, да что угодно, главное чтобы это был отдельный файл. Гифки, кнопки и другие иконки же обычно не пихают через 'data:' прям в html, потому что это маразм, почему тогда таблицы с важной информацией должны быть там же.

Нужно интерактивное приложение? Программа WebGL в "отдельном окне", ну или любая другая виртуальная машина по вкусу. Причём ты просто скачиваешь по ссылке программу и она отдельно запускается в её виртуальной машине, без необходимости встраивать это дело в браузер.

Но этого никогда не произойдёт, просто потому что веб-компании начнут терять поток интерактивных пользвателей (а соответственно и бабки, просто потому что в этой цепочке уже может и не быть человека который тянется мышкой нажать на кнопку которому можно пихнуть рекламу), когда выяснится, что их сайты делают одно и то же, но просто изолируют свою информацию от пользователя. Как например ютуб в своём EULA прямо запрещает тебе скачивать видео к себе на диск и смотреть его в твоём на выбор плеере вместо их ущербного плеера на JS или через их мобильные приложения для смартфонов и телевизоров.

Тот же RSS/Atom используется очень малым количеством пользователей, потому что средняя компьютерная грамотность пользователей интернета равна нулю и многие даже не понимают, что такое "файловая система". Новости люди вообще читают в мессенджерах, что превращает мессенджеры в супераппы, а отсутствие такового функционала делает открытые стандарты непривлекательными просто потому что в XMPP (в его простейшей имплементации), почте, IRC и т.д. нельзя/муторно перекинуть файлик, посмотреть файлик, отредактировать файлик, и так далее. Хотя это всё легко делается другими, намного более лучше сделанными специально для этих нужд написанными программами. Просто не хватает интеграции на уровне операционной системы. Даже в Android это всё работает достаточно криво, чтобы отпугнуть пользователя от читания новостей на сайте-блоге, комментирования в XMPP/IRC чате или email листе, просмотра роликов через идущий отдельно плеер и редактирования фоток через отдельный растровый редактор.

Ответить | Правка | К родителю #12 | Наверх | Cообщить модератору

73. "Реализация игры DOOM, использующая для отрисовки только CSS"  –1 +/
Сообщение от Анон1110м (?), 29-Мрт-26, 07:50 
DOC. В DOC есть всё: и формы, и интерактивность. Или любой другой формат из Office.
Ответить | Правка | К родителю #12 | Наверх | Cообщить модератору

37. "Реализация игры DOOM, использующая для отрисовки только CSS"  –1 +/
Сообщение от Аноним (37), 28-Мрт-26, 18:36 
>HTML + CSS + JS - это такой лютый набор костылей

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

Ответить | Правка | К родителю #8 | Наверх | Cообщить модератору

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

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

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

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

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

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

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

79. Скрыто модератором  +1 +/
Сообщение от Аноним (79), 29-Мрт-26, 11:09 
Ответить | Правка | Наверх | Cообщить модератору

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

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

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

66. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (8), 29-Мрт-26, 01:00 
Держу в курсе, существует wiby.me, на котором можешь найти тысячи и тысячи сайтов, как новых, так и старых, на которых нету вырвиглазного дизайна, но и при этом сайт не лезет за js на десятки других доменов ради мегабайтного обфусцированного скрипта, который одну кнопку отрисовывает, и на которых вс не завёрнуто в div и только потом js начинает распихивать сотню разных классов туда, куда по дефолту бы всё само распихнулось, используй создатель сайта стандартизированные в html5 тэги.
Ответить | Правка | К родителю #11 | Наверх | Cообщить модератору

75. "Реализация игры DOOM, использующая для отрисовки только CSS"  –1 +/
Сообщение от Анон1110м (?), 29-Мрт-26, 07:58 
Только похоже на то что там не добавляются новые сайты. Отправлял им с десяток адресов и ни одного не добавили.
Ответить | Правка | Наверх | Cообщить модератору

77. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от анон (?), 29-Мрт-26, 10:39 
Там добавляются не сайты, а страницы. Я отправил одну страницу со своего сайта, они её добавили. Остальные проигнорировали.
Ответить | Правка | Наверх | Cообщить модератору

78. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (8), 29-Мрт-26, 11:02 
Может они не удовлетворяли требованиям, которым должен соответствовать твой сайт? Правила индексации и модерации у них прописаны.
Ответить | Правка | К родителю #75 | Наверх | Cообщить модератору

35. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (36), 28-Мрт-26, 18:33 
Линукс снова сожрал терабайт памяти. Это уже нездоровая тенденция. Попячьтесь!
Ответить | Правка | К родителю #5 | Наверх | Cообщить модератору

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

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

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

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

68. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (8), 29-Мрт-26, 01:35 
Ну, в том то и проблема, что стейт чисто визуальной системы почему-то хранится и управляется из структуры документа, который в идеале должен описывать чисто роль разных объектов (там параграф, тут лист, здесь заголовок и т.д.), а не поведение объектов на экране (вот это могу свернуть, а вот это уже нет).

:active это вообще не то, на мобилке по крайней мере объект считается :active только пока ты на него непосредственно нажимаешь. :focus тоже не подходит, оно видимо отрабатывает только на выбранных формах и ссылках.

Едиснтвенный выход, который я вижу из этого - это расширять логику браузера самостоятельно через JS, что вроде бы как и логично, но проблема в том что JS используется не только для расширения функционала чисто текущего документа, но и для целых видеоплееров от гугела, майнеров, перехвата инпута человека, отсылкой данных и т.д., поэтому чаще всего люди будут сидеть с включенным uBlock и/или uMatrix с забаненым JS вообще. Не получается всё сделать красиво.

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

13. "Реализация игры DOOM, использующая для отрисовки только CSS"  +2 +/
Сообщение от Аноним (13), 28-Мрт-26, 14:49 
Зашел, тормоза адские, не рекомендую.
Ответить | Правка | Наверх | Cообщить модератору

25. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (22), 28-Мрт-26, 16:16 
Современные технологии.
Ответить | Правка | Наверх | Cообщить модератору

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

59. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Tron is Whistling (?), 28-Мрт-26, 21:29 
В фурри жёстко тормозит. В хромом нормально.
Ответить | Правка | К родителю #13 | Наверх | Cообщить модератору

15. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (15), 28-Мрт-26, 15:07 
Не тру. Вот RealDOOM это тру.
Ответить | Правка | Наверх | Cообщить модератору

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

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

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

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

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

26. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (26), 28-Мрт-26, 16:19 
Это Doom начала 2000-х?
Ответить | Правка | Наверх | Cообщить модератору

28. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (28), 28-Мрт-26, 16:53 
1993
https://ru.wikipedia.org/wiki/Doom

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

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

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

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

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

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

67. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Джон Титор (ok), 29-Мрт-26, 01:33 
У ZTM есть конкурс на гитхабе, который уже давно прошел на css анимацию. По моему называется Animation Nation. Там море css анимации сделано, даже танцующий Бендер.
Ответить | Правка | К родителю #42 | Наверх | Cообщить модератору

71. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от анон (?), 29-Мрт-26, 07:42 
Что-то докладчик как-то странно одет.
Ответить | Правка | К родителю #42 | Наверх | Cообщить модератору

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

74. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от EuPhobos (ok), 29-Мрт-26, 07:52 
Ну сразу заметно что-то не так, что-то "другое")
Очень видны швы стен, ступенек и т.д. через швы виден остальной уровень, случайно можно зайти в стену по типу "noclip".
Никакой экономии ресурсов, я так понимаю все элементы разом отрисовываются, раз через швы видно всё.
Ответить | Правка | Наверх | Cообщить модератору

80. "Реализация игры DOOM, использующая для отрисовки только CSS"  –1 +/
Сообщение от Аноним (79), 29-Мрт-26, 11:17 
И?
Задача была отрисовать, отлаживать это никто не планировал.
Ответить | Правка | Наверх | Cообщить модератору

81. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от localhostadmin (ok), 29-Мрт-26, 11:20 
Это что получается, теперь трекеррв будет в 2 раза больше?
Ответить | Правка | Наверх | Cообщить модератору

84. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Blade Runner (-), 29-Мрт-26, 15:52 
С js? Так не интересно. Вот если бы кто-то создал нечто подобное полностью на голом css (напомню, что по Тьюрингу он полон), тогда бы — о да!
Ответить | Правка | Наверх | Cообщить модератору

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

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




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

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