Представлен проект cssDOOM, подготовивший реализацию игры DOOM, использующую для отрисовки только CSS, без применения элемента canvas и WebGL.
Всё что выводится на экран, включая спрайты, текстурированные стены, уровни и эффекты, оформлено через стилизованные при помощи CSS элементы <div>, размещаемые в 3D-пространстве при помощи CSS-свойств "transform" и"transform-style: preserve-3d". Игровая логика написана на JavaScript, используя в качестве эталона оригинальный код игры DOOM, открытый компанией id Software. Наработки проекта опубликованы под лицензией GPLv2.
https://cssdoom.wtf/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥24👍2
Утечка кода инструментария Claude Code из-за забытого в NPM-пакете map-файла
Компания Anthropic по недосмотру опубликовала в составе выпуска NPM-пакета claude-code 2.1.88 полный необфусцированный исходный код инструментария Claude Code на языке TypeScript. Код попал в релиз в составе map-файла cli.js.map, применявшегося в ходе отладки. Для предотвращения подобных утечек разработчикам рекомендуется не забывать добавлять маску *.map в файл .npmignore.
Подробнее:
https://opennet.ru/65114/
https://opennet.me/65114/
Компания Anthropic по недосмотру опубликовала в составе выпуска NPM-пакета claude-code 2.1.88 полный необфусцированный исходный код инструментария Claude Code на языке TypeScript. Код попал в релиз в составе map-файла cli.js.map, применявшегося в ходе отладки. Для предотвращения подобных утечек разработчикам рекомендуется не забывать добавлять маску *.map в файл .npmignore.
Подробнее:
https://opennet.ru/65114/
https://opennet.me/65114/
😁10👍7❤2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Красивая платежная форма на JS с валидацией правильности заполнения полей.
Если в браузере пользователя сохранены платежные данные, то форма и предложит их автозаполнение.
https://codepen.io/myacode/pen/ExPOdBd
Если в браузере пользователя сохранены платежные данные, то форма и предложит их автозаполнение.
https://codepen.io/myacode/pen/ExPOdBd
❤10👍7🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Знаете ли вы, что в CSS можно определить поворот с помощью блока
turn? 🤩👍20❤13
This media is not supported in your browser
VIEW IN TELEGRAM
Variable Fonts and the Web Audio API
Демонстрация Web Audio API, изменяющая переменные шрифты на основе аудиовхода. Реализована с помощью JavaScript.
https://codepen.io/mandymichael/pen/OYpqdP
Демонстрация Web Audio API, изменяющая переменные шрифты на основе аудиовхода. Реализована с помощью JavaScript.
https://codepen.io/mandymichael/pen/OYpqdP
👍3😁3