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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

41. "Реализация игры DOOM, использующая для отрисовки только CSS"  +1 +/
Сообщение от Аноним (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"  –1 +/
Сообщение от Аноним (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"  +/
Сообщение от Аноним (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ообщить модератору

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

53. "Реализация игры DOOM, использующая для отрисовки только CSS"  +/
Сообщение от Аноним (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ообщить модератору

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

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

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




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

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